/* Start:/local/components/cmd_u/forms/templates/subscribe_footer/style.css?17643170671605*/
.employe_form_cont {display: flex;gap: 20px;justify-content: space-between;}.employe_info {display: flex;flex-direction: column;justify-content: center;gap: 48px;width: min(100%, 410px);}.employe_name {font-family: Cera Pro;font-weight: 500;font-size: 36px;line-height: 100%;vertical-align: middle;text-transform: uppercase;color: #111111;}.employe_descr {font-family: Cera Pro;font-weight: 400;font-size: 16px;line-height: 100%;vertical-align: middle;color: #4C4A44;}.employe_title {font-family: Cera Pro;font-weight: 700;font-size: 16px;line-height: 100%;vertical-align: middle;text-transform: uppercase;color: #111111;margin-bottom: 20px;}.employe_contacts_items {display: flex;flex-direction: column;gap: 5px;}.employe_contacts_item a {font-family: Cera Pro;font-weight: 400;font-size: 16px;line-height: 100%;vertical-align: middle;color: #4C4A44;}.employe_form {width: min(100%, 715px);background-color: #4C4A44;padding: 40px;display: flex;flex-direction: column;gap: 40px;}.employe_form_form {display: flex;flex-direction: column;gap: 40px;}.employe_form_title {font-family: Cera Pro;font-weight: 500;font-size: 24px;line-height: 100%;color: #F4F1EA;}.div_input input {border: none;width: 100%;padding: 10px;border-bottom: 1px solid #D9D9D4;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;}.div_input input::placeholder {color: #BABABA;}@media screen and (max-width: 768px) {.employe_form_cont {flex-direction: column;}.employe_name {font-size: 24px;}.employe_info {gap: 20px;}.employe_title {margin-bottom: 10px;}.employe_form_title {font-size: 20px;}}
/* End */


/* Start:/local/components/cmd_u/forms/templates/popup/style.css?17643171153887*/
.popup_over {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 10000;background: rgba(0,0,0,0.45);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);transition: opacity .22s ease,visibility .22s ease;opacity:0;visibility:hidden;}.popup_over.open {opacity: 1;visibility: visible;}.popup_close {position: absolute;cursor: pointer;right: 0px;top: 0px;}.popup_content {display: flex;align-items: center;justify-content: center;width: inherit;height: inherit;}.popup_body {width: min(100% - 40px, 680px);display: flex;flex-direction: column;gap: 40px;transform: translateY(20px);opacity: 0;transition: transform .3s ease, opacity .3s ease;}.popup_over.open .popup_body {transform: translateY(0);opacity: 1;}.popup_title {font-family: Cera Pro;font-weight: 500;font-size: 36px;line-height: 39px;vertical-align: middle;text-transform: uppercase;color: #F5F5F5;max-width: calc(100% - 20px);}.popup_subtitle {font-family: Cera Pro;font-weight: 400;font-size: 16px;line-height: 20px;vertical-align: middle;color: #F5F5F5;width: min(480px, 100%);}.popup_cont {background-color: #4C4A44;}.popup_cont form {display: flex;flex-direction: column;gap: 40px;padding: 40px;}.custom_title {display: flex;align-items: center;gap: 10px;}.name_title {font-family: Cera Pro;font-weight: 700;font-size: 16px;line-height: 100%;text-transform: uppercase;color: #F5F5F5;}.page_form_inputs {display: flex;flex-direction: column;gap: 28px;}.together_inputs_block {display: flex;gap: 20px;}.div_input {width: 100%;position: relative;}.div_input input {width: 100%;height: 47px;}.div_input textarea {width: 100%;height: 50px;resize: none;overflow-y: hidden;outline: 0px;border: 0px;border-bottom: 1px solid #BABABA;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;padding: 10px;}.div_input textarea::placeholder {color: #BABABA;}.required-icon {right: 0px;top: 0px;position: absolute;font-size: 20px;color: #D11B1D;}.page_form_inputs input[type=text], .page_form_inputs input[type=tel], .page_form_inputs input[type=email] {background: transparent;border: none;border-bottom: 1px solid #BABABA;padding-bottom: 16px;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 250;line-height: 100%;}.page_form_inputs input::placeholder {color: #BABABA;}.checkboxes_new {display: flex;flex-direction: column;gap: 10px;}.checkbox_item_input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 1px solid #F4F1EA;position: relative;border-radius: 0;flex-shrink: 0;cursor: pointer;}.checkbox_item_input[type=checkbox]:checked::after {content: "";position: absolute;left: 50%;top: 50%;width: 5px;height: 10px;border: solid #F4F1EA;border-width: 0 2px 2px 0;transform: translate(-50%, -65%) rotate(45deg);}.checkbox_item {display: flex;align-items: center;gap: 13px;color: #F4F1EA;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}.checkbox_item span a {color: #F4F1EA;font-family: "Cera Pro";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;text-decoration: underline;}@media screen and (max-height: 880px) {.popup_body {gap: 20px;}.page_form_inputs {gap: 10px;}}@media screen and (max-height: 680px) {.popup_body {gap: 5px;}.popup_title {font-size: 20px;line-height: 25px;}.popup_subtitle, .checkbox_item, .checkbox_item span a {font-size: 12px;}}@media screen and (max-width: 650px) {.popup_body {gap: 20px;}.page_form_inputs {gap: 10px;}}@media screen and (max-width: 550px) {.popup_cont form {gap: 15px;padding: 20px;}}@media screen and (max-width: 460px) {.together_inputs_block {gap: 28px;flex-direction: column;}}
/* End */


/* Start:/local/templates/mrdoors2025/styles.css?177079878917576*/
@charset "UTF-8";* {padding: 0px;margin: 0px;border: none;font-family: "Cera Pro";}*, *::before, *::after {box-sizing: border-box;}a, a:link, a:visited {text-decoration: none;}a:hover {text-decoration: none;}aside, nav, footer, header, section, main {display: block;}h1, h2, h3, h4, h5, h6, p {font-size: inherit;font-weight: inherit;}ul, ul li {list-style: none;}img {vertical-align: top;}img, svg {max-width: 100%;height: auto;}address {font-style: normal;}input, textarea, button, select {font-family: inherit;font-size: inherit;color: var(--white);background-color: transparent;}input::-ms-clear {display: none;}button, input[type=submit] {display: inline-block;box-shadow: none;background-color: transparent;background: none;cursor: pointer;}input:focus, input:active, button:focus, button:active {outline: none;}button::-moz-focus-inner {padding: 0;border: 0;}label {cursor: pointer;}legend {display: block;}input[type=file] {max-width: 100%;}input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}@font-face {font-family: "Cera Pro";src: url("/fonts/CeraPro-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;ascent-override: 90%;descent-override: 10%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Cera Pro";src: url("/fonts/CeraPro-Medium.woff2") format("woff2");font-weight: 500;font-style: normal;font-display: swap;ascent-override: 90%;descent-override: 10%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Cera Pro";src: url("/fonts/CeraPro-Regular.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;ascent-override: 90%;descent-override: 10%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Cera Pro";src: url("/fonts/CeraPro-Thin.woff2") format("woff2");font-weight: 100;font-style: normal;font-display: swap;ascent-override: 90%;descent-override: 10%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Inter";src: url("/fonts/Inter-Regular.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;ascent-override: 90%;descent-override: 10%;line-gap-override: 0%;size-adjust: 100%;}:root {--main-color: #4C4A44;--white: #F5F5F5;}body {background-color: var(--white);}body.modal-open {overflow: hidden;position: fixed;width: 100%;}.container {margin: 0 auto;padding: 0 100px;max-width: 1920px;}@media (max-width: 768px) {.container {padding: 0 80px;}}@media (max-width: 480px) {.container {padding: 0 20px;}}.none {display: none !important;}.header {position: fixed;top: 0;left: 0;width: 100%;height: 70px;background-color: transparent;color: white;z-index: 1000;transition: background-color 0.3s ease;}.header__container {height: 100%;}.header__wrapper {display: flex;align-items: center;justify-content: space-between;height: 100%;}.header__logo img {height: 40px;}.header__logo {display: flex;align-items: center;color: #F5F5F5;transition: color 0.3s ease;}.header__nav-item {display: flex;gap: 6px;align-items: center;}.header:hover .header__logo {color: #4C4A44;}.header__icon {color: #F5F5F5;transition: color 0.3s ease;display: flex;align-items: center;}.header:hover .header__icon {color: #3D3C37;}.header__icon--salon {display: none;}.header__right {display: flex;align-items: center;gap: 40px;}.header__nav {flex-grow: 1;margin-left: 40px;}.header__nav-list {display: flex;gap: 38px;list-style: none;}.header__nav-link {display: inline-flex;align-items: center;gap: 6px;color: #F5F5F5;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-decoration: none;transition: color 0.3s ease;}.header:hover .header__nav-link {color: #3D3C37;}.header__nav-link:hover {opacity: 0.7;}.header__icons {display: flex;gap: 40px;}.header__nav-arrow {margin-bottom: -1px;}.header__icon {background: none;border: none;color: white;font-size: 18px;cursor: pointer;transition: opacity 0.2s ease;}.header__icon:hover {opacity: 0.7;}.header.scrolled, .scrolled_alt {background-color: #F5F5F5;color: #3D3C37;}.header.scrolled .header__logo, .scrolled_alt .header__logo {color: #4C4A44;}.header.scrolled .header__icon, .scrolled_alt .header__icon{color: #3D3C37;}.header.scrolled .header__nav-link, .scrolled_alt .header__nav-link {color: #3D3C37;}.header, .header__logo, .header__icon, .header__nav-link {transition: color 0.3s ease, background-color 0.3s ease;}.header:hover, .header.scrolled, .scrolled_alt {background-color: #F5F5F5;}.menu-dropdown-wrapper {position: absolute;top: 100%;left: 0;width: 100%;background-color: #F5F5F5;overflow: hidden;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(-20px);transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;}.menu-dropdown-wrapper.active {opacity: 1;visibility: visible;transform: translateY(0);}.menu-dropdown-wrapper.instant-hide {transition: none !important;}.menu-dropdown-content {display: flex;gap: 40px;padding-top: 40px;padding-bottom: 60px;}.menu-content {display: none;}.menu-content.active {display: block;width: 100%;}.search-results-wrapper {display: flex;gap: 40px;}.search-content {display: flex;flex-direction: column;gap: 30px;}.search-wrapper {display: flex;align-items: center;gap: 10px;height: 40px;}.search-input {font-size: 16px;border-radius: 8px;color: #4C4A44;font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;}.search-section {display: flex;flex-direction: column;gap: 20px;}.search-section__title {color: #4C4A44;font-size: 16px;font-style: normal;font-weight: 250;line-height: normal;}.search-section__list {display: flex;flex-direction: column;gap: 16px;}.search-section__item a {position: relative;color: #3D3C37;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;padding-left: 20px;display: block;width: 100%;height: 100%;}.search-section__item a::before {content: "→";position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #BABABA;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;}.search-section__item-previously a {position: relative;color: #3D3C37;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;padding-left: 23px;display: block;width: 100%;height: 100%;}.search-section__item-previously a::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 17px;height: 17px;background-image: url("/img/icon/search-in-menu.svg");background-size: contain;background-repeat: no-repeat;}.phone_block_content {width: fit-content;margin-left: auto;display: flex;flex-direction: column;align-items: end;gap: 8px;}.phone_block_content_val a {font-family: Cera Pro;font-weight: 700;font-style: Bold;font-size: 16px;leading-trim: NONE;line-height: 100%;letter-spacing: 0%;text-align: right;text-transform: uppercase;color: #111111;}.time_block_content_val {font-family: Inter;font-weight: 400;font-style: Regular;font-size: 14px;leading-trim: NONE;line-height: 100%;letter-spacing: 0%;text-align: right;color: #111111;}.catalog-scroll-wrapper {max-height: 80vh;overflow-y: auto;}.catalog-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;padding: 40px;font-family: "Cera Pro", sans-serif;width: 100%;}.catalog-column {display: flex;flex-direction: column;gap: 32px;}.catalog-block {display: flex;flex-direction: column;}.catalog-title {margin-bottom: 20px;}.catalog-title a {color: #111;font-size: 24px;font-style: normal;font-weight: 500;line-height: 100%;}.catalog-list {list-style: none;padding: 0;margin: 0 0 10px 0;display: flex;flex-direction: column;gap: 10px;}.catalog-list li {font-size: 15px;color: #3d3c37;}.catalog-link {color: #4C4A44;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;transition: color 0.3s ease;}.catalog-link:hover {color: #000;}.catalog-more-btn {display: inline-flex;align-items: center;background: none;border: none;color: #999;font-size: 14px;cursor: pointer;text-align: left;position: relative;max-width: fit-content;gap: 10px;align-items: center;}.catalog-more-btn::after {content: "";width: 10px;height: 6px;background-image: url("/img/icon/arrow-down.svg");background-size: contain;background-repeat: no-repeat;transition: transform 0.3s ease;margin-bottom: -1px;}.catalog-more-btn.active::after {transform: rotate(180deg);}.catalog-more-btn:hover {color: #000;}.hidden {display: none;}.buyer__wrapper {display: flex;gap: 80px;}.wrapper_head {display: flex;gap: 80px;}.buyer__client {display: flex;flex-direction: column;gap: 20px;}.buyer__title {color: #BABABA;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.buyer__list-client {display: flex;flex-direction: column;gap: 20px;}.buyer__list-client-item a {color: #3D3C37;font-size: 24px;font-style: normal;font-weight: 500;line-height: 100%;display: block;width: 100%;height: 100%;}.buyer__promotion {display: flex;flex-direction: column;gap: 20px;}.buyer__list-promotion {display: flex;flex-direction: column;gap: 20px;}.buyer__list-promotion-item a {color: #3D3C37;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;display: block;width: 100%;height: 100%;}.buyer__img {max-width: 100%;flex: 1 1 0;display: flex;justify-content: flex-start;align-items: flex-start;}.buyer__image {max-height: 260px;max-width: 100%;height: auto;object-fit: contain;}img.buyer__image {max-width: 675px;}.menu-section {display: flex;flex-direction: column;gap: 20px;}.menu-section__title {color: #BABABA;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.menu-section__list {display: flex;flex-direction: column;gap: 20px;}.menu-section__item a {color: #3D3C37;font-size: 24px;font-style: normal;font-weight: 500;line-height: 100%;display: block;width: 100%;height: 100%;}.header__icons-group {display: flex;align-items: center;gap: 8px;}.hamburger {display: none;flex-direction: column;gap: 4px;align-items: center;justify-content: center;cursor: pointer;}.hamburger-line {width: 32px;height: 2px;background: #F5F5F5;}.header:hover .hamburger-line, .scrolled_alt .hamburger-line {background: #3D3C37;}.header.scrolled .hamburger-line {background: #3D3C37;}.hamburger:hover .hamburger-line {opacity: 0.7;}@media (max-width: 1380px) {.hamburger {display: flex;}.header__nav {display: none;}}@media (max-width: 768px) {.header__icons {gap: 15px;}.header__icon--user {display: none;}.header__icon--search {display: none;}.header__icon--salon {display: block;height: 30px;}}.levels {display: flex;flex-direction: column;flex: 1 1 auto;background: #fff;min-height: 0;}.search-bar {position: sticky;top: 0;z-index: 2;background: #fff;border-bottom: 1px solid #eee;margin-top: 40px;}.search-input-popup {width: 100%;border: 1px solid var(--Light-Gray, #BABABA);font-size: 24px;font-weight: 500;outline: none;color: var(--Light-Gray, #BABABA);border-radius: 0px;background-image: url("/img/icon/search-in-menu.svg");background-repeat: no-repeat;background-position: left center;background-size: 34px 34px;padding: 4px 0 6px 40px;}.search-input-popup:focus {border-color: #3D3C37;background-color: #fff;}.search-input-popup::placeholder {color: #BABABA;}.stack {position: relative;flex: 1 1 auto;overflow: hidden;min-height: 0;}.stack {touch-action: pan-y;}.popup-header {display: flex;gap: 20px;align-items: center;background: #fff;margin-top: 20px;cursor: pointer;}.back-btn {background: none;border: none;font-size: 20px;color: #666;opacity: 0;pointer-events: none;transition: opacity 0.3s;display: flex;align-items: center;}.back-btn.visible {opacity: 1;pointer-events: auto;}.popup-title {color: var(--Medium-Gray, #4C4A44);font-size: 24px;font-style: normal;font-weight: 500;line-height: 100%;}.close-btn {background: none;border: none;cursor: pointer;text-align: end;width: 17px;height: 18px;aspect-ratio: 17/18;align-self: flex-end;}.close-btn:hover {color: #666;}.category-level {position: absolute;inset: 0;background: #fff;transform: translateX(100%);transition: transform 0.3s ease;display: flex;flex-direction: column;z-index: 1;min-height: 0;}.category-level.active {transform: translateX(0);}.category-level.main {position: absolute;transform: translateX(0);z-index: 0;gap: 60px;}.popup-content, .subcategory-content {overflow-y: auto;min-height: 0;}.category-list {display: flex;flex-direction: column;gap: 17px;padding-top: 40px;}.category-item,.category-item a {cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: background 0.2s;color: #3D3C37;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;}.category-item:hover {background: #f8f9fa;}.category-item:last-child {border-bottom: none;}.category-item.no-subcategories {cursor: default;}.category-item.no-subcategories:hover {background: transparent;}.category-arrow {color: #999;font-size: 12px;}.stack .category-level .search-container {display: none !important;}.contacts {display: flex;flex-direction: column;gap: 10px;}.contacts-title {color: #3D3C37;font-size: 20px;font-style: normal;font-weight: 500;line-height: 100%;}.contact-info {color: #3D3C37;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.login-btn {width: 100%;color: var(--White-Background, #F5F5F5);text-align: center;font-size: 20px;font-style: normal;font-weight: 400;line-height: 100%;text-transform: uppercase;border: 1px solid var(--White-Background, #F5F5F5);background: var(--Black, #111);display: flex;padding: 15px 24px;justify-content: center;align-items: center;gap: 10px;align-self: stretch;}.category-arrow {transform: rotate(-90deg);}.page_cont {max-width: 1920px;padding: 0px 100px;margin: 0 auto;}.page_top_m {margin: 110px auto 0px;}.h1_pages {font-family: Cera Pro;font-weight: 400;font-size: 54px;line-height: 110.00000000000001%;vertical-align: middle;text-transform: uppercase;margin-bottom: 60px;width: min(100%, 800px);}@media screen and (max-width: 768px) {.page_cont {padding: 0px 80px;}.h1_pages {font-size: 40px;margin-bottom: 40px;}}@media screen and (max-width: 550px) {.h1_pages {font-size: 30px;}}@media screen and (max-width: 480px) {.page_cont {padding: 0px 20px;}}.page_cont_fixed {max-width: 1920px;padding: 0px 100px;margin: 0 auto;}@media screen and (max-width: 768px) {.page_cont_fixed {padding: 0px 80px;}}@media screen and (max-width: 580px) {.page_cont_fixed {padding: 0px 20px;}}.standart_text_page {font-family: Cera Pro;font-weight: 400;font-style: Regular;font-size: 16px;line-height: 100%;text-align: justify;}.standart_text_page b {font-weight: 700;}.title_page_bottom {font-family: Cera Pro;font-weight: 500;font-style: Medium;font-size: 36px;line-height: 100%;text-transform: uppercase;color: #4C4A44;margin-bottom: 40px;}.margin_top_d {margin-top: 100px;}@media screen and (max-width: 768px) {.margin_top_d {margin-top: 80px;}.title_page_bottom {font-size: 24px;}}@media screen and (max-width: 480px) {.margin_top_d {margin-top: 40px;}.title_page_bottom {font-size: 36px;}}.button {width: 100%;padding: 20px 15px;font-family: "Cera Pro", sans-serif;font-weight: 400;font-size: 20px;line-height: 100%;text-align: center;text-transform: uppercase;border: 1px solid #111;transition: 0.3s all;cursor: pointer;background-color: transparent;}.button--white {color: #111;background-color: var(--white);}.button--white:hover {background-color: #111;color: var(--white);}.button--black {color: var(--white);background-color: #111;}.button--black:hover {background-color: var(--white);color: #111;}.button--trans {color: #EBEBEB;border-color: #EBEBEB;background-color: transparent;}.button--trans:hover {background-color: var(--white);color: #4C4A44;border-color: #4C4A44;}.white_text {color: #EBEBEB;}.nav_ban_left {z-index: 100;position: absolute;left: -52px;top: 50%;transform: translateY(-50%);}.button_nav_left {width: 50px;height: 50px;flex-shrink: 0;border-radius: 50%;border: 1px solid #4C4A44;display: flex;align-items: center;justify-content: center;}.nav_ban_right {z-index: 100;position: absolute;right: -52px;top: 50%;transform: translateY(-50%);}.button_nav_right {width: 50px;height: 50px;flex-shrink: 0;border-radius: 50%;border: 1px solid #4C4A44;display: flex;align-items: center;justify-content: center;}.white_filter {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}.swiper-button-disabled .nav_block, .swiper-button-disabled {opacity: 0.3;}@media screen and (max-width: 768px) {.button_nav_left, .button_nav_right {width: 30px;height: 30px;}.button {font-size: 12px;padding: 12px;}.nav_block {width: 30px;height: 30px;}}@media screen and (max-width: 600px) {.nav_block img {width: 14px;height: 14px;}}.text-decor-under:hover {text-decoration: underline;}.text-decor-border {border-bottom: 1px solid transparent;}.text-decor-border:hover {border-bottom: 1px solid #4C4A44;}.txt-dcr-txt-bck:hover {color: #111;}.bold-text-link {font-weight: 500;font-size: 20px;}@media screen and (max-width: 440px) {.bold-text-link {font-size: 16px;}}.popup-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);display: flex;justify-content: flex-end;align-items: center;opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 1000;}.popup-overlay.active {opacity: 1;visibility: visible;}.popup {width: 400px;height: 100dvh;background: #fff;transform: translateX(100%);transition: transform 0.3s ease;display: flex;flex-direction: column;position: relative;overflow: hidden;padding: 20px;}.popup-overlay.active .popup {transform: translateX(0);}.button_sign  .button-trans{color: #3D3C37;}
/* End */


/* Start:/css/page/lkdealers.css?17631064824469*/
.dealer_cabinet {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 60px;
}
.page_title {
    font-family: Cera Pro;
    font-weight: 400;
    font-size: 54px;
    line-height: 110.00000000000001%;
    letter-spacing: -5%;
    text-transform: uppercase;
    color: #4C4A44;
}
.dealer_info_cont {
    display: flex;
    justify-content: space-between;
}
.dealer_info {
    display: flex;
    gap: 15px;
}
.dealer_img {
    width: 35px;
    height: 35px;
    background-color: #474540;
}
.dealer_img img {

}
.dealer_login_text {
    font-family: Cera Pro;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
}
.dealer_log_out button {
    width: 150px;
    height: 49px;
    padding: 10px;
    background-color: #3D3C37;
    color: #F5F5F5;
}
.dealers_title {
    margin-bottom: 10px;
    font-family: Cera Pro;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
}
.dealers_code_list {
    display: flex;
    gap: 20px;
}
.dealer_code_item {
    padding: 12px;
    border: 1px solid #BABABA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: transparent;
}
.dealer_code_item_code {
    font-family: Cera Pro;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: inherit;
}
.dealer_code_item_name {
    font-family: Cera Pro;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: inherit;
}
.dealer_code_item.active {
    color: #F5F5F5;
    background-color: #4C4A44;
}
.dealer_list_table {
    margin-bottom: 20px;
}
th, td {
  border: 1px solid #4C4A44;
  padding: 8px;
  text-align: left;
}
thead th {
    font-family: Cera Pro;
    padding: 10px 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: #F5F5F5;
    background-color: #4C4A44;
    border: 1px solid #5B5B5B;
}
tbody td {
    font-family: Cera Pro;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    padding: 10px 12px;
    background-color: #BABABA33;
}
tbody td .generate_xls {
    text-decoration: underline;
    cursor: pointer;
}
.xls_pagination_list {
    display: flex;
    gap: 12px;
}
.xls_pagination_item {
    width: 26px;
    height: 26px;
    border: 1px solid #474540;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.xls_pagination_item.active, .xls_pagination_item:hover {
    background-color: #474540;
}
.xls_pagination_item span {
    font-family: Cera Pro;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #474540;
}
.xls_pagination_item.active span, .xls_pagination_item:hover span {
    color: #F5F5F5;
}

.lds-facebook,
.lds-facebook div {
  box-sizing: border-box;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: currentColor;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0s;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

/*Login dealer*/
.login_lk_form {
    width: min(460px, 100%);
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #4C4A44;
}
.input_list {
    display: flex;
    flex-direction: column;
    gap: 10px; 
}
.input_lk input {
    border: none;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #D9D9D4;
    height: 47px;
    color: #BABABA;
    font-family: "Cera Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 250;
    line-height: 100%;
}
/* End */
/* /local/components/cmd_u/forms/templates/subscribe_footer/style.css?17643170671605 */
/* /local/components/cmd_u/forms/templates/popup/style.css?17643171153887 */
/* /local/templates/mrdoors2025/styles.css?177079878917576 */
/* /css/page/lkdealers.css?17631064824469 */