

/* Start:/local/templates/domix/components/bitrix/breadcrumb/domix_bredcrumbs/style.css?17791232051556*/
@font-face {
   font-family: Onest;
   src: url("/local/templates/domix/components/bitrix/breadcrumb/domix_bredcrumbs/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
   font-weight: 100 900;
   font-display: swap;
}
:root {
   --padding-container: 40px;
   --header-height: 150px;
   --header-height-2: 106px;
   --scrollbar-width: 0px;
}

@media (width <= 991px) {
   :root {
      --padding-container: 30px;
      --header-height: 148px;
      --header-height-2: 148px;
   }
}
@media (width <= 582px) {
   :root {
      --padding-container: 16px;
   }

   .breadcrumbs.dizayn-proekt {
      margin-top: 30px;
   }

   .breadcrumbs.cart {
      margin-top: 0;
   }
}
.breadcrumbs {
   margin-bottom: 30px;
   margin-top: 44px;
}
.breadcrumbs .breadcrumb-item {
   font-weight: 500;
   font-size: 12px;
   line-height: 100%;
   letter-spacing: -0.01em;
   opacity: 0.6;
   white-space: nowrap;
}
.breadcrumbs .breadcrumb-item:last-child {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.breadcrumbs .breadcrumbs-wrapper {
   display: inline-flex;
   gap: 9px;
   align-items: center;
   width: 100%;
}
@media (width <= 991px) {
   .catalog-category__title {
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      letter-spacing: -0.02em;
      margin-top: 0px;
   }

   .breadcrumbs {
      margin-top: 24px;
      margin-bottom: 10px;
   }
   .breadcrumbs.shops {
      margin-top: 40px !important;
      margin-bottom: 10px;
   }
   .breadcrumbs.partnership {
      margin-top: 40px !important;
      margin-bottom: 10px;
   }
}

/* End */


/* Start:/local/templates/domix/components/bitrix/news.list/payment-tab/style.css?17768505737876*/
@charset "UTF-8";
@font-face {
   font-family: Onest;
   src: url("/local/templates/domix/components/bitrix/news.list/payment-tab/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
   font-weight: 100 900;
   font-display: swap;
}
:root {
   --padding-container: 40px;
   --header-height: 150px;
   --header-height-2: 106px;
   --scrollbar-width: 0px;
}

@media (width <= 991px) {
   :root {
      --padding-container: 30px;
      --header-height: 148px;
      --header-height-2: 148px;
   }
}
@media (width <= 582px) {
   :root {
      --padding-container: 16px;
   }
}
.payment-tabs .section-header {
   margin-bottom: 40px;
}
@media (width <= 991px) {
   .payment-tabs .section-header {
      margin-bottom: 24px;
   }
}
.payment-tabs__tab-wrapper {
   display: flex;
   gap: 5px;
   align-items: center;
   padding: 5px;
   border-radius: 8px;
   background-color: white;
   width: -moz-fit-content;
   width: fit-content;
}
@media (width <= 582px) {
   .payment-tabs__tab-wrapper {
      width: 100%;
   }
}
.payment-tabs__tab-item {
   display: flex;
   padding: 10px 14px;
   border-radius: 6px;
   color: #666;
   cursor: pointer;
   transition: 0.25s ease-in-out;
   justify-content: center;
   font-weight: 500;
   font-size: 16px;
   line-height: 110%;
}
@media (width <= 582px) {
   .payment-tabs__tab-item {
      font-weight: 500;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
      flex-basis: 50%;
      padding: 10px;
   }
}
.payment-tabs__tab-item.active {
   color: white;
   background-color: #e9422f;
}
.payment-tabs__tab-item:not(.active):hover {
   background-color: #f7e7e6;
}
.payment-tabs__container {
   margin-top: 40px;
}
@media (width <= 582px) {
   .payment-tabs__container {
      margin-top: 32px;
   }
}
.payment-tabs__fiz-wrapper {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}
.payment-tabs__fiz-item {
   flex-basis: calc((100% - 60px) / 4);
   border-radius: 20px;
   padding: 24px;
   background: white;
   position: relative;
   height: 270px;
}
@media (width <= 1200px) {
   .payment-tabs__fiz-item {
      flex-basis: calc((100% - 40px) / 3);
   }
}
@media (width <= 991px) {
   .payment-tabs__fiz-item {
      flex-basis: calc((100% - 20px) / 2);
      height: 240px;
   }
}
@media (width <= 582px) {
   .payment-tabs__fiz-item {
      flex-basis: 100%;
      height: 200px;
   }
}
.payment-tabs__fiz-item-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 110%;
}
.payment-tabs__fiz-item-text {
   margin-top: 8px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #666;
   margin-bottom: 10px;
}
.payment-tabs__fiz-item-more {
   margin-top: 8px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #e9422f;
}
@media (width <= 991px) {
   .payment-tabs__fiz-item-text {
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-item-img {
   position: absolute;
   right: 0;
   bottom: 0;
}
.payment-tabs__fiz-item-link {
   font-weight: 500;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: -0.02em;
   color: #e9422f;
   margin-top: 16px;
   display: flex;
   align-items: center;
   gap: 5px;
}
.payment-tabs__fiz-item-link:hover::after {
   transform: translateX(3px);
}
.payment-tabs__fiz-item-link::after {
   content: "→";
   display: inline;
   transition: 0.25s ease-in-out;
}
.payment-tabs__fiz-content {
   margin-block: 100px;
}
@media (width <= 991px) {
   .payment-tabs__fiz-content {
      margin-block: 60px;
   }
}
.payment-tabs__fiz-content h2 {
   font-weight: 600;
   font-size: 24px;
   line-height: 110%;
   letter-spacing: -0.02em;
}
.payment-tabs__fiz-content h2:not(:first-of-type) {
   margin-top: 40px;
}
.payment-tabs__fiz-content p {
   margin-top: 16px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #666;
}
@media (width <= 991px) {
   .payment-tabs__fiz-content p {
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-banner-wrapper {
   height: 343px;
   border-radius: 20px;
   position: relative;
   overflow: hidden;
}
@media (width <= 768px) {
   .payment-tabs__fiz-banner-wrapper {
      height: 520px;
   }
}
.payment-tabs__fiz-banner-wrapper .btn__primary {
   margin-top: 24px;
   font-weight: 500;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: -0.02em;
   display: inline-flex;
}
.payment-tabs__fiz-banner-background--full {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   -o-object-fit: cover;
   object-fit: cover;
}
.payment-tabs__fiz-banner-background--right {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 2;
}
.payment-tabs__fiz-banner-content {
   position: absolute;
   z-index: 3;
   top: 40px;
   left: 40px;
   width: 700px;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-content {
      top: 24px;
      left: 24px;
      right: 20px;
      width: auto;
   }
}
.payment-tabs__fiz-banner-title {
   font-weight: 600;
   font-size: 32px;
   line-height: 110%;
   letter-spacing: -0.01em;
   color: white;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-title {
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-banner-lists {
   margin-top: 16px;
   color: white;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-lists {
      margin-top: 24px;
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-banner-lists li {
   display: flex;
   gap: 8px;
}
.payment-tabs__fiz-banner-lists li:not(:last-child) {
   margin-bottom: 12px;
}
.payment-tabs__fiz-banner-lists li::before {
   content: "";
   display: inline;
   width: 20px;
   min-width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.4102L8.5375 13.9477L15.625 6.87268' stroke='%23E9422F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
   background-position: center;
}
.payment-tabs__fiz-banner-lists .desktop-br {
   display: block;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-lists .desktop-br {
      display: none;
   }
}
.payment-tabs__yur-content {
   position: relative;
   border-radius: 20px;
   padding: 32px;
   width: 100%;
   background: white;
}
@media (width <= 991px) {
   .payment-tabs__yur-content {
      padding: 24px;
   }
}
@media (width <= 768px) {
   .payment-tabs__yur-content {
      height: 400px;
   }
}
.payment-tabs__yur-banner-background {
   position: absolute;
   bottom: 0;
   right: 63px;
   z-index: 2;
}
@media (width <= 1400px) {
   .payment-tabs__yur-banner-background {
      right: 0;
   }
}
@media (width <= 768px) {
   .payment-tabs__yur-banner-background {
      transform: translateX(-50%);
      left: 50%;
      right: 50%;
   }
}
.payment-tabs__yur-title {
   font-weight: 500;
   font-size: 24px;
   line-height: 110%;
   letter-spacing: -0.02em;
}
@media (width <= 991px) {
   .payment-tabs__yur-title {
      font-weight: 500;
      font-size: 18px;
      line-height: 110%;
   }
}
.payment-tabs__yur-text {
   margin-top: 12px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #666;
   max-width: 864px;
}
@media (width <= 1400px) {
   .payment-tabs__yur-text {
      max-width: 100%;
      padding-right: 300px;
   }
}
@media (width <= 991px) {
   .payment-tabs__yur-text {
      margin-top: 8px;
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
@media (width <= 768px) {
   .payment-tabs__yur-text {
      padding-right: 0;
   }
}

/* End */


/* Start:/local/templates/domix/components/bitrix/form.result.new/popup_form/style.css?17763461774861*/
@font-face {
   font-family: Onest;
   src: url("/local/templates/domix/components/bitrix/form.result.new/popup_form/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
   font-weight: 100 900;
   font-display: swap;
}
:root {
   --padding-container: 40px;
   --header-height: 150px;
   --header-height-2: 106px;
   --scrollbar-width: 0px;
}

@media (width <= 991px) {
   :root {
      --padding-container: 30px;
      --header-height: 148px;
      --header-height-2: 148px;
   }
}
@media (width <= 582px) {
   :root {
      --padding-container: 16px;
   }
}
.form-error {
   color: #e9422f;
   font-size: 12px;
   position: absolute;
}
.popup-form {
   display: block;
   pointer-events: none;
   opacity: 0;
   transition: 0.25s ease-in-out;
   visibility: hidden;
   z-index: 1001;
   position: relative;
}
.popup-form .input_placeholder {
   max-width: 100%;
}
.popup-form.active {
   pointer-events: all;
   opacity: 1;
   visibility: visible;
}
.popup-form.active .popup-form__form-wrapper {
   transform: translate(-50%, -50%);
}
.popup-form::after {
   content: "";
   position: fixed;
   inset: 0;
   background: #000;
   opacity: 0.5;
   transition: 0.25s ease-in-out;
   height: 100%;
}
.popup-form form input {
   color: #000000;
   border: 1px solid #d0d5dd;
   border-radius: 8px;
   width: 100%;
   height: 50px;
   padding-left: 15px;
   font-weight: 500;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: -0.02em;
}
.popup-form__form-block {
   position: relative;
}
.popup-form__form-wrapper {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -40%);
   background: white;
   z-index: 2;
   padding: 25px;
   border-radius: 20px;
   max-width: 440px;
   transition: 0.25s ease-in-out;
}
@media (width <= 991px) {
   .popup-form__form-wrapper {
      width: 90%;
      border-radius: 16px;
   }
}
.popup-form__form-title {
   font-weight: 600;
   font-size: 24px;
   line-height: 110%;
   letter-spacing: -0.02em;
   width: 85%;
   margin-bottom: 10px;
}
@media (width <= 991px) {
   .popup-form__form-title {
      letter-spacing: -0.02em;
      width: 100%;
   }
}
.popup-form:not(:has(.popup-form__form-description)) .popup-form__form-title {
   margin-bottom: 32px;
}
.popup-form__form-description {
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #212121;
   margin-bottom: 30px;
}
.popup-form__text-fields {
   display: flex;
   flex-direction: column;
   gap: 13px;
}
@media (width <= 991px) {
   .popup-form__text-fields {
      flex-direction: column;
      gap: 11px;
   }
}
.popup-form .for-mobile {
   display: none;
}
.popup-form__title-block {
   display: flex;
   justify-content: space-between;
}
.popup-form__title-block .close-form-btn {
   opacity: 0.5;
   cursor: pointer;
}
.popup-form__checkbox-field {
   margin-top: 17px;
   display: flex;
   align-items: center;
   gap: 13px;
   margin-bottom: 25px;
}
.popup-form__checkbox-field a {
   text-decoration: underline;
}
@media (width <= 991px) {
   .popup-form__checkbox-field {
      margin-top: 17px;
      align-items: start;
      width: 86%;
   }
}
@media (width <= 582px) {
   .popup-form__checkbox-field {
      width: 100%;
   }
}
.popup-form__checkbox-field label {
   font-weight: 400;
   font-size: 12px;
   line-height: 100%;
   letter-spacing: -0.01em;
}
.popup-form form input[type="checkbox"] {
   display: none;
}
@media (width <= 991px) {
   .popup-form .background-for-desktop {
      display: none;
   }
   .popup-form .for-mobile {
      display: block;
   }
   .popup-form .for-desktop {
      display: none;
   }
   .popup-form .btn__primary.for-mobile {
      margin-top: 17px;
      width: 100%;
      font-weight: 500;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.popup-form__form-wrapper .btn__primary {
   color: #ffffff;
}
.input__checkbox-custom.checked::before {
   opacity: 1;
}
.input__checkbox-custom.checked {
   background: #e9422f;
}
.input_placeholder {
}
.input_placeholder__title {
   margin-bottom: 8px;
   font-size: 14px;
}
.input_placeholder__mes-list {
   display: flex;
   flex-direction: row;
   gap: 10px;
}
.input_placeholder__mes-item {
   width: 45px;
   height: 45px;
   background: #f5f6f7;
   border: 1px solid #f5f6f7;
   border-radius: 10px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s ease 0s;
}
.input_placeholder__mes-item img {
}
.input_placeholder__ch-hidden {
}
.input_placeholder__mes-wrapper {
}
.popup-form form input[type="radio"].input_placeholder__ch-hidden {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 45px;
   height: 45px;
   z-index: 1;
   cursor: pointer;
   opacity: 0;
}
.input_placeholder__ch-hidden:checked + .input_placeholder__mes-item {
   background: #e9422f;
}
.input_placeholder__mes-item-wr {
   position: relative;
}

/* End */
/* /local/templates/domix/components/bitrix/breadcrumb/domix_bredcrumbs/style.css?17791232051556 */
/* /local/templates/domix/components/bitrix/news.list/payment-tab/style.css?17768505737876 */
/* /local/templates/domix/components/bitrix/form.result.new/popup_form/style.css?17763461774861 */
