#pre-order-markopul {

    @font-face {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 600;
        src: url("../fonts/Rubik/Rubik-SemiBold.ttf") format("truetype");
    }
    @font-face {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 500;
        src: url("../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
    }
    @font-face {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
    }
    @font-face {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 300;
        src: url("../fonts/Rubik/Rubik-Light.ttf") format("truetype");
    }

    .main-container {
        margin-left: auto;
        margin-right: auto;
    }

    .max-width {
        max-width: 1460px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .scroll-lock {
        overflow: hidden;
        margin-right: calc(-1 * (100vw - 100%));
    }

    .hidden {
        display: none;
    }

    .title-reset {
        margin: 0;
    }

    .link-reset {
        text-decoration: none;
    }

    .list-reset {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .bg-primary {
        background-color: #fff;
    }

    a {
        color: #009FE3;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    a:hover {
        color: #009FE3;
    }

    .text {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        color: #8D8F92;
        line-height: 1.56em;
    }

    .splitting-layout {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(10px, 1fr) 460px;
        grid-template-columns: minmax(10px, 1fr) 460px;
        grid-column-gap: 20px;
    }

    .splitting-layout--secondary {
        -ms-grid-columns: 1fr 340px;
        grid-template-columns: 1fr 340px;
        grid-column-gap: 22px;
    }

    .blackout {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity 0.3s, visibility 0.3s;
        -o-transition: opacity 0.3s, visibility 0.3s;
        transition: opacity 0.3s, visibility 0.3s;
    }

    .blackout.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .personal-account .pagination {
        margin-top: 40px;
    }

    [data-scrollbar] {
        overflow: auto;
    }

    .hystmodal__shadow {
        z-index: 109 !important;
    }

    .simplebar-scrollbar::before {
        left: 0px !important;
        right: 0px !important;
        background: #EF7D00 !important;
        border-radius: 25px !important;
    }

    .simplebar-track.simplebar-vertical, .simplebar-track.simplebar-horizontal {
        background-color: #E5E6E9;
        border-radius: 25px;
    }

    .simplebar-track.simplebar-vertical {
        width: 4px !important;
    }

    .simplebar-track.simplebar-horizontal {
        height: 4px !important;
    }

    .swiper {
        overflow: hidden;
    }

    .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }

    .slider-banner .swiper-pagination-fraction, .slider-banner .swiper-pagination-custom, .slider-banner .swiper-horizontal > .swiper-pagination-bullets, .slider-banner .swiper-pagination-bullets.swiper-pagination-horizontal {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
    }

    .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
        background-color: rgba(207, 225, 227, 0.7) !important;
    }

    .slider-btn-prev,
    .slider-btn-next {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
    }

    .slider-btn-prev {
        left: 8px;
    }

    .slider-btn-next {
        right: 8px;
    }

    .dev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
    }

    .dev__box-title {
        width: 100%;
        margin-bottom: 20px;
    }

    .dev__title {
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .dev__sign {
        font-size: calc(
                20px + 3 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 1.5em;
    }

    .dev__box {
        margin: 50px;
    }

    .dev__link {
        position: relative;
        font-size: 20px;
        border-bottom: 1px solid;
        border-bottom-color: transparent;
        padding-left: 35px;
        -webkit-transition: border-bottom-color 0.3s, color 0.3s;
        -o-transition: border-bottom-color 0.3s, color 0.3s;
        transition: border-bottom-color 0.3s, color 0.3s;
    }

    .dev__link:hover {
        border-bottom-color: #009FE3;
    }

    .dev__link.desktop::before {
        content: "✔";
        position: absolute;
        left: 0;
        top: 0;
    }

    .dev__link.mobile::after {
        content: "✔";
        position: absolute;
        left: 10px;
        top: 0;
    }

    .dev.links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .dev.links .dev__box {
        margin: 15px 0;
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: "Rubik", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.2em;
    }

    html,
    body {
        width: 100%;
    }

    body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100vh;
        color: #3D474D;
    }

    .page {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 40px 0 52px 0;
        background-color: #F8FAFF;
    }

    .service-page .inform-block {
        margin-top: 36px;
    }

    .services-page .service-card {
        height: 100%;
    }

    .services-page__block-description {
        max-width: 735px;
        width: 100%;
    }

    .services-page__description {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        line-height: 1.5em;
        margin: 0;
    }

    .services-page__wrapper-services {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 32px;
    }

    .our-project-page__section-project {
        margin-top: 28px;
    }

    .our-project-page__main-title {
        margin-bottom: 36px;
    }

    .our-project-page__slider {
        border-radius: 16px;
        overflow: hidden;
        height: 549px;
        margin-top: 60px;
    }

    .our-project-page__slider a {
        display: block;
    }

    .our-project-page__slider-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        border-radius: 16px;
    }

    .our-project-page__title-project {
        font-size: calc(
                18px + 4 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
    }

    .our-project-page .text-article {
        margin-top: 20px;
    }

    .our-project-page .cards-slider {
        padding: 100px 0 0 0;
    }

    .our-projects-page__wrapper-tabs {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 16px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .inform-block .text-article__content a {
        line-height: 1.7em;
        color: #545454;
        text-decoration: none;
        border-bottom: 1px solid;
        border-bottom-color: #545454;
        font-size: calc(14px + 2 * ((100vw - 375px) / 1545));
        transition: border-bottom-color 0.3s;
    }

    .inform-block .text-article__content a:hover {
        border-bottom-color: transparent;
    }

    .news-detailed-page .inform-block {
        margin-top: 36px;
    }

    .news-detailed-page .inform-block .main-container {
        max-width: 940px;
    }

    .news-detailed-page .inform-block .text-article {
        padding: 28px 32px;
    }

    .news-detailed-page .cards-slider {
        padding: 57px 0 0 0;
    }

    .central-office-page__wrapper-contacts-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 820px;
        grid-template-columns: 1fr 820px;
        grid-column-gap: 64px;
        border-radius: 16px;
        overflow: hidden;
    }

    .central-office-page__block-contacts {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
        padding: 32px 0 32px 32px;
    }

    .central-office-page__contact-title {
        font-size: calc(
                14px + -2 * ((100vw - 375px) / 1545)
        );
        color: #A5B0B6;
    }

    .central-office-page__list {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 10px;
        margin-top: 10px;
    }

    .central-office-page__text-contact {
        display: -ms-grid;
        display: grid;
        grid-auto-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        color: #333;
        font-size: calc(
                16px + -2 * ((100vw - 375px) / 1545)
        );
    }

    .central-office-page__text-contact b {
        font-size: 16px;
        font-weight: 400;
    }

    .central-office-page__icon-contact {
        width: 12px;
        height: 15px;
        margin-right: 6px;
    }

    .central-office-page__section-info {
        margin-top: 41px;
    }

    .central-office-page__section-info .main-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 820px;
        grid-template-columns: 1fr 820px;
        grid-column-gap: 64px;
    }

    .central-office-page__slider {
        width: 100%;
        height: 258px;
    }

    .central-office-page__slider .swiper-slide {
        border-radius: 8px;
        overflow: hidden;
    }

    .central-office-page__image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .central-office-page__title-info {
        font-weight: 500;
        font-size: 20px;
    }

    .central-office-page__block-informations {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 16px;
        margin-top: 19px;
    }

    .central-office-page__title-info-block {
        color: #333;
    }

    .central-office-page__list-info {
        margin-top: 8px;
    }

    .central-office-page__text-info {
        font-size: 14px;
        line-height: 1.4em;
    }

    .privacy-policy-page__content .main-container {
        max-width: 940px;
    }

    .privacy-policy-page .inform-block .main-container {
        padding: 0;
    }

    .privacy-policy-page .inform-block .text-article {
        padding: 32px 48px;
    }

    .page-not-found-page {
        padding: 100px 0;
    }

    .page-not-found-page__icon {
        display: block;
        max-width: 551px;
        width: 100%;
        height: 198px;
        margin: 0 auto;
    }

    .page-not-found-page__block-content {
        max-width: 380px;
        width: 100%;
        margin: 32px auto 0 auto;
    }

    .page-not-found-page__subtitle {
        display: block;
        text-align: center;
        margin-top: 18px;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        line-height: 1.4em;
    }

    .page-not-found-page .title {
        text-align: center;
        text-transform: unset;
    }

    .page-not-found-page .btn {
        margin-top: 32px;
        width: 100%;
    }

    .warranty-period-page .inform-block .main-container {
        padding: 0;
    }

    .warranty-period-page .inform-block .text-article {
        padding: 32px 48px;
    }

    .contacts-page__block-map {
        border-radius: 16px;
        overflow: hidden;
        height: 400px;
    }

    .contacts-page__wrapper-info-cards {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        margin-top: 24px;
    }

    .contacts-page__block-info-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px;
        border-radius: 16px;
        background-color: #fff;
    }

    .contacts-page__info-card-block-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-row-align: start;
        align-self: start;
    }

    .contacts-page__info-card-block-title {
        color: #AAAAAA;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        margin-bottom: 8px;
    }

    .contacts-page__info-card-block-content {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        line-height: 1.5em;
        color: #3D474D;
    }

    .contacts-page__info-card-icon {
        width: 28px;
        height: 28px;
    }

    .contacts-page__main-wrapper-contacts-cards {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 40px;
        padding: 36px 40px;
        border-radius: 16px;
        margin-top: 24px;
    }

    .contacts-page__wrapper-contacts-cards:last-child .contacts-page__block-contacts-card:last-child {
        border-bottom-color: transparent;
        padding: 28px 0 0 0;
    }

    .contacts-page__contacts-cards-title {
        display: block;
        font-size: calc(
                20px + 6 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        margin-bottom: 4px;
    }

    .contacts-page__block-contacts-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 234px 1fr auto;
        grid-template-columns: 234px 1fr auto;
        grid-column-gap: 62px;
        grid-auto-flow: column;
        padding: 28px 0;
        border-bottom: 1px solid #D2DAE0;
    }

    .contacts-page__block-contacts-card .social-network {
        margin-top: 4px;
    }

    .contacts-page__block-contacts-card .social-network__list {
        margin-top: 0;
        grid-column-gap: 10px;
    }

    .contacts-page__block-contacts-card .social-network__icon {
        width: 21px;
        height: 21px;
    }

    .contacts-page__contacts-card-block-image {
        height: 152px;
        border-radius: 8px;
        overflow: hidden;
    }

    .contacts-page__contacts-card-block-image a {
        display: block;
    }

    .contacts-page__contacts-card-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .contacts-page__contacts-card-image:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .contacts-page__contacts-card-title-info {
        color: #3D474D;
        font-weight: 500;
        line-height: 1.31em;
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
    }

    .contacts-page__contacts-card-blocks-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 3 ];
        grid-template-columns: repeat(3, auto);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-column-gap: 40px;
        margin-top: 16px;
    }

    .contacts-page__contacts-card-block-title-info {
        color: #A5B0B6;
        font-size: 14px;
    }

    .payment-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .payment-el {
        display: flex;
        align-items: center;
    }

    .payment-el::marker {
        color: orange;
    }

    .payment-logo {
        width: 80px;
        height: 40px;
    }

    .contacts-page__contacts-card-list {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 10px;
        margin-top: 10px;
    }

    .contacts-page__contacts-card-li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .contacts-page__contacts-card-li-icon {
        width: 12px;
        height: 15px;
        margin-right: 6px;
    }

    .contacts-page__contacts-card-li-content {
        color: #333;
    }

    .contacts-page__contacts-card-wrapper-phones {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 10px;
        -ms-grid-row-align: start;
        align-self: start;
    }

    .contacts-page__contacts-card-block-phone:not(:first-child) {
        margin-top: 4px;
    }

    .contacts-page__contacts-card-title-phone {
        font-size: 14px;
        color: #A5B0B6;
    }

    .contacts-page__contacts-card-list-phone {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 10px;
        margin-top: 10px;
    }

    .contacts-page__contacts-card-link-phone {
        color: #333;
    }

    .useful-information-page .inform-block .main-container {
        padding: 0;
    }

    .useful-information-detailed-page .inform-block {
        margin-top: 36px;
    }

    .useful-information-detailed-page .cards-slider {
        padding: 57px 0 0 0;
    }

    .about-company-page__section-about-company {
        padding: 0 0 64px 0;
    }

    .about-company-page__section-about-company .main-container {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 72px;
    }

    .about-company-page__about-company-wrapper-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 21px;
    }

    .about-company-page__about-company-block-image {
        border-radius: 8px;
        overflow: hidden;
    }

    .about-company-page__about-company-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .about-company-page__about-company-wrapper-numbers {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .about-company-page__about-company-block-number {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 8px;
        border-radius: 16px;
        background-color: #fff;
        padding: 23px 36px;
    }

    .about-company-page__about-company-number {
        font-weight: 500;
        font-size: calc(
                40px + 12 * ((100vw - 375px) / 1545)
        );
        color: #EF7D00;
    }

    .about-company-page__about-company-sign {
        color: #8D8F92;
        font-size: 16px;
    }

    .about-company-page__section-advantages {
        padding: 80px 0;
    }

    .about-company-page__advantages-wrapper-content {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 80px;
    }

    .about-company-page__advantages-block-content {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 40px;
    }

    .about-company-page__advantages-block-content--orientation--left {
        -ms-grid-columns: 0.95fr 1.05fr;
        grid-template-columns: 0.95fr 1.05fr;
    }

    .about-company-page__advantages-block-content--orientation--right {
        -ms-grid-columns: 1.05fr 0.95fr;
        grid-template-columns: 1.05fr 0.95fr;
    }

    .about-company-page__advantages-block-image {
        border-radius: 8px;
        overflow: hidden;
    }

    .about-company-page__advantages-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .about-company-page .banners {
        margin-top: 60px;
    }

    .about-company-page .bread-crumbs {
        margin-bottom: 36px;
    }

    .about-company-page .text-article .about-company-page__about-company-block-image {
        display: none;
        border-radius: 8px;
        height: 230px;
    }

    .delivery-payment-page__wrapper {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 48px;
    }

    .delivery-payment-page__title {
        font-weight: 500;
        font-size: calc(
                18px + 8 * ((100vw - 375px) / 1545)
        );
    }

    .delivery-payment-page__block {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 16px;
        margin-top: 28px;
        padding: 40px 40px 20px 40px;
        background-color: #fff;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
    }

    .delivery-payment-page__block-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 200px 1fr;
        grid-template-columns: 200px 1fr;
        grid-column-gap: 30px;
    }

    .delivery-payment-page__block-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px;
        border: 1px solid rgba(204, 216, 222, 0.5);
        border-radius: 5px;
        margin-bottom: 13px;
    }

    .delivery-payment-page__block-icon-info {
        display: none;
    }

    .delivery-payment-page__icon {
        width: 100px;
        height: 100px;
    }

    .delivery-payment-page__title-name, .delivery-payment-page__sign-name {
        display: block;
        text-align: center;
    }

    .delivery-payment-page__title-name {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.4em;
    }

    .delivery-payment-page__sign-name {
        margin-top: 12px;
        font-size: calc(
                10px + 4 * ((100vw - 375px) / 1545)
        );
        color: #A5B0B6;
    }

    .delivery-payment-page__block-info .delivery-payment-page__other-conditions {
        display: none;
    }

    .delivery-payment-page__block-info p {
        margin: 0 0 20px 0;
    }

    .delivery-payment-page__block-info p,
    .delivery-payment-page__block-info b,
    .delivery-payment-page__block-info a {
        font-size: 14px;
        color: #545454;
        line-height: 1.5em;
    }

    .delivery-payment-page__block-info a {
        text-decoration: none;
        border-bottom: 1px solid;
        border-bottom-color: #545454;
        transition: border-bottom-color 0.3s;
    }

    .delivery-payment-page__block-info a:hover {
        border-bottom-color: transparent;
    }

    .delivery-payment-page__block-info ul {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 14px;
        padding-left: 18px;
        margin: 0 0 20px 0;
    }

    .delivery-payment-page__block-info ul li {
        font-size: 14px;
        color: #545454;
        line-height: 1.4em;
    }

    .delivery-payment-page__block-info ul li::marker {
        color: #EF7D00;
    }

    .delivery-payment-page__info-title {
        display: block;
        font-weight: 500;
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
        margin-bottom: 15px;
    }

    .delivery-payment-page__other-conditions {
        margin-top: 12px;
    }

    .delivery-payment-page__other-conditions-name {
        display: block;
        color: #A5B0B6;
        text-align: center;
        font-size: calc(
                16px + -2 * ((100vw - 375px) / 1545)
        );
    }

    .delivery-payment-page__other-conditions-list {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-row-gap: 8px;
        margin-top: 10px;
    }

    .delivery-payment-page__other-conditions-li {
        font-size: 14px;
        color: #A5B0B6;
        text-align: center;
    }

    .catalog-subcategory-page__block-description {
        max-width: 938px;
        width: 100%;
    }

    .catalog-subcategory-page__description {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        color: #545454;
        line-height: 1.7em;
        margin: 0;
    }

    .catalog-subcategory-page .cards-wrapper {
        margin-top: 32px;
    }

    .partner-page__partner-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 240px 1fr;
        grid-template-columns: 240px 1fr;
        grid-column-gap: 50px;
    }

    .partner-page__block-image {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 13px;
        height: 160px;
        overflow: hidden;
        padding: 15px;
    }

    .partner-page__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .partner-page__show-more {
        margin-top: 8px;
        font-weight: 500;
        font-size: 14px;
        color: #009FE3;
        display: none;
    }

    .partner-page__block-text {
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }

    .partner-page__block-text p {
        font-size: 14px;
        line-height: 1.35em;
    }

    .partner-page__block-text p:not(:last-child) {
        margin: 0 0 20px 0;
    }

    .partner-page__block-text p:last-child {
        margin: 0;
    }

    .partner-page__section-products {
        margin-top: 52px;
    }

    .partner-page__section-products .block-title {
        margin-bottom: 32px;
    }

    .search-result-page__block-result-text {
        margin-bottom: 45px;
    }

    .search-result-page__result-text {
        color: #545454;
    }

    .catalog-page__wrapper-catalog {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 235px 1fr;
        grid-template-columns: 235px 1fr;
        grid-column-gap: 55px;
    }

    .catalog-page .catalog-page__filter-btn {
        display: none;
    }

    .catalog-page .cards-slider {
        padding: 64px 0 0 0;
    }

    .catalog-page .sorting {
        margin-bottom: 32px;
    }

    .product-card-page__section-card {
        margin-top: 28px;
    }

    .product-card-page__wrapper-card-content {
        border-radius: 16px;
        padding: 40px;
    }

    .product-card-page__block-title-card .title {
        max-width: 800px;
        width: 100%;
        line-height: 1.4em;
    }

    .product-card-page__share-card {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        margin-left: auto;
    }

    .product-card-page__share-card:hover .product-card-page__share-text-card {
        color: #009FE3;
    }

    .product-card-page__share-card:hover .product-card-page__share-icon-card use {
        fill: #009FE3;
    }

    .product-card-page__share-card.active .product-card-page__share-text-card {
        color: #009FE3;
    }

    .product-card-page__share-card.active .product-card-page__share-icon-card use {
        fill: #009FE3;
    }

    .product-card-page__share-card.active .product-card-page__share-card-drop-out {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .product-card-page__block-status {
        position: relative;
        padding-left: 30px;
    }

    .product-card-page__block-status::before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .product-card-page__block-status--in-stock::before {
        background-image: url("../images/two-checkmarks.svg");
    }

    .product-card-page__block-status--in-stock .product-card-page__status {
        color: #34C25C;
    }

    .product-card-page__block-status--out-of-stock::before {
        background-image: url("../images/cross.svg");
    }

    .product-card-page__block-status--out-of-stock .product-card-page__status {
        color: #ED6262;
    }

    .product-card-page__block-status--under-order::before {
        background-image: url("../images/info.svg");
    }

    .product-card-page__block-status--under-order .product-card-page__status {
        color: #C6C6C6;
    }

    .product-card-page__status {
        font-size: calc(
                12px + 4 * ((100vw - 375px) / 1545)
        );
    }

    .product-card-page__share-card-head {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 20px;
        grid-template-columns: auto 20px;
        grid-column-gap: 12px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

    .product-card-page__share-text-card {
        font-size: 16px;
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .product-card-page__share-icon-card {
        width: 20px;
        height: 20px;
    }

    .product-card-page__share-icon-card use {
        fill: #D2DAE0;
        -webkit-transition: fill 0.3s;
        -o-transition: fill 0.3s;
        transition: fill 0.3s;
    }

    .product-card-page__share-card-drop-out {
        position: absolute;
        z-index: 5;
        top: calc(100% + 10px);
        right: 0;
        background-color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        padding: 12px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    }

    .product-card-page__share-card-drop-out .social-network__list {
        margin: 0;
        grid-column-gap: 17px;
    }

    .product-card-page__share-card-drop-out .social-network__icon {
        width: 36px;
        height: 36px;
    }

    .product-card-page__share-card-drop-out .social-network__icon use {
        fill: #D2DAE0;
    }

    .product-card-page__wrapper-content-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(10px, 1fr) 1fr;
        grid-template-columns: minmax(10px, 1fr) 1fr;
        grid-column-gap: 82px;
        margin-top: 24px;
    }

    .product-card-page__block-slider-card {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 120px minmax(10px, 1fr);
        grid-template-columns: 120px minmax(10px, 1fr);
        grid-column-gap: 16px;
        height: 410px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-card-page__slider-card1 {
        height: calc(100% - 66px);
    }

    .product-card-page__slider-card1 .swiper-slide {
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid;
        border-color: #D2DAE0;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .product-card-page__slider-card1 .swiper-slide.swiper-slide-thumb-active {
        border-color: #EF7D00;
    }

    .product-card-page__slider-card1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .product-card-page__slider-card2 {
        width: 100%;
        height: 100%;
    }

    .product-card-page__slider-card2 .swiper-slide {
        border-radius: 16px;
        overflow: hidden;
        cursor: pointer;
    }

    .product-card-page__slider-card2 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .product-card-page__slider-card2 .swiper-pagination-bullet-active {
        background: #EF7D00 !important;
    }

    .product-card-page__slider-card2 .status-labels {
        position: absolute;
        z-index: 11;
        top: 33px;
        left: 0;
    }

    .product-card-page__slider-card2 .status-labels__list {
        grid-row-gap: 8px;
    }

    .product-card-page__slider-card2 .status-labels__label {
        border-radius: 4px;
    }

    .product-card-page__btn-prev, .product-card-page__btn-next {
        position: absolute;
        z-index: 10;
        left: 52px;
        cursor: pointer;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .product-card-page__btn-prev.swiper-button-disabled, .product-card-page__btn-next.swiper-button-disabled {
        opacity: 0.5;
    }

    .product-card-page__btn-prev {
        top: 0;
    }

    .product-card-page__btn-next {
        bottom: 0;
    }

    .product-card-page__btn-icon {
        width: 17px;
        height: 17px;
    }

    .product-card-page__block-info-card .list-data {
        margin-top: 24px;
    }

    .product-card-page__block-control-card {
        background-color: #F8FAFF;
        border-radius: 16px;
        padding: 32px;
    }

    .product-card-page__wrapper-price-card {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 22px;
        border-bottom: 1px solid #E8ECF5;
    }

    .product-card-page__wrapper-price-card .btn {
        width: 142px;
        min-height: 45px;
    }

    .product-card-page__wrapper-price-card .btn__icon {
        display: none;
        margin-right: 0;
    }

    .product-card-page__block-price-card {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 6px;
    }

    .product-card-page__new-price-card {
        font-size: calc(
                18px + 16 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        color: #EF7D00;
        line-height: 1em;
    }

    .product-card-page__old-price-card {
        font-size: calc(
                12px + 4 * ((100vw - 375px) / 1545)
        );
        color: #A5B0B6;
        text-decoration: line-through;
    }

    .product-card-page__wrapper-link-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-auto-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 22px;
    }

    .product-card-page__wrapper-link-card .btn {
        margin-left: auto;
    }

    .product-card-page__block-link-card {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .product-card-page__link-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 20px;
        grid-template-columns: auto 20px;
        grid-column-gap: 8px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .product-card-page__link-card--theme--blue:hover .product-card-page__icon-link-card use {
        stroke: #009FE3;
    }

    .product-card-page__link-card--theme--blue.active .product-card-page__icon-link-card use {
        stroke: #009FE3;
    }

    .product-card-page__link-card--theme--orange:hover .product-card-page__icon-link-card use {
        stroke: #EF7D00;
    }

    .product-card-page__link-card--theme--orange.active .product-card-page__icon-link-card use {
        stroke: #EF7D00;
    }

    .product-card-page__text-link-card {
        color: #3D474D;
    }

    .product-card-page__icon-link-card {
        width: 20px;
        height: 20px;
    }

    .product-card-page__icon-link-card use {
        stroke: #65676E;
        fill: transparent;
        -webkit-transition: fill 0.3s, stroke 0.3s;
        -o-transition: fill 0.3s, stroke 0.3s;
        transition: fill 0.3s, stroke 0.3s;
    }

    .product-card-page__section-tabs {
        margin-top: 40px;
    }

    .product-card-page__tabs-list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-column-gap: 16px;
    }

    .product-card-page__tab {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 39px;
        padding: 3px 40px;
        border-radius: 6px;
        border: none;
        background-color: #fff;
        outline: none;
        cursor: pointer;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .product-card-page__tab.active {
        background-color: #EF7D00;
    }

    .product-card-page__tab.active .product-card-page__tab-text {
        color: #fff;
        font-weight: 500;
    }

    .product-card-page__tab-text {
        font-size: 14px;
        color: #545454;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .product-card-page__tabs-content {
        position: relative;
        padding: 40px;
        margin-top: 8px;
        border-radius: 16px;
        overflow: hidden;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
    }

    .product-card-page__title-tabs-block-content {
        display: block;
        width: 100%;
        color: #333;
        line-height: 1.45em;
    }

    .product-card-page__title-tabs-block-content b {
        font-weight: 500;
    }

    .product-card-page__wrap-table {
        display: grid;
        grid-template-columns: minmax(200px, 600px) auto;
        grid-auto-flow: column;
        grid-column-gap: 20px;
    }

    .product-card-page__tabs-block-link-download {
        display: grid;
        justify-content: center;
        grid-row-gap: 10px;
        align-content: start;
        margin-top: 20px;
    }

    .product-card-page__tabs-link-download {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        grid-column-gap: 5px;
        text-decoration: none;
        color: #A5B0B6;
        justify-content: flex-start;
    }

    .product-card-page__tabs-link-download:hover .product-card-page__tabs-link-download-icon use {
        stroke: #009FE3;
    }

    .product-card-page__tabs-link-download-icon {
        width: 24px;
        height: 24px;
    }

    .product-card-page__tabs-link-download-icon use {
        stroke: #A5B0B6;
        stroke-width: 1.5;
        transition: stroke 0.3s;
    }

    .product-card-page__tabs-link-download-text {
    }

    .product-card-page__title-tabs-block-content, .product-card-page__title-tabs-block-content * {
        font-family: "Rubik", sans-serif !important;
        color: #000;
        font-size: 14px;
    }

    .product-card-page__tabs-content-delivery .product-card-page__title-tabs-block-content b {
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
    }

    .product-card-page__title-tabs-block-content b {
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
    }


    .product-card-page__tabs-wrapper-delivery {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 6 ];
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        margin-top: 32px;
    }

    .product-card-page__tabs-delivery-block-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 17px;
        width: 100%;
        margin-bottom: 13px;
        border-radius: 5px;
        border: 1px solid rgba(204, 216, 222, 0.5);
    }

    .product-card-page__tabs-delivery-icon {
        width: 100px;
        height: 100px;
    }

    .product-card-page__tabs-block-delivery-icon-info {
        display: none;
    }

    .product-card-page__tabs-delivery-image {
        width: 100px;
        /*padding: 40px 0;*/
    }

    .swiper-scrollbar {
        border-radius: 2px;
        height: 5px;
        width: 100%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .swiper-scrollbar {
        background: #d6d6d6;
    }

    .product-card-page__tabs-title-delivery-icon-info {
        font-size: 13px;
        line-height: 1.4em;
    }

    .product-card-page__tabs-sign-name-delivery-icon-info, .product-card-page__tabs-sign-name-delivery-icon-info {
        color: #A5B0B6;
    }

    .product-card-page__tabs-sign-name-delivery-icon-info, .product-card-page__tabs-title-delivery-icon-info, .product-card-page__tabs-sign-name-delivery-icon-info {
        font-size: 14px;
    }

    .product-card-page__tabs-title-delivery-icon-info, .product-card-page__tabs-sign-name-delivery-icon-info {
        display: block;
        text-align: center;
    }

    .product-card-page__tabs-title-delivery-icon-info {
        line-height: 1.4em;
    }

    .product-card-page__tabs-sign-name-delivery-icon-info {
        margin-top: 12px;
    }

    .product-card-page__tabs-link-delivery {
        display: block;
        margin-top: 32px;
        font-size: 14px;
    }

    .product-card-page__tabs-description-list {
        margin-top: 16px;
    }

    .product-card-page__tabs-description-li-text {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        color: #545454;
        line-height: 1.4em;
    }

    .product-card-page__tabs-content-item {
        position: absolute;
        top: 40px;
        left: 40px;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity 0.3s, visibility 0.3s;
        -o-transition: opacity 0.3s, visibility 0.3s;
        transition: opacity 0.3s, visibility 0.3s;
    }

    .product-card-page__tabs-content-item.active {
        position: relative;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        top: 0;
        left: 0;
    }

    .product-card-page .list-data {
        padding: 0;
    }

    .product-card-page .list-data__property {
        background-color: #fff;
    }

    .product-card-page .list-data .main-container {
        padding: 0;
    }

    .product-card-page .list-data .title {
        text-transform: none;
    }

    .product-card-page .cards-slider {
        padding: 64px 0 0 0;
    }

    .compare-page__wrapper-compare {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 220px minmax(10px, 1fr);
        grid-template-columns: 220px minmax(10px, 1fr);
        grid-column-gap: 20px;
    }

    .compare-page__wrapper-property {
        display: -ms-grid;
        display: grid;
    }

    .compare-page__wrapper-property .compare-page__list {
        margin-top: auto;
    }

    .compare-page__btn-clean {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 16px auto;
        grid-template-columns: 16px auto;
        grid-column-gap: 8px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16px;
        min-height: 36px;
        max-width: 180px;
        width: 100%;
        padding: 3px;
        background-color: transparent;
        border: 1px solid;
        border-color: #D2DAE0;
        border-radius: 4px;
        cursor: pointer;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .compare-page__btn-clean:hover {
        border-color: #EF7D00;
    }

    .compare-page__btn-clean:hover .compare-page__btn-clean-text {
        color: #EF7D00;
    }

    .compare-page__btn-clean:hover .compare-page__btn-clean-icon use {
        fill: #EF7D00;
    }

    .compare-page__btn-clean-icon {
        width: 16px;
        height: 16px;
    }

    .compare-page__btn-clean-icon use {
        fill: #D2DAE0;
        -webkit-transition: fill 0.3s;
        -o-transition: fill 0.3s;
        transition: fill 0.3s;
    }

    .compare-page__btn-clean-text {
        font-size: 14px;
        line-height: 1em;
        color: #90949A;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .compare-page__li {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        min-height: 91px;
        padding: 20px;
        overflow: hidden;
    }

    .compare-page__li:not(:last-child) {
        border-bottom: 1px solid #D9DDE1;
    }

    .compare-page__li-text {
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
        font-weight: 300;
        text-transform: uppercase;
        line-height: 1.4em;
    }

    .compare-page__wrapper-slider {
        position: relative;
    }

    .compare-page__wrapper-slider .arrow {
        position: absolute;
        z-index: 11;
        top: 170px;
        -webkit-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
        -o-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
        transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
    }

    .compare-page__wrapper-slider .arrow[data-compare-page=btn-prev] {
        left: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .compare-page__wrapper-slider .arrow[data-compare-page=btn-next] {
        right: 0;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    .compare-page__wrapper-slider .arrow.swiper-button-disabled {
        opacity: 0;
    }

    .compare-page__wrapper-slider .compare-page__li-text {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        font-weight: 400;
        text-transform: none;
    }

    .compare-page .checkbox__text {
        font-size: 14px;
        color: #65676E;
    }

    .compare-page .checkbox__decore {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .changing-password-success-page .section-form .form-block {
        max-width: 440px;
    }

    .personal-account-page__wrapper-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 20px 0 48px;
    }

    .personal-account-page__card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 52px;
        grid-template-columns: 1fr 52px;
        grid-column-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px;
        height: 100%;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        border-radius: 16px;
        background-color: #fff;
        -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        -o-transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .personal-account-page__card:hover {
        background-color: #EF7D00;
    }

    .personal-account-page__card:hover .personal-account-page__title, .personal-account-page__card:hover .personal-account-page__name-info, .personal-account-page__card:hover .personal-account-page__info {
        color: #fff;
    }

    .personal-account-page__card:hover .personal-account-page__icon use {
        fill: #fff;
    }

    .personal-account-page__wrapper-info {
        display: -ms-grid;
        display: grid;
    }

    .personal-account-page__title {
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .personal-account-page__block-info {
        display: -ms-grid;
        display: grid;
        margin-top: 12px;
    }

    .personal-account-page__name-info, .personal-account-page__info {
        font-size: 14px;
        color: #A5B0B6;
        line-height: 1.35em;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .personal-account-page__block-arrow-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        overflow: hidden;
        margin-top: 24px;
        border: 1px solid;
        border-radius: 100px;
        border-color: #fff;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .personal-account-page__arrow-icon {
        width: 100%;
        height: 100%;
    }

    .personal-account-page__arrow-icon use {
        stroke: #fff;
        stroke-width: 1.4;
        -webkit-transition: fill 0.3s;
        -o-transition: fill 0.3s;
        transition: fill 0.3s;
    }

    .personal-account-page__icon {
        width: 52px;
        height: 52px;
    }

    .personal-account-page__icon use {
        fill: #EF7D00;
        -webkit-transition: fill 0.3s;
        -o-transition: fill 0.3s;
        transition: fill 0.3s;
    }

    .personal-data-page__block-status {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 22px auto;
        grid-template-columns: 22px auto;
        grid-column-gap: 8px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .personal-data-page__status-icon {
        width: 22px;
        height: 22px;
    }

    .personal-data-page__status-icon use {
        stroke: #EF7D00;
        stroke-width: 1.375;
    }

    .personal-data-page__status-text {
        color: #EF7D00;
        font-weight: 500;
        font-size: 16px;
    }

    .personal-data-page__block-change-data {
        display: -ms-grid;
        display: grid;
        margin-top: 10px;
    }

    .personal-data-page__name-change-data, .personal-data-page__value-change-data {
        font-size: 14px;
        color: #A5B0B6;
        line-height: 1.4em;
    }

    .personal-data-page__block-form {
        padding: 40px;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
    }

    .personal-data-page__form {
        max-width: 680px;
        width: 100%;
    }

    .personal-data-page__wrapper-inputs {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 15px;
    }

    .personal-data-page__block-input {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto minmax(311px, 480px);
        grid-template-columns: auto minmax(311px, 480px);
        grid-column-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .personal-data-page__sign-input {
        font-size: 14px;
    }

    .personal-data-page__wrapper-btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (220px) [ 2 ];
        grid-template-columns: repeat(2, 220px);
        grid-column-gap: 22px;
        margin-top: 30px;
    }

    .personal-data-page__wrapper-btns .btn {
        width: 100%;
    }

    .personal-data-page .splitting-layout {
        margin-top: 20px;
    }

    .order-history-page__wrapper-history-orders {
        display: -ms-grid;
        display: grid;
        -ms-grid-row-align: start;
        align-self: start;
        grid-row-gap: 10px;
    }

    .current-orders-page__wrapper-orders {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
        -ms-grid-row-align: start;
        align-self: start;
    }

    .current-orders-page__list-product-link {
        font-size: 14px;
    }

    .current-orders-page__list-product-block-actions {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 56px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .current-orders-page__info-link {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 16px auto;
        grid-template-columns: 16px auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-column-gap: 6px;
    }

    .current-orders-page__info-link:hover .current-orders-page__info-link-icon use {
        stroke: #009FE3;
    }

    .current-orders-page__info-link:hover .current-orders-page__info-link-text {
        color: #009FE3;
    }

    .current-orders-page__info-link-icon {
        width: 16px;
        height: 16px;
    }

    .current-orders-page__info-link-icon use {
        stroke: #3D474D;
        stroke-width: 1.4;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .current-orders-page__info-link-text {
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .current-orders-page .order-block__head {
        cursor: auto;
        border-bottom: 1px solid #F2F2F2;
    }

    .current-orders-page .order-block__wrapper-info {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }

    .current-orders-page .order-block__info-block-icon {
        display: none;
    }

    .current-orders-page .list-product__wrapper-products {
        padding: 20px 32px;
    }

    .current-orders-page .list-product__wrapper-info {
        border-top: none;
    }

    .order-page .order-block__head {
        border-bottom-color: #F6F7F9;
        cursor: auto;
    }

    .order-page .order-block__wrapper-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .order-page .order-block__block-info {
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 24px;
    }

    .order-page .order-block .list-product {
        border-top: 1px solid #F6F7F9;
    }

    .cart-page__wrapper-price {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 40px;
    }

    .cart-page__wrapper-price .btn {
        width: 220px;
    }

    .cart-page .list-product__wrapper-info {
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        padding: 40px 0 0 0;
    }

    .cart-page .list-product__wrapper-info .cart-page__wrapper-price .btn {
        width: 220px;
    }

    .cart-page .list-product__wrapper-products {
        background-color: #fff;
        padding: 40px;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
    }

    .cart-page .product-list-item:not(:last-child) {
        padding-bottom: 20px;
    }

    .cart-page .product-list-item:not(:first-child) {
        padding-top: 20px;
    }

    .cart-page .cards-slider {
        padding: 80px 0 0 0;
    }

    .making-order-page__wrapper-stages {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
        -ms-grid-row-align: start;
        align-self: start;
    }

    .making-order-page__info-block {
        display: -ms-grid;
        display: grid;
        padding: 20px;
        border-radius: 5px;
        background-color: #F8FAFF;
    }

    .making-order-page__info-block-title {
        font-weight: 500;
    }

    .making-order-page__info-block-description {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #545454;
        margin-top: 12px;
    }

    .making-order-page__info-block-link {
        margin-top: 20px;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .making-order-page__info-block-price {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 26px;
    }

    .making-order-page__info-block-name-price {
        font-size: 14px;
    }

    .making-order-page__info-block-value-price {
        font-weight: 500;
    }

    .making-order-page__wrapper-cards {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 337px;
        grid-template-columns: 1fr 337px;
        grid-column-gap: 24px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .making-order-page__wrapper-cards .checkbox__input:checked ~ .checkbox__text > .making-order-page__block-icon-card {
        border-color: #EF7D00;
    }

    .making-order-page__wrapper-cards .checkbox__label {
        padding-left: 0;
    }

    .making-order-page__wrapper-cards .checkbox__text {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 13px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .making-order-page__wrapper-cards .checkbox__decore {
        top: 8px;
        left: 8px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .making-order-page__list-cards {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .making-order-page__block-icon-card {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 120px;
        padding: 16px;
        border: 1px solid;
        border-color: rgba(204, 216, 222, 0.5);
        border-radius: 5px;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .making-order-page__icon-card {
        width: 100%;
        max-height: 100%;
    }

    .making-order-page__checkbox-text-card {
        text-align: center;
    }

    .making-order-page__block-mob-text-card {
        display: none;
    }

    .making-order-page__title-region {
        display: block;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        margin-bottom: 12px;
    }

    .making-order-page__block-variants-type-payer {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-column-gap: 23px;
    }

    .making-order-page__block-location {
        margin-top: 28px;
    }

    .making-order-page__block-location .input {
        max-width: 759px;
        width: 100%;
    }

    .making-order-page__input-description {
        margin-top: 8px;
        font-size: 12px;
        color: #C6C6C6;
    }

    .making-order-page__form {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 15px;
        max-width: 680px;
        width: 100%;
    }

    .making-order-page__block-input {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto minmax(311px, 480px);
        grid-template-columns: auto minmax(311px, 480px);
        grid-column-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .making-order-page__sign-input {
        font-size: 14px;
    }

    .making-order-page .stage .list-product__wrapper-products {
        padding: 0;
    }

    .making-order-page .stage .list-product .product-list-item:not(:first-child) {
        padding: 20px 0 0 0;
    }

    .making-order-page .stage .list-product .product-list-item:not(:last-child) {
        padding: 0 0 20px 0;
    }

    .making-order-page .stage .promo-code--error .promo-code__input {
        border-color: #ED6262;
    }

    .making-order-page .stage .promo-code__wrapper-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 8px;
    }

    .making-order-page .stage .promo-code__block-message {
        text-align: left;
    }

    .making-order-page .stage .promo-code__input {
        border-color: #D2DAE0;
    }

    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 23px 0 29px 0;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 13px rgba(150, 195, 255, 0.07);
        box-shadow: 0px 4px 13px rgba(150, 195, 255, 0.07);
        -webkit-transition: padding 0.2s;
        -o-transition: padding 0.2s;
        transition: padding-top 0.2s, padding-bottom 0.2s;
    }

    .header.active {
        padding: 10px 0 12px 0;
    }

    .header.active .header__wrapper-info {
        grid-row-gap: 0;
    }

    .header.active .header__wrapper-nav {
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    .header.active .logo__icon {
        width: 109px;
        height: 53px;
    }

    .header__wrapper-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: (auto) [ 2 ];
        grid-template-rows: repeat(2, auto);
        grid-row-gap: 21px;
        -webkit-transition: grid-row-gap 0.2s;
        -o-transition: grid-row-gap 0.2s;
        transition: grid-row-gap 0.2s;
    }

    .header__wrapper-nav {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
        transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
        -o-transition: transform 0.2s, height 0.2s, opacity 0.2s;
        transition: transform 0.2s, height 0.2s, opacity 0.2s;
        transition: transform 0.2s, height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    }

    .header__wrapper-links {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__wrapper-search {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto minmax(300px, 558px);
        grid-template-columns: auto minmax(300px, 558px);
        grid-column-gap: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .header__wrapper-nav-links {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 3 ];
        grid-template-columns: repeat(3, auto);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__wrapper-nav-links .btn {
        margin-left: 20px;
    }

    .header__wrapper-nav-links .btn--size--tiny .btn__text {
        font-size: calc(
                16px + -2 * ((100vw - 375px) / 1545)
        );
    }

    .header__block-phone {
        position: relative;
        z-index: 1;
        margin-left: 32px;
    }

    .header__block-phone.active .header__block-phone-drop-out {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .header__block-main-phone {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 12px;
        grid-template-columns: auto 12px;
        grid-column-gap: 4px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        cursor: pointer;
    }

    .header__phone {
        color: #333;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
        white-space: nowrap;
    }

    .header__phone-icon {
        width: 12px;
        height: 12px;
    }

    .header__block-phone-drop-out {
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        padding: 14px 27px;
        background: #fff;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    }

    .header__block-city {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 14px auto;
        grid-template-columns: 14px auto;
        grid-column-gap: 6px;
    }

    .header__city-icon {
        width: 14px;
        height: 14px;
    }

    .header__city-name {
        font-size: 14px;
    }

    .header__burger {
        width: 36px;
        height: 36px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }

    .header__burger {
        display: none;
    }

    .header .main-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-column-gap: 56px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header .search {
        max-width: 100%;
    }

    .header .logo__icon {
        -webkit-transition: width 0.2s, height 0.2s;
        -o-transition: width 0.2s, height 0.2s;
        transition: width 0.2s, height 0.2s;
    }

    .header .contacts-block,
    .header .social-network {
        display: none;
    }

    .footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 44px 0 33px 0;
    }

    .footer__wrapper-links {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 3 ];
        grid-template-columns: repeat(3, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footer__name-links {
        font-size: calc(
                16px + 2 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        color: #5E6264;
    }

    .footer__wrapper-list-links {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 56px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .footer__list-links {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 12px;
        margin-top: 16px;
        max-width: 200px;
    }

    .footer__link {
        color: #333;
        font-weight: 300;
        font-size: 14px;
    }

    .footer__wrapper-copyright {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 3 ];
        grid-template-columns: repeat(3, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 27px;
    }

    .footer__copyright, .footer__link-copyright, .footer__link-copyright--developer span {
        font-size: 12px;
    }

    .footer__link-copyright {
        color: #A9AEB2;
    }

    .footer__link-copyright--developer {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 4px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .footer__link-copyright--developer:hover .footer__link-developer-icon use {
        fill: #009FE3;
    }

    .footer__name-icon {
        display: none;
    }

    .footer__link-developer-icon {
        width: 15px;
        height: 11px;
    }

    .footer__link-developer-icon use {
        fill: #A9AEB2;
        -webkit-transition: fill 0.3s;
        -o-transition: fill 0.3s;
        transition: fill 0.3s;
    }

    .footer .logo {
        margin-top: -70px;
    }

    .footer .social-network {
        margin-top: 43px;
    }

    .nav__block-title {
        display: none;
        margin-bottom: 16px;
    }

    .nav__title {
        font-size: 18px;
        font-weight: 500;
        color: #5E6264;
    }

    .nav__list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 32px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .nav__li--mob {
        display: none;
    }

    .nav__link {
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

    .search {
        border: 1px solid #D2DAE0;
        border-radius: 4px;
        height: 43px;
        max-width: 558px;
        background-color: #F8FAFF;
    }

    .search__form, .search__input, .search__btn {
        height: 100%;
    }

    .search__form {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 43px;
        grid-template-columns: 1fr 43px;
    }

    .search__input {
        outline: none;
        border: none;
        padding: 0 16px;
        border-radius: 4px 0 0 4px;
        background-color: transparent;
    }

    .search__btn {
        background-color: transparent;
        border: none;
        cursor: pointer;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .search__btn:hover {
        opacity: 0.6;
    }

    .search__icon {
        width: 21px;
        height: 21px;
    }

    .links-bar__list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 50px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .links-bar__li.active .links-bar__icon use {
        fill: #009FE3;
        stroke: #009FE3;
    }

    .links-bar__li--theme--orange .links-bar__icon use {
        fill: #EF7D00;
        stroke: #EF7D00;
    }

    .links-bar__li--theme--orange .links-bar__count {
        background-color: #EF7D00;
    }

    .links-bar__li--theme--blue .links-bar__icon use {
        fill: #009FE3;
        stroke: #009FE3;
    }

    .links-bar__li--theme--blue .links-bar__count {
        background-color: #009FE3;
    }

    .links-bar__link {
        display: -ms-grid;
        display: grid;
        justify-items: center;
    }

    .links-bar__link:hover .links-bar__text {
        color: #009FE3;
    }

    .links-bar__icon {
        width: 18px;
        height: 18px;
    }

    .links-bar__icon use {
        fill: #65676E;
        stroke: #65676E;
        -webkit-transition: fill 0.3s, stroke 0.3s;
        -o-transition: fill 0.3s, stroke 0.3s;
        transition: fill 0.3s, stroke 0.3s;
    }

    .links-bar__block-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 2px;
    }

    .links-bar__text {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #65676E;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .links-bar__count {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center;
        width: 15px;
        height: 15px;
        margin-left: 4px;
        border-radius: 100px;
        font-size: 9px;
        font-weight: 500;
        color: #fff;
        background-color: #65676E;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .cards-slider {
        padding: 57px 0;
    }

    .cards-slider__block-head {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cards-slider__slider {
        margin-top: 6px;
    }

    .cards-slider .cards-slider__link-more-mob {
        display: none;
    }

    .cards-slider .swiper-wrapper {
        padding: 20px 0;
    }

    /*.cards-slider .swiper-slide {*/
    /*  height: initial !important;*/
    /*}*/

    .cards-slider .info-card {
        height: 100%;
    }

    .cards-slider__slider .swiper-slide,
    .cards-slider__slider .product-card {
        height: 100% !important;
    }

    .product-card {
        position: relative;
        padding: 20px 20px 24px 20px;
        background: #fff;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 440px;

    }

    .product-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product-card__block-image {
        height: 184px;
    }

    .product-card__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .product-card__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 6px;
    }

    .product-card__category {
        font-size: calc(
                10px + 2 * ((100vw - 375px) / 1545)
        );
        color: #C6C6C6;
        height: 30px;
    }

    .product-card__name-product {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #3D474D;
        line-height: 1.4em;
    }

    .product-card__block-price {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-top: 16px;
    }

    .product-card__price, .product-card__new-price {
        font-size: calc(
                14px + 6 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
    }

    .product-card__new-price {
        color: #EF7D00;
    }

    .product-card__old-price {
        font-size: calc(
                10px + 4 * ((100vw - 375px) / 1545)
        );
        text-decoration: line-through;
    }

    .product-card__block-btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 30px 30px;
        grid-template-columns: 1fr 30px 30px;
        grid-column-gap: 21px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16px;
    }

    .product-card__block-btns .btn {
        width: 100%;
    }

    .product-card__block-btns .btn__icon {
        display: none;
    }

    .product-card__icon {
        width: 30px;
        height: 30px;
    }

    .product-card__icon--color--orange.active use {
        fill: #EF7D00;
        stroke: #EF7D00;
    }

    .product-card__icon--color--orange:hover use {
        stroke: #EF7D00;
    }

    .product-card__icon--color--blue.active use {
        stroke: #009FE3;
    }

    .product-card__icon--color--blue:hover use {
        stroke: #009FE3;
    }

    .product-card__icon use {
        stroke: #D2DAE0;
        fill: transparent;
        -webkit-transition: stroke 0.3s, fill 0.3s;
        -o-transition: stroke 0.3s, fill 0.3s;
        transition: stroke 0.3s, fill 0.3s;
    }

    .product-card .status-labels {
        position: absolute;
        top: 18px;
        left: 0;
    }

    .info-card {
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        border-radius: 16px;
        padding: 16px 16px 24px 16px;
        height: 93%;
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .info-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .info-card:hover .info-card__name-news {
        color: #009FE3;
    }

    .info-card__block-image {
        border-radius: 12px;
        overflow: hidden;
        height: 210px;
    }

    .info-card__image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .info-card__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 8px;
        margin-top: 16px;
    }

    .info-card__sign {
        font-size: calc(
                14px + -2 * ((100vw - 375px) / 1545)
        );
        color: #C6C6C6;
    }

    .info-card__name-news {
        font-weight: 500;
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .our-projects {
        padding: 57px 0;
    }

    .our-projects__wrapper-cards {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 41px;
    }

    .our-projects .btn {
        display: none;
    }

    .our-projects .info-card {
        height: 90%;
    }

    .partners {
        padding: 80px 0;
    }

    .partners__description {
        margin: 32px 0 0 0;
    }

    .partners__block-partners {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .partners__link-more-mob.link-more {
        display: none;
    }

    .partners .main-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.9fr 1.1fr;
        grid-template-columns: 0.9fr 1.1fr;
        grid-column-gap: 154px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .partners .link-more {
        margin-top: 40px;
    }

    .partner-card {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 12px;
        height: 125px;
        padding: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .partner-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .partner-card:hover .partner-card__image {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

    .partner-card:hover .partner-card__block-name {
        background-color: transparent;
        border-color: #333;
    }

    .partner-card:hover .partner-card__name {
        color: #333;
    }

    .partner-card__block-image {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 138px;
        position: relative;
    }

    .partner-card__image {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: -webkit-filter 0.3s;
        transition: -webkit-filter 0.3s;
        -o-transition: filter 0.3s;
        transition: filter 0.3s;
        transition: filter 0.3s, -webkit-filter 0.3s;
    }

    .partner-card__block-name {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        padding: 10px;
        background-color: #333;
        border: 2px solid;
        border-color: transparent;
        text-align: center;
        -webkit-transition: background-color 0.3s, border-color 0.3s;
        -o-transition: background-color 0.3s, border-color 0.3s;
        transition: background-color 0.3s, border-color 0.3s;
    }

    .partner-card__name {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        text-transform: uppercase;
        letter-spacing: 1.5px;
        line-height: 1.4em;
        color: #fff;
        font-weight: 600;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .about-company {
        position: relative;
        padding: 52px 0 152px 0;
        overflow: hidden;
    }

    .about-company__block-decor {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .about-company__decor-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .about-company__description {
        margin: 0;
    }

    .about-company__list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 3 ];
        grid-template-columns: repeat(3, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 40px;
    }

    .about-company__li {
        display: -ms-grid;
        display: grid;
    }

    .about-company__number {
        font-size: calc(
                40px + 50 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        color: #EF7D00;
    }

    .about-company__signature {
        margin-top: -7px;
        font-size: calc(
                16px + 2 * ((100vw - 375px) / 1545)
        );
        color: #8D8F92;
    }

    .about-company .about-company__link-more-mob {
        display: none;
    }

    .about-company .title {
        font-size: calc(
                20px + 12 * ((100vw - 375px) / 1545)
        );
        text-transform: none;
    }

    .about-company .link-more {
        margin-top: 57px;
    }

    .about-company .main-container {
        position: relative;
        z-index: 1;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.9fr 1.1fr;
        grid-template-columns: 0.9fr 1.1fr;
        grid-column-gap: 154px;
    }

    .useful-information {
        padding: 52px 0;
    }

    .useful-information__wrapper-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 64px;
        margin-top: 26px;
    }

    .useful-information__block-banner, .useful-information__wrapper-links {
        height: 355px;
    }

    .useful-information__block-banner {
        position: relative;
        padding: 32px;
        border-radius: 16px;
        overflow: hidden;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(10, 16, 69, 0.32)), to(rgba(28, 36, 107, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(-57.04%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.51)));
        background: -o-linear-gradient(bottom, rgba(10, 16, 69, 0.32) 0%, rgba(28, 36, 107, 0) 100%), -o-linear-gradient(top, rgba(0, 0, 0, 0) -57.04%, rgba(0, 0, 0, 0.51) 100%);
        background: linear-gradient(360deg, rgba(10, 16, 69, 0.32) 0%, rgba(28, 36, 107, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) -57.04%, rgba(0, 0, 0, 0.51) 100%);
        color: #fff;
    }

    .useful-information__block-banner:hover .useful-information__image {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .useful-information__banner-content {
        position: relative;
        z-index: 1;
        display: -ms-grid;
        display: grid;
        height: 100%;
    }

    .useful-information__date {
        font-size: calc(
                10px + 4 * ((100vw - 375px) / 1545)
        );
    }

    .useful-information__block-link .useful-information__date {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .useful-information__block-info-banner {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 12px;
        margin-top: auto;
    }

    .useful-information__title-banner {
        font-size: calc(
                16px + 10 * ((100vw - 375px) / 1545)
        );
    }

    .useful-information__description-banner {
        font-size: calc(
                12px + 4 * ((100vw - 375px) / 1545)
        );
        line-height: 1.5em;
    }

    .useful-information__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .useful-information__wrapper-links {
        padding-right: 15px;
    }

    .useful-information__wrapper-links .link-reset {
        display: block;
    }

    .useful-information__wrapper-links .link-reset:not(:first-child) {
        margin-top: 32px;
    }

    .useful-information__block-link {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 12px;
    }

    .useful-information__block-link:hover .useful-information__link-title {
        color: #009FE3;
    }

    .useful-information__block-link .useful-information__date {
        color: #9FA3AD;
    }

    .useful-information__link-title {
        font-size: calc(
                16px + 6 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        line-height: 1.4em;
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .useful-information__btn-more-mob.btn {
        display: none;
    }

    .banners .main-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.7fr 1.3fr;
        grid-template-columns: 0.7fr 1.3fr;
        grid-column-gap: 18px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .banner {
        position: relative;
        overflow: hidden;
        height: 100%;
        padding: 31px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        border-radius: 16px;
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .banner:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .banner--theme--orange {
        background-color: #EF7D00;
    }

    .banner--theme--orange:hover .banner__block-arrow-icon {
        border-color: #fff;
        background-color: #fff;
    }

    .banner--theme--orange:hover .banner__arrow-icon use {
        stroke: #EF7D00;
    }

    .banner--theme--orange .banner__decore-image {
        -webkit-transform: translate(10px, 20px);
        -ms-transform: translate(10px, 20px);
        transform: translate(10px, 20px);
    }

    .banner--theme--blue-gradient {
        background: -o-linear-gradient(13.55deg, #1A1D70 -15.82%, rgba(0, 159, 227, 0.66) 102.83%), #FFFFFF;
        background: linear-gradient(76.45deg, #1A1D70 -15.82%, rgba(0, 159, 227, 0.66) 102.83%), #FFFFFF;
    }

    .banner--theme--blue-gradient .banner__decore-image {
        -webkit-transform: translate(15%, 59%) rotate(-24deg);
        -ms-transform: translate(15%, 59%) rotate(-24deg);
        transform: translate(15%, 59%) rotate(-24deg);
    }

    .banner--theme--blue-gradient .banner__content {
        width: 60%;
    }

    .banner__content, .banner__block-subscribe {
        position: relative;
        z-index: 1;
    }

    .banner__description {
        margin-top: 10px;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        line-height: 1.57em;
    }

    .banner__block-arrow-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        margin-top: 17px;
        border-radius: 100px;
        border: 1px solid;
        border-color: #F9982F;
        -webkit-transition: border-color 0.3s, background-color 0.3s;
        -o-transition: border-color 0.3s, background-color 0.3s;
        transition: border-color 0.3s, background-color 0.3s;
    }

    .banner__arrow-icon {
        width: 100%;
        height: 100%;
    }

    .banner__arrow-icon use {
        stroke: #fff;
        stroke-width: 1.3;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .banner__block-subscribe {
        margin-top: 17px;
    }

    .banner__subscribe-form {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 266px auto;
        grid-template-columns: 266px auto;
        height: 40px;
        background-color: #F8FAFF;
        border-radius: 4px 4px 4px 4px;
        overflow: hidden;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .banner__subscribe-input {
        height: 100%;
        background-color: transparent;
        outline: none;
        border: none;
        padding: 0 27px;
    }

    .banner__decore-image {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .banner .title, .banner__description {
        color: #fff;
    }

    .input-unit {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 266px auto;
        grid-template-columns: 266px auto;
        height: 40px;
        background-color: #F8FAFF;
        border-radius: 4px 4px 4px 4px;
        overflow: hidden;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .input-unit__input {
        height: 100%;
        background-color: transparent;
        outline: none;
        border: none;
        padding: 0 27px;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .promotion {
        overflow-x: hidden;
        padding-bottom: 43px;
    }

    .promotion .product-card-promotion {
        height: 100%;
    }

    .promotion__block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(10px, 1.4fr) 0.6fr;
        grid-template-columns: minmax(10px, 1.4fr) 0.6fr;
        grid-column-gap: 20px;
    }

    .promotion .services-links {
        margin-top: 20px;
    }

    .services-links__slider.swiper {
        overflow: visible;
    }

    .services-links__link {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 18px 20px;
        background-color: #fff;
        border-radius: 12px;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        -o-transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .services-links__link:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #EF7D00;
    }

    .services-links__link:hover .services-links__block-icon {
        background-color: #fff;
    }

    .services-links__link:hover .services-links__icon use {
        fill: #EF7D00;
        stroke: #EF7D00;
    }

    .services-links__link:hover .services-links__text {
        color: #fff;
    }

    .services-links__block-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        background-color: #53B9E8;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .services-links__icon {
        width: 25px;
        height: 25px;
    }

    .services-links__icon use {
        fill: #fff;
        stroke: #fff;
        stroke-width: 1.5;
        -webkit-transition: fill 0.3s, stroke 0.3s;
        -o-transition: fill 0.3s, stroke 0.3s;
        transition: fill 0.3s, stroke 0.3s;
    }

    .services-links__text {
        font-size: calc(
                14px + 1 * ((100vw - 375px) / 1545)
        );
        font-weight: 400;
        color: #333;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .services-links .swiper-slide {
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .services-links .swiper-slide.swiper-slide-visible {
        opacity: 1;
    }

    .slider-banner {
        border-radius: 16px;
        padding: 0 0 -20px 0;
        overflow: hidden;
    }

    .slider-banner__slider, .slider-banner__slider a {
        border-radius: 16px;

        height: 100%;
        position: relative;
    }

    .slider-banner__slider a {
        display: -ms-grid;
        display: grid;
    }

    .slider-banner__image {
        width: 100%;
        height: 100%;
    }

    .slider-banner__image img,
    .slider-banner__image source {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left;
        object-position: left;
        border-radius: 16px;
    }

    .slider-banner .swiper-pagination {
        grid-column-gap: 16px;
    }

    .slider-banner .swiper-pagination-fraction, .slider-banner .swiper-pagination-custom, .slider-banner .swiper-horizontal > .swiper-pagination-bullets, .slider-banner .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 24px;
    }

    .slider-banner .swiper-pagination-bullet-active {
        background-color: #fff !important;
    }

    .product-card-promotion {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 23px;
        padding: 32px;
        background-color: #fff;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .product-card-promotion:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product-card-promotion__title {
        font-size: calc(
                20px + 4 * ((100vw - 375px) / 1545)
        );
        color: #333;
        font-weight: 500;
    }

    .product-card-promotion__block-image {
        margin-top: 3px;
        width: 212px;
        height: 166px;
    }

    .product-card-promotion__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .product-card-promotion__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 6px;
    }

    .product-card-promotion__category {
        font-size: 12px;
        color: #C6C6C6;
    }

    .product-card-promotion__name-product {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 42px;
        font-size: calc(
                12px + 3 * ((100vw - 375px) / 1545)
        );
        color: #3D474D;
        line-height: 1.5em;
    }

    .product-card-promotion__block-price {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 8px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-top: 24px;
    }

    .product-card-promotion__new-price {
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
    }

    .product-card-promotion__old-price {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        text-decoration: line-through;
        color: #C6C6C6;
    }

    .product-card-promotion__block-btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 129px 30px;
        grid-template-columns: 129px 30px;
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16px;
    }

    .product-card-promotion__block-btns .btn {
        width: 100%;
    }

    .product-card-promotion__icon {
        width: 30px;
        height: 30px;
    }

    .product-card-promotion__icon--color--orange.active use {
        fill: #EF7D00;
        stroke: #EF7D00;
    }

    .product-card-promotion__icon--color--orange:hover use {
        stroke: #EF7D00;
    }

    .product-card-promotion__icon--color--blue.active use {
        stroke: #009FE3;
    }

    .product-card-promotion__icon--color--blue:hover use {
        stroke: #009FE3;
    }

    .product-card-promotion__icon use {
        stroke: #D2DAE0;
        fill: transparent;
        -webkit-transition: stroke 0.3s, fill 0.3s;
        -o-transition: stroke 0.3s, fill 0.3s;
        transition: stroke 0.3s, fill 0.3s;
    }

    .product-card-promotion .status-labels {
        margin-bottom: 16px;
    }

    .product-card-promotion .status-labels__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -4px;
        grid-row-gap: 0;
    }

    .product-card-promotion .status-labels__li {
        padding: 4px;
    }

    .product-card-promotion .status-labels__label {
        border-radius: 4px;
        padding: 5px 13px;
    }

    .contacts-block__title {
        font-size: calc(
                16px + 2 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
        color: #5E6264;
    }

    .contacts-block__mail, .contacts-block__address, .contacts-block__block-operating-mode {
        margin-top: 12px;
    }

    .contacts-block__mail, .contacts-block__address, .contacts-block__operating-mode, .contacts-block__address {
        font-size: 14px;
        font-weight: 300;
    }

    .contacts-block__phone, .contacts-block__mail, .contacts-block__operating-mode, .contacts-block__address {
        color: #333;
    }

    .contacts-block__block-contacts {
        display: -ms-grid;
        display: grid;
        max-width: 200px;
    }

    .contacts-block__phone {
        margin-top: 16px;
    }

    .contacts-block__address {
        line-height: 1.4em;
    }

    .contacts-block__block-operating-mode {
        display: -ms-grid;
        display: grid;
    }

    .contacts-block__operating-mode {
        margin-top: 5px;
    }

    .social-network__title {
        font-size: 18px;
        font-weight: 500;
        color: #5E6264;
    }

    .social-network__list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-column-gap: 20px;
        margin-top: 12px;
    }

    .social-network__li--telegram:hover .social-network__icon use {
        fill: #29A0DC;
    }

    .social-network__li--whats-app:hover .social-network__icon use {
        fill: #48C95F;
    }

    .social-network__li--viber:hover .social-network__icon use {
        fill: #675DA9;
    }

    .social-network__li--link:hover .social-network__icon use {
        fill: #EF7D00;
    }

    .social-network__link {
        display: -ms-grid;
        display: grid;
    }

    .social-network__icon {
        width: 42px;
        height: 42px;
    }

    .social-network__icon use {
        fill: #EF7D00;
        -webkit-transition: fill 0.3s;
        -o-transition: fill 0.3s;
        transition: fill 0.3s;
    }

    .bread-crumbs__list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .bread-crumbs__li {
        position: relative;
    }

    .bread-crumbs__li:first-child {
        padding-right: 7px;
    }

    .bread-crumbs__li:first-child::before {
        display: none;
    }

    .bread-crumbs__li:last-child {
        padding-left: 7px;
    }

    .bread-crumbs__li:last-child::before {
        color: #A9AEB2;
    }

    .bread-crumbs__li:not(:last-child):not(:first-child) {
        padding: 0 7px;
    }

    .bread-crumbs__li::before {
        content: "/";
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
        font-size: 12px;
    }

    .bread-crumbs__link, .bread-crumbs__current-page {
        font-size: 12px;
        white-space: nowrap;
    }

    .bread-crumbs__link {
        color: #3D474D;
    }

    .bread-crumbs__current-page {
        color: #A9AEB2;
    }

    .service-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 34px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        background-color: #fff;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        transition: background-color 0.3s, -webkit-box-shadow 0.3s;
        -o-transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .service-card:hover {
        background-color: #EF7D00;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .service-card:hover .service-card__description, .service-card:hover .service-card__title {
        color: #fff;
    }

    .service-card:hover .service-card__block-icon {
        background-color: #F7BE80;
    }

    .service-card__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 8px;
    }

    .service-card__title, .service-card__description {
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .service-card__title {
        font-size: calc(
                14px + 6 * ((100vw - 375px) / 1545)
        );
        color: #3D474D;
    }

    .service-card__description {
        font-size: 12px;
        line-height: 1.4em;
        color: #8D8F92;
    }

    .service-card__block-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 75px;
        height: 75px;
        border-radius: 100px;
        background-color: #53B9E8;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .service-card__icon {
        width: 46px;
        height: 46px;
    }

    .service-card__icon use {
        fill: #fff;
        stroke: #fff;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .inform-block__main-content {
        border-radius: 16px;
    }

    .inform-block__main-content .text-article li {
        line-height: 1.7em;
        color: #545454;
        font-size: calc(14px + 2 * ((100vw - 375px) / 1545));
    }

    .inform-block__block-image {
        height: 420px;
        border-radius: 16px;
        overflow: hidden;
    }

    .inform-block__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .inform-block__wrapper-cards {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
    }

    .inform-block .text-article {
        padding: 52px 32px;
    }

    .inform-block .pagination {
        margin-top: 40px;
    }

    .side-panel__content {
        position: sticky;
        z-index: 1;
        top: 240px;
    }

    .text-article__date {
        display: block;
        font-size: 12px;
        margin-bottom: 12px;
        color: #C6C6C6;
    }

    .text-article__content {
        max-width: 788px;
        width: 100%;
    }

    .text-article__content .no-indentation {
        margin-bottom: 0;
    }

    .text-article__content p {
        font-size: 16px;
        color: #545454;
    }

    .about-company__block-info {
    }

    .text-article__content h1, .text-article__content h2 {
        margin: 0 0 24px 0;
        font-weight: 500;
        text-transform: uppercase;
        font-size: calc(
                20px + 8 * ((100vw - 375px) / 1545)
        );
    }

    .text-article__content h3 {
        margin: 0 0 16px 0;
        font-weight: 500;
        font-size: calc(
                18px + 4 * ((100vw - 375px) / 1545)
        );
        line-height: 1.4em;
    }

    .text-article__content p {
        line-height: 1.7em;
        color: #545454;
        margin: 0 0 22px 0;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .text-article__content p b {
        font-weight: 500;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        line-height: 1.25em;
        margin: 0 0 20px 0;
    }

    .text-article__content ul, .text-article__content ol {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 14px;
        padding-left: 20px;
        margin-bottom: 40px;
    }

    .text-article__content ul li, .text-article__content ol li {
        font-size: 14px;
        line-height: 1.4em;
    }

    .text-article__content ul li::marker, .text-article__content ol li::marker {
        color: #EF7D00;
    }

    .text-article .list-doc {
        margin-top: 32px;
    }

    .form-block {
        padding: 34px 40px;
        background-color: #fff;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
    }

    .form-block__block-head {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 8px;
        margin-bottom: 20px;
    }

    .form-block__title {
        font-size: 20px;
        font-weight: 500;
    }

    .form-block__subtitle {
        font-size: 12px;
        color: #545454;
        line-height: 1.65em;
    }

    .form-block__privacy-policy {
        display: block;
        color: #C6C6C6;
        line-height: 1.4em;
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
    }

    .form-block__privacy-policy a {
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
    }

    .form-block__link {
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    .form-block__block-nav {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 14px;
    }

    .form-block__link-nav {
        font-size: 12px;
    }

    .form-block__link-back {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 16px auto;
        grid-template-columns: 16px auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-column-gap: 9px;
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid #D2DAE0;
    }

    .form-block__link-back-icon {
        width: 16px;
        height: 16px;
    }

    .form-block__link-back-icon use {
        stroke: #EF7D00;
        stroke-width: 1.4;
    }

    .form-block__link-back-text {
        font-size: 14px;
        color: #EF7D00;
    }

    .form-block__block-image {
        border-radius: 16px;
        overflow: hidden;
        height: 200px;
        margin-bottom: 20px;
    }

    .form-block__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .form-block__privacy-policy,
    .form-block .input:not(:first-child),
    .form-block .textarea {
        margin-top: 12px;
    }

    .form-block .btn {
        width: 100%;
        margin-top: 16px;
    }

    .form-block .btn__text {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .form-block .checkbox__text {
        font-size: 12px;
        color: #A5B0B6;
    }

    .cards-wrapper--lots-cards .cards-wrapper__wrapper {
        -ms-grid-columns: (1fr) [ 5 ];
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 17px;
        grid-row-gap: 17px;
    }

    .cards-wrapper__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .cards-wrapper .cards-wrapper__btn-more {
        display: none;
        margin-top: 10px;
        min-height: 36px;
        width: 100%;
    }

    .cards-wrapper .cards-wrapper__btn-more .btn__text {
        font-size: 12px;
    }

    .cards-wrapper .pagination {
        margin-top: 40px;
    }

    .cards-wrapper .link-card {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .cards-wrapper .partner-card {
        height: 193px;
    }

    .cards-wrapper .partner-card__block-image {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 213px;
    }

    .pagination {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pagination__block-arrow {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pagination__block-arrow:hover .pagination__sign-arrow {
        color: #009FE3;
    }

    .pagination__sign-arrow {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        color: #A5B0B6;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .pagination__list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pagination__li.active .pagination__link-number-page {
        background-color: #EF7D00;
        color: #fff;
    }

    .pagination__li--ellipsis a {
        cursor: default;
    }

    .pagination__li--ellipsis a:hover {
        color: #3D474D;
        background-color: transparent;
    }

    .pagination__link-number-page {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        color: #3D474D;
        -webkit-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s;
    }

    .preview-info-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 360px 1fr;
        grid-template-columns: 360px 1fr;
        grid-column-gap: 32px;
        padding: 32px;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        border-radius: 16px;
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .preview-info-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .preview-info-card:hover .preview-info-card__title {
        color: #009FE3;
    }

    .preview-info-card:hover .preview-info-card__link {
        color: #8D8F92;
    }

    .preview-info-card__block-image {
        border-radius: 12px;
        overflow: hidden;
        min-height: 200px;
    }

    .preview-info-card__image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .preview-info-card__wrapper-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 15px;
    }

    .preview-info-card__block-info {
        display: -ms-grid;
        display: grid;
    }

    .preview-info-card__date {
        font-size: 12px;
        color: #C6C6C6;
    }

    .preview-info-card__title {
        font-size: calc(
                16px + 4 * ((100vw - 375px) / 1545)
        );
        margin-top: 16px;
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .preview-info-card__description {
        margin-top: 12px;
        color: #8D8F92;
        line-height: 1.3em;
    }

    .preview-info-card__link {
        margin-top: auto;
        color: #009FE3;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .section-services-links {
        padding: 80px 0;
        overflow-x: hidden;
    }

    .section-services-links .services-links {
        margin-top: 26px;
    }

    .list-data {
        padding: 80px 0 0 0;
    }

    .list-data__table {
        width: 100%;
        margin-top: 20px;
    }

    .list-data__table tbody {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 16px;
    }

    .list-data__tr {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }

    .list-data__td--decore {
        position: relative;
    }

    .list-data__td--decore::after {
        content: "";
        position: absolute;
        left: 1px;
        right: 0;
        bottom: 6px;
        height: 1px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 0 repeat-x;
    }

    .list-data__property {
        position: relative;
        z-index: 1;
        font-size: 14px;
        background-color: #F8FAFF;
    }

    .list-data__value {
        font-size: 14px;
    }

    .list-data__link {
        display: block;
        font-size: 14px;
        margin-top: 16px;
    }

    .link-card {
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        border-radius: 16px;
        padding: 24px;
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    }

    .link-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .link-card:hover .link-card__title {
        color: #009FE3;
    }

    .link-card__title {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;
        font-size: calc(
                12px + 8 * ((100vw - 375px) / 1545)
        );
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
        text-align: center;
    }

    .link-card__block-image {
        max-width: 237px;
        width: 100%;
        height: 189px;
        margin: 16px auto 0 auto;
    }

    .link-card__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .empty {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 28px 0;
    }

    .empty__block-icon,
    .empty .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .empty .title, .empty__subtitle {
        text-align: center;
    }

    .empty__block-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 185px;
        height: 185px;
        border-radius: 100px;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
    }

    .empty__icon {
        width: 95px;
        height: 95px;
    }

    .empty__subtitle {
        display: block;
        margin-top: 20px;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .empty .title {
        margin-top: 32px;
        font-size: 20px;
        text-transform: none;
    }

    .empty .btn {
        max-width: 380px;
        width: 100%;
        margin-top: 40px;
    }

    .filter__wrapper {
        position: sticky;
        top: 160px;
        z-index: 20;
    }

    .filter__title {
        display: block;
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 32px;
    }

    .filter__section {
        position: relative;
        padding: 20px 0;
    }

    .filter__section:not(:last-child) {
        border-bottom: 1px solid #E1F5FF;
    }

    .filter__section--nav {
        padding: 20px 0 40px 0;
    }

    .filter__section.active .filter__section-title {
        color: #EF7D00;
    }

    .filter__section.active .filter__icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .filter__block-results-label {
        position: absolute;
        z-index: 10;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 2px;
        top: 10px;
        left: 100%;
        padding: 5px 10px;
        border: 2px solid #E1F5FF;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        box-shadow: 0px 4px 25px rgba(189, 202, 219, 0.23);
        -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    }

    .filter__block-results-label::before, .filter__block-results-label::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
    }

    .filter__block-results-label::before {
        border: 8px solid transparent;
        border-right: 8px solid #E1F5FF;
    }

    .filter__block-results-label::after {
        border: 6px solid transparent;
        border-right: 6px solid #fff;
    }

    .filter__block-results-label.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    .filter__count-results-label, .filter__link-results-label {
        font-size: 12px;
    }

    .filter__count-results-label {
        white-space: nowrap;
    }

    .filter__block-section-title {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer;
    }

    .filter__block-section-title:hover .filter__section-title {
        color: #EF7D00;
    }

    .filter__section-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5em;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .filter__icon {
        width: 14px;
        height: 8px;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .filter__wrapper-content {
        padding-top: 9px;
        -webkit-transition: height 0.3s, padding 0.3s;
        -o-transition: height 0.3s, padding 0.3s;
        transition: height 0.3s, padding 0.3s;
    }

    .filter__wrapper-content.not-active {
        padding: 0;
    }

    .filter__wrapper-content .filter__section:not(:last-child) {
        border-bottom: 1px solid #E1F5FF;
    }

    .filter__wrapper-content .filter__section:last-child {
        padding: 20px 0 0 0;
    }

    .filter__wrapper-content .filter__section .filter__section-title {
        color: #3D474D;
    }

    .filter__wrapper-content .filter__section .filter__icon {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .filter__wrapper-content .filter__section.active .filter__section-title {
        color: #EF7D00;
    }

    .filter__wrapper-content .filter__section.active .filter__icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .filter__wrapper-content .filter__wrapper-content {
        padding-top: 16px;
    }

    .filter__wrapper-content .filter__wrapper-content.not-active {
        padding: 0 !important;
    }

    .filter__wrapper-content .filter__section-title {
        font-size: 14px;
        font-weight: 400;
    }

    .filter__wrapper-items {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
        padding-top: 7px;
    }

    .filter__link {
        color: #65676E;
        font-size: 14px;
    }

    .filter__block-btns {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 12px;
        margin-top: 30px;
    }

    .filter__block-btns .btn {
        width: 100%;
        min-height: 42px;
    }

    .filter__block-mob {
        display: none;
    }

    .filter .filter-range {
        padding-top: 7px;
    }

    .sorting {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .sorting__title {
        font-size: 14px;
        color: #65676E;
    }

    .sorting__block-sort {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 4px;
        grid-auto-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        cursor: pointer;
    }

    .sorting__block-sort:hover .sorting__name {
        color: #EF7D00;
    }

    .sorting__block-sort:hover .sorting__icon use {
        stroke: #EF7D00;
    }

    .sorting__block-sort.active .sorting__name {
        color: #EF7D00;
    }

    .sorting__block-sort.active .sorting__icon use {
        stroke: #EF7D00;
    }

    .sorting__name {
        font-size: 14px;
        color: #C6C6C6;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .sorting__icon {
        width: 20px;
        height: 20px;
    }

    .sorting__icon use {
        stroke: #C6C6C6;
        stroke-width: 1.4;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .sorting__wrapper-mobile, .sorting__title-mob {
        display: none;
    }

    .filter-range__wrapper-inputs-value {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
    }

    .filter-range__wrapper-inputs-value::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 10px;
        height: 1px;
        background-color: #D2DAE0;
    }

    .filter-range__block-input-value {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 40px;
        padding: 5px 12px;
        border-radius: 30px;
        border: 1px solid #D2DAE0;
    }

    .filter-range__input-value {
        display: block;
        text-align: center;
        width: 100%;
        height: 100%;
        font-size: 16px;
        background-color: transparent;
        border: none;
        outline: none;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .filter-range__input-value::-webkit-outer-spin-button, .filter-range__input-value::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .filter-range__input-range {
        margin-top: 20px;
    }

    .filter-range .noUi-horizontal {
        height: 3px;
        background: #e5e6e9;
        border-radius: 2px;
    }

    .filter-range .noUi-target {
        border: none;
    }

    .filter-range .noUi-connects {
        height: 100%;
    }

    .filter-range .noUi-connect {
        height: 4px;
        background-color: #EF7D00;
        border-radius: 2px;
    }

    .filter-range .noUi-horizontal .noUi-handle {
        width: 16px;
        height: 16px;
        right: -8px;
        border: 1px solid #D2DAE0;
        border-radius: 100px;
        background-color: #fff;
        cursor: pointer;
    }

    .filter-range .noUi-horizontal .noUi-handle::after, .filter-range .noUi-horizontal .noUi-handle:before {
        display: none;
    }

    .section-form .form-block {
        max-width: 470px;
        width: 100%;
        margin: 0 auto;
    }

    .section-form .form-block__block-head {
        text-align: center;
    }

    .section-form .form-block__title {
        font-size: calc(
                14px + 4 * ((100vw - 375px) / 1545)
        );
    }

    .section-form .form-block__subtitle {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        color: #90949A;
        line-height: 1.3em;
    }

    .section-form .form-block__privacy-policy, .section-form .form-block .input:not(:first-child), .section-form .form-block .textarea {
        margin-top: 12px;
    }

    .section-form .form-block .input__block-input {
        height: 48px;
    }

    .section-form .form-block .input__input, .section-form .form-block .input__placeholder {
        font-size: 14px;
    }

    .section-form .form-block .btn {
        min-height: 46px;
        margin-top: 24px;
    }

    .nav-bar__list {
        position: sticky;
        top: 160px;
        z-index: 1;
        padding: 16px 0;
        border-radius: 16px;
        -webkit-box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        box-shadow: 0px 4px 25px rgba(150, 195, 255, 0.06);
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        background-color: #fff;
    }

    .nav-bar__li.active .nav-bar__link {
        background-color: #F8FAFF;
    }

    .nav-bar__li.active .nav-bar__text {
        color: #009FE3;
    }

    .nav-bar__li.active .nav-bar__icon use {
        stroke: #009FE3;
    }

    .nav-bar__link {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 24px 1fr;
        grid-template-columns: 24px 1fr;
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px 32px;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .nav-bar__link:hover {
        background-color: #F8FAFF;
    }

    .nav-bar__link:hover .nav-bar__text {
        color: #009FE3;
    }

    .nav-bar__link:hover .nav-bar__icon use {
        stroke: #009FE3;
    }

    .nav-bar__icon {
        width: 24px;
        height: 24px;
    }

    .nav-bar__icon use {
        stroke: #3D474D;
        stroke-width: 1.5;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .nav-bar__text {
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .nav-bar__block-mob {
        display: none;
        -ms-grid-columns: 1fr 30px;
        grid-template-columns: 1fr 30px;
        grid-column-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 22px 26px;
        border-radius: 16px;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 13px rgba(150, 195, 255, 0.07);
        box-shadow: 0px 4px 13px rgba(150, 195, 255, 0.07);
        cursor: pointer;
    }

    .nav-bar__block-mob.active .nav-bar__mob-icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .nav-bar__block-mob-text {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 24px 1fr;
        grid-template-columns: 24px 1fr;
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .nav-bar__mob-icon {
        width: 30px;
        height: 30px;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .list-product__wrapper-products {
        padding: 12px 32px;
    }

    .list-product__wrapper-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 220px auto;
        grid-template-columns: 220px auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px 40px;
        border-top: 1px solid #F6F7F9;
    }

    .list-product__wrapper-info .btn {
        width: 100%;
    }

    .list-product__wrapper-price {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-auto-flow: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        grid-column-gap: 11px;
    }

    .list-product__price-text {
        font-size: 20px;
        font-weight: 500;
    }

    .list-product__block-price {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        grid-row-gap: 6px;
    }

    .list-product__price, .list-product__new-price {
        font-size: calc(
                24px + 4 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
    }

    .list-product__new-price {
        color: #EF7D00;
    }

    .list-product__old-price {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        text-decoration: line-through;
    }

    .list-product .product-list-item:not(:last-child) {
        border-bottom: 1px solid #F6F7F9;
    }

    .product-list-item {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 0;
    }

    .product-list-item__block-image {
        width: 140px;
        height: 122px;
        border-radius: 16px;
        overflow: hidden;
    }

    .product-list-item__image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

    .product-list-item__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 8px;
        max-width: 340px;
        min-width: 340px;
        width: 100%;
    }

    .product-list-item__category {
        font-size: 12px;
        color: #C6C6C6;
    }

    .product-list-item__name-product {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #3D474D;
        line-height: 1.4em;
        text-decoration: none;
    }

    .product-list-item__name-product:hover {
        text-decoration: none;
    }

    .product-list-item__block-count {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product-list-item__block-price {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 6px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .product-list-item__block-price--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product-list-item__price-sign {
        font-size: 12px;
        color: #C6C6C6;
        margin-bottom: 2px;
    }

    .product-list-item__price, .product-list-item__new-price {
        font-size: calc(
                18px + 2 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
    }

    .product-list-item__new-price {
        color: #EF7D00;
    }

    .product-list-item__old-price {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        text-decoration: line-through;
    }

    .product-list-item__block-delete-card {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -ms-grid-row-align: start;
        align-self: start;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: auto;
    }

    .product-list-item__delete-card-icon {
        width: 32px;
        height: 32px;
        cursor: pointer;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .product-list-item__delete-card-icon:hover {
        opacity: 0.6;
    }

    .order-block {
        background-color: #fff;
        border-radius: 16px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

    .order-block__head {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-auto-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 25px 32px;
        cursor: pointer;
        border-bottom: 1px solid;
        border-bottom-color: transparent;
        -webkit-transition: border-bottom-color 0.3s;
        -o-transition: border-bottom-color 0.3s;
        transition: border-bottom-color 0.3s;
    }

    .order-block__head.active {
        border-bottom-color: #F2F2F2;
    }

    .order-block__head.active .order-block__info-block-icon {
        background-color: transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .order-block__head.active .order-block__info-block-icon use {
        stroke: #EF7D00;
    }

    .order-block__block-body {
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }

    .order-block__wrapper-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 16px auto;
        grid-template-columns: 16px auto;
        grid-column-gap: 35px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .order-block__info-block-icon {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 100px;
        border: 1px solid #EF7D00;
        background-color: #EF7D00;
        -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
        transition: background-color 0.3s, -webkit-transform 0.3s;
        -o-transition: background-color 0.3s, transform 0.3s;
        transition: background-color 0.3s, transform 0.3s;
        transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
    }

    .order-block__info-icon {
        width: 12px;
        height: 6px;
    }

    .order-block__info-icon use {
        stroke: #fff;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .order-block__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 7px;
    }

    .order-block__info-amount {
        font-size: 14px;
        color: #A5B0B6;
    }

    .order-block .order-info {
        margin: 20px 32px;
    }

    .order-block .order-info:not(:first-child) {
        margin-top: 12px;
    }

    .order-info {
        padding: 20px 24px;
        background-color: #F8FAFF;
        border-radius: 16px;
    }

    .order-info__block-name {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .order-info__name {
        color: #A8A2A3;
        text-transform: uppercase;
        font-size: 12px;
    }

    .order-info__block-info {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 11px;
        margin-top: 12px;
    }

    .order-info__title {
        color: #292927;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .order-info__description {
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
        color: #A8A2A3;
    }

    .order-info__block-actions {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 16px;
    }

    .order-info__block-actions a {
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
    }

    .order-info__block-actions .btn {
        width: 106px;
    }

    .promo-code--error .promo-code__input {
        border-color: #ED6262;
    }

    .promo-code__title {
        font-size: 14px;
    }

    .promo-code__wrapper-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 12px;
    }

    .promo-code__block-input {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 198px 156px;
        grid-template-columns: 198px 156px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: 46px;
        background-color: #fff;
    }

    .promo-code__input {
        background-color: transparent;
        border: 1px solid;
        border-color: transparent;
        outline: none;
        height: 100%;
        width: 100%;
        padding: 0 27px;
        font-size: 14px;
        border-radius: 6px;
    }

    .promo-code__block-message {
        position: relative;
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .promo-code__code, .promo-code__code-applied, .promo-code__code-error {
        font-size: 12px;
        line-height: 1.3em;
    }

    .promo-code__code-applied {
        color: #EF7D00;
    }

    .promo-code__code-error {
        color: #ED6262;
    }

    .promo-code__icon {
        position: absolute;
        top: 0;
        left: 100%;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(5px, -3px);
        -ms-transform: translate(5px, -3px);
        transform: translate(5px, -3px);
        cursor: pointer;
        opacity: 0.6;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .promo-code__icon:hover {
        opacity: 1;
    }

    .promo-code .btn {
        width: 100%;
        min-height: 100%;
        margin-left: -5px;
    }

    .promo-code .btn[disabled] {
        background-color: #C1CDD3;
    }

    .block-price {
        border-radius: 16px;
        background-color: #fff;
    }

    .block-price__wrapper-prices {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
        padding: 32px 32px 40px 32px;
    }

    .block-price__block-price {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .block-price__block-price--benefit {
        margin-top: 12px;
    }

    .block-price__block-price--benefit .block-price__sign, .block-price__block-price--benefit .block-price__price {
        color: #EF7D00;
    }

    .block-price__inner-price {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 6px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        text-align: right;
    }

    .block-price__price {
        font-weight: 500;
    }

    .block-price__old-price {
        font-size: 12px;
        color: #C6C6C6;
        text-decoration: line-through;
    }

    .block-price__block-result {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px;
        border-top: 1px solid #F6F7F9;
    }

    .block-price__block-result .block-price__price {
        font-size: 20px;
        color: #EF7D00;
    }

    .block-price__block-result .block-price__old-price {
        font-size: 14px;
        color: #3D474D;
    }

    .stage {
        overflow: hidden;
        background-color: #fff;
        border-radius: 16px;
    }

    .stage:not(.active) .stage__block-footer {
        pointer-events: none;
    }

    .stage--done .stage__block-number {
        background-color: #EF7D00;
    }

    .stage--done .stage__block-number::before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .stage--done .stage__number {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    .stage--done .stage__btn-edit {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .stage--done .stage__selected-data {
        opacity: 1;
        pointer-events: auto;
    }

    .stage--done .stage__block-footer *:not([data-making-order=selected-data]) {
        display: none;
    }

    .stage--error .stage__selected-data {
        color: #ED6262;
    }

    .stage--error .stage__block-footer *:not([data-making-order=selected-data]) {
        display: none;
    }

    .stage--error .stage__selected-data {
        opacity: 1;
        pointer-events: auto;
    }

    .stage--error .stage__btn-edit {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .stage.active .stage__block-head {
        border-bottom-color: #F6F7F9;
    }

    .stage__block-head {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 16px 32px;
        border-bottom: 1px solid;
        border-bottom-color: transparent;
        -webkit-transition: border-bottom-color 0.3s;
        -o-transition: border-bottom-color 0.3s;
        transition: border-bottom-color 0.3s;
    }

    .stage__block-title {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 32px auto;
        grid-template-columns: 32px auto;
        grid-column-gap: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .stage__block-number {
        position: relative;
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        overflow: hidden;
        border-radius: 100px;
        background-color: #F8FAFF;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .stage__block-number::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -160%);
        -ms-transform: translate(-50%, -160%);
        transform: translate(-50%, -160%);
        width: 20px;
        height: 20px;
        background-image: url("../images/check.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .stage__number {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        line-height: 1em;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .stage__title-stage {
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        font-weight: 500;
    }

    .stage__btn-edit {
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        -o-transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
        transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
        transition: opacity 0.3s, transform 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    }

    .stage__btn-edit:hover {
        opacity: 0.6;
    }

    .stage__btn-edit-text {
        color: #009FE3;
    }

    .stage__block-body, .stage__block-footer {
        -webkit-transition: opacity 0.3s, height 0.3s, padding 0.3s;
        -o-transition: opacity 0.3s, height 0.3s, padding 0.3s;
        transition: opacity 0.3s, height 0.3s, padding 0.3s;
    }

    .stage__block-body.not-active, .stage__block-footer.not-active {
        padding: 0;
        opacity: 0;
    }

    .stage__block-body {
        overflow: hidden;
    }

    .stage__block-body, .stage__block-footer {
        padding: 32px;
    }

    .stage__block-footer {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #F6F7F9;
    }

    .stage__block-footer *:not([data-making-order=selected-data]) {
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .stage__nav-btn {
        max-width: 220px;
        width: 100%;
    }

    .stage__warning {
        width: 100%;
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
        color: #C6C6C6;
    }

    .stage__block-nav-btn {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(100px, 238px) auto;
        grid-template-columns: minmax(100px, 238px) auto;
        grid-column-gap: 32px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .stage__selected-data {
        position: absolute;
        left: 32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 14px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: color 0.3s, opacity 0.3s;
        -o-transition: color 0.3s, opacity 0.3s;
        transition: color 0.3s, opacity 0.3s;
    }

    .stage__selected-data--warning {
        color: #ED6262;
    }

    .list-doc__title {
        display: block;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .list-doc__list {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 8px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .list-doc__link {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 32px auto;
        grid-template-columns: 32px auto;
        grid-column-gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .list-doc__link:hover .list-doc__name-doc {
        color: #009FE3;
    }

    .list-doc__icon {
        width: 32px;
        height: 32px;
    }

    .list-doc__icon use {
        stroke: #009FE3;
        stroke-width: 2;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .list-doc__name-doc {
        color: #3D474D;
        font-weight: 500;
        font-size: calc(
                14px + 2 * ((100vw - 375px) / 1545)
        );
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .title {
        font-weight: 500;
        text-transform: uppercase;
    }

    h1.title {
        font-size: calc(
                20px + 8 * ((100vw - 375px) / 1545)
        );
    }

    h2.title {
        font-size: calc(
                20px + 8 * ((100vw - 375px) / 1545)
        );
    }

    h3.title {
        font-size: calc(
                18px + 2 * ((100vw - 375px) / 1545)
        );
    }

    h4.title {
        font-size: 16px;
    }

    .btn {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3px 5px;
        text-decoration: none;
        border-radius: 4px;
        -webkit-transition: background-color 0.3s, border-color 0.3s;
        -o-transition: background-color 0.3s, border-color 0.3s;
        transition: background-color 0.3s, border-color 0.3s;
    }

    .btn:not([disabled]) {
        cursor: pointer;
    }

    .btn__icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .btn__icon use {
        -webkit-transition: fill 0.3s, stroke 0.3s;
        -o-transition: fill 0.3s, stroke 0.3s;
        transition: fill 0.3s, stroke 0.3s;
    }

    .btn__text {
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .btn--size--md, .btn--size--sm-first {
        min-height: 40px;
    }

    .btn--size--md .btn__text, .btn--size--sm-first .btn__text, .btn--size--sm-second .btn__text, .btn--size--sm-third .btn__text, .btn--size--tiny .btn__text {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .btn--size--md .btn__text, .btn--size--sm-first .btn__text, .btn--size--sm-second .btn__text, .btn--size--sm-third .btn__text {
        font-weight: 500;
    }

    .btn--size--bg {
        width: 380px;
        min-height: 46px;
        border-radius: 6px;
    }

    .btn--size--md {
        width: 189px;
    }

    .btn--size--sm-first {
        width: 129px;
    }

    .btn--size--sm-second {
        width: 118px;
        min-height: 43px;
    }

    .btn--size--sm-third {
        width: 122px;
        min-height: 41px;
    }

    .btn--size--tiny {
        width: 142px;
        min-height: 31px;
    }

    .btn--theme--orange, .btn--theme--blue, .btn--theme--light-orange, .btn--theme--light-blue {
        border: none;
    }

    .btn--theme--orange {
        background-color: #EF7D00;
    }

    .btn--theme--orange:hover {
        background-color: #F9982F;
    }

    .btn--theme--orange .btn__text {
        color: #fff;
    }

    .btn--theme--light-orange {
        background-color: #FFF3E6;
    }

    .btn--theme--light-orange:hover {
        background-color: #F9982F;
    }

    .btn--theme--light-orange:hover .btn__text {
        color: #fff;
    }

    .btn--theme--light-orange .btn__text {
        color: #EF7D00;
    }

    .btn--theme--outline-orange {
        border: 1px solid #EF7D00;
        background-color: transparent;
    }

    .btn--theme--outline-grey {
        background-color: #ffffff;
    }

    .btn--theme--outline-orange:hover {
        background-color: #EF7D00;
    }

    .btn--theme--outline-orange:hover .btn__text {
        color: #fff;
    }

    .btn--theme--outline-orange .btn__text {
        color: #EF7D00;
    }

    .btn--theme--outline-gray {
        border: 1px solid;
        border-color: #D2DAE0;
        background-color: transparent;
    }

    .btn--theme--outline-gray:hover {
        border-color: #EF7D00;
    }

    .btn--theme--outline-gray:hover .btn__text {
        color: #EF7D00;
    }

    .btn--theme--outline-gray .btn__text {
        color: #ABABAB;
    }

    .btn--theme--blue {
        background-color: #009FE3;
    }

    .btn--theme--blue:hover {
        background-color: #4CB8E6;
    }

    .btn--theme--blue .btn__text {
        color: #fff;
    }

    .btn--theme--light-blue {
        background-color: #E1F5FF;
    }

    .btn--theme--light-blue:hover {
        background-color: #009FE3;
    }

    .btn--theme--light-blue:hover .btn__text {
        color: #fff;
    }

    .btn--theme--light-blue .btn__text {
        color: #009FE3;
    }

    .logo {
        display: -ms-grid;
        display: grid;
    }

    .logo__icon {
        width: 173px;
        height: 84px;
    }

    .arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        cursor: pointer;
        -webkit-transition: background-color 0.3s, border-color 0.3s;
        -o-transition: background-color 0.3s, border-color 0.3s;
        transition: background-color 0.3s, border-color 0.3s;
    }

    .arrow[disabled] {
        cursor: default;
    }

    .arrow--size--bg {
        width: 40px;
        height: 40px;
    }

    .arrow--size--bg .arrow__icon {
        width: 20px;
        height: 20px;
    }

    .arrow--size--md {
        width: 36px;
        height: 36px;
    }

    .arrow--size--md .arrow__icon {
        width: 24px;
        height: 24px;
    }

    .arrow--theme--grey {
        border: 1px solid;
        border-color: #F6F7F9;
        background-color: rgba(255, 255, 255, 0.25);
    }

    .arrow--theme--grey:not([disabled]):hover {
        background-color: #EF7D00;
        border-color: #EF7D00;
    }

    .arrow--theme--grey .arrow__icon use {
        stroke: #fff;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .arrow--theme--transparent {
        border: none;
        background-color: transparent;
    }

    .arrow--theme--transparent:not([disabled]):hover {
        background-color: #EF7D00;
        border-color: #EF7D00;
    }

    .arrow--theme--transparent:not([disabled]):hover .arrow__icon use {
        stroke: #fff;
    }

    .arrow--theme--transparent .arrow__icon use {
        stroke: #A9AEB2;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .arrow--theme--grey-outline {
        border: 1px solid;
        border-color: #D2DAE0;
        background-color: transparent;
    }

    .arrow--theme--grey-outline:not([disabled]):hover {
        background-color: #EF7D00;
        border-color: #EF7D00;
    }

    .arrow--theme--grey-outline:not([disabled]):hover .arrow__icon use {
        stroke: #fff;
    }

    .arrow--theme--grey-outline .arrow__icon use {
        stroke: #3D474D;
        -webkit-transition: stroke 0.3s;
        -o-transition: stroke 0.3s;
        transition: stroke 0.3s;
    }

    .slider-btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 1px;
        border: 0.5px solid #E5E6E9;
        border-radius: 78px;
        padding: 2px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .status-labels__list {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 4px;
        justify-items: start;
    }

    .status-labels__label {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3px 14px;
        border-radius: 0px 4px 4px 0px;
    }

    .status-labels__label--theme--blue {
        background-color: #009FE3;
    }

    .status-labels__label--theme--purple {
        background-color: #312783;
    }

    .status-labels__label--theme--orange {
        background-color: #EF7D00;
    }

    .status-labels__text {
        font-size: 12px;
        color: #fff;
    }

    .block-title {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 16px;
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .block-title .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .link-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .link-more:hover .link-more__text {
        color: #009FE3;
    }

    .link-more:hover .link-more__icon {
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }

    .link-more__text {
        color: #3D474D;
        text-transform: uppercase;
        font-weight: 500;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .link-more__icon {
        width: 40px;
        height: 40px;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .link-more__icon use {
        stroke: #EF7D00;
        stroke-width: 1.3;
    }

    .block-title-page {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto) [ 2 ];
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 28px 0 36px 0;
    }

    .block-title-page__wrapper-tags {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        grid-column-gap: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .input {
        position: relative;
        -webkit-transition: padding-bottom 0.3s;
        -o-transition: padding-bottom 0.3s;
        transition: padding-bottom 0.3s;
    }

    .input--focus .input__block-input {
        border-color: #90949A;
    }

    .input--focus .input__placeholder {
        opacity: 0;
    }

    .input--error .input__block-input {
        border-color: #ED6262;
    }

    .input--error .input__message {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        color: #ED6262;
    }

    .input--error-effect .input__message {
        -webkit-animation: errorEffect 0.3s linear forwards;
        animation: errorEffect 0.3s linear forwards;
    }

    @-webkit-keyframes errorEffect {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        25% {
            -webkit-transform: translate(-7px, 0);
            transform: translate(-7px, 0);
        }
        50% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        75% {
            -webkit-transform: translate(7px, 0);
            transform: translate(7px, 0);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes errorEffect {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        25% {
            -webkit-transform: translate(-7px, 0);
            transform: translate(-7px, 0);
        }
        50% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        75% {
            -webkit-transform: translate(7px, 0);
            transform: translate(7px, 0);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    .input--message .input__message {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .input__block-input {
        position: relative;
        height: 48px;
        border: 1px solid;
        border-color: #D2DAE0;
        border-radius: 6px;
        overflow: hidden;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .input__input {
        width: 100%;
        height: 100%;
        outline: none;
        border: none;
        padding: 0 18px;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .input__input[required] ~ .input__placeholder::after {
        content: "*";
        margin-left: 2px;
        color: #EF7D00;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .input__placeholder {
        position: absolute;
        top: 50%;
        left: 18px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        pointer-events: none;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #C6C6C6;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .input__message {
        position: absolute;
        padding-top: 4px;
        font-weight: 500;
        font-size: 12px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(0, -7px);
        -ms-transform: translate(0, -7px);
        transform: translate(0, -7px);
        -webkit-transition: color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        transition: color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -o-transition: color 0.3s, transform 0.3s, visibility 0.3s, opacity 0.3s;
        transition: color 0.3s, transform 0.3s, visibility 0.3s, opacity 0.3s;
        transition: color 0.3s, transform 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    }

    .textarea {
        position: relative;
        -webkit-transition: padding-bottom 0.3s;
        -o-transition: padding-bottom 0.3s;
        transition: padding-bottom 0.3s;
    }

    .textarea--focus .textarea__block-textarea {
        border-color: #90949A;
    }

    .textarea--focus .textarea__placeholder {
        opacity: 0;
    }

    .textarea--error .textarea__block-textarea {
        border-color: #ED6262;
    }

    .textarea--error .textarea__message {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        color: #ED6262;
    }

    .textarea--message .textarea__message {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .textarea__block-textarea {
        position: relative;
        height: 80px;
        border: 1px solid;
        border-color: #D2DAE0;
        border-radius: 6px;
        overflow: hidden;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .textarea__textarea {
        width: 100%;
        height: 100%;
        outline: none;
        border: none;
        resize: none;
        overflow-y: auto;
        padding: 12px 18px;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .textarea__textarea[required] ~ .textarea__placeholder::after {
        content: "*";
        margin-left: 2px;
        color: #EF7D00;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
    }

    .textarea__placeholder {
        position: absolute;
        top: 12px;
        left: 18px;
        pointer-events: none;
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #C6C6C6;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .textarea__message {
        position: absolute;
        padding-top: 4px;
        font-weight: 500;
        font-size: 12px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        transform: translateY(-7px);
        -webkit-transition: color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        transition: color 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -o-transition: color 0.3s, transform 0.3s, visibility 0.3s, opacity 0.3s;
        transition: color 0.3s, transform 0.3s, visibility 0.3s, opacity 0.3s;
        transition: color 0.3s, transform 0.3s, visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    }

    .tag {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 39px;
        padding: 2px 40px;
        border-radius: 6px;
        background-color: #fff;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .tag:hover {
        background-color: #EF7D00;
    }

    .tag:hover .tag__name {
        color: #fff;
    }

    .tag.active {
        background-color: #EF7D00;
    }

    .tag.active .tag__name {
        color: #fff;
    }

    .tag__name {
        font-size: 14px;
        color: #545454;
        line-height: 1em;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .checkbox:not([disabled]):hover > .checkbox__label .checkbox__text {
        color: #009FE3;
        cursor: pointer;
    }

    .checkbox[disabled]:hover > .checkbox__label .checkbox__text {
        color: #009FE3;
        cursor: pointer;
    }

    .checkbox.active .checkbox__decore::before {
        background-color: #EF7D00;
        border-color: #EF7D00;
    }

    .checkbox.active .checkbox__decore::after {
        opacity: 1;
    }

    .checkbox__label {
        position: relative;
        display: -ms-grid;
        display: grid;
        padding-left: 28px;
    }

    .checkbox__input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        display: none;
    }

    .checkbox__input:checked ~ .checkbox__decore::before {
        background-color: #EF7D00;
        border-color: #EF7D00;
    }

    .checkbox__input:checked ~ .checkbox__decore::after {
        opacity: 1;
    }

    .checkbox__text {
        font-size: 14px;
        color: #3D474D;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .checkbox__decore {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 21px;
        height: 21px;
    }

    .checkbox__decore::before, .checkbox__decore::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 4px;
    }

    .checkbox__decore::before {
        width: 20px;
        height: 20px;
        border: 1px solid;
        border-color: #D2DAE0;
        background-color: #fff;
        -webkit-transition: border-color 0.3s, background-color 0.3s;
        -o-transition: border-color 0.3s, background-color 0.3s;
        transition: border-color 0.3s, background-color 0.3s;
    }

    .checkbox__decore::after {
        width: 16px;
        height: 16px;
        background-image: url("../images/check.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .radio:not([disabled]):hover > .radio__label .radio__text {
        color: #009FE3;
        cursor: pointer;
    }

    .radio[disabled]:hover > .radio__label .radio__text {
        color: #009FE3;
        cursor: pointer;
    }

    .radio.active .radio__decore::before {
        border-color: #EF7D00;
    }

    .radio.active .radio__decore::after {
        background-color: #EF7D00;
    }

    .radio__label {
        position: relative;
        padding-left: 23px;
    }

    .radio__input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        display: none;
    }

    .radio__input:checked ~ .radio__decore::before {
        border-color: #EF7D00;
    }

    .radio__input:checked ~ .radio__decore::after {
        background-color: #EF7D00;
    }

    .radio__text {
        font-size: calc(
                12px + 2 * ((100vw - 375px) / 1545)
        );
        color: #65676E;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .radio__decore {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 17px;
        height: 17px;
    }

    .radio__decore::before, .radio__decore::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 100px;
    }

    .radio__decore::before {
        width: 16px;
        height: 16px;
        border: 1px solid;
        border-color: #D2DAE0;
        -webkit-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

    .radio__decore::after {
        width: 12px;
        height: 12px;
        background-color: transparent;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .counter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 120px;
        height: 40px;
        border: 1px solid #E5E6E9;
        border-radius: 30px;
        overflow: hidden;
    }

    .counter__input, .counter__btn {
        height: 100%;
        background-color: transparent;
        border: none;
        outline: none;
        padding: 0;
    }

    .counter__input {
        width: 40%;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    .counter__input[type=number]::-webkit-outer-spin-button, .counter__input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .counter__input[type=number] {
        -moz-appearance: textfield;
    }

    .counter__input[type=number]:hover, .counter__input[type=number]:focus {
        -moz-appearance: number-input;
    }

    .counter__btn {
        width: 30%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

    .counter__btn:hover::before {
        opacity: 0.6;
    }

    .counter__btn:disabled {
        cursor: default;
        opacity: 0.5;
    }

    .counter__btn::before {
        content: "";
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .counter__btn--remove::before {
        background-image: url("../images/minus.svg");
    }

    .counter__btn--add::before {
        background-image: url("../images/plus.svg");
    }

    .status {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 22px auto;
        grid-template-columns: 22px auto;
        grid-column-gap: 6px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .status--theme--success .status__icon use {
        stroke: #34C25C;
    }

    .status--theme--success .status__text {
        color: #34C25C;
    }

    .status--theme--fail .status__icon use {
        stroke: #EB5757;
    }

    .status--theme--fail .status__text {
        color: #EB5757;
    }

    .status__icon {
        width: 22px;
        height: 22px;
    }

    .status__icon use {
        stroke-width: 1.375;
        stroke: #3D474D;
    }

    .status__text {
        color: #3D474D;
        font-size: 14px;
        line-height: 1em;
    }

    .status-label {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 106px;
        min-height: 28px;
        padding: 5px;
        border-radius: 6px;
        border: 1px solid;
        border-color: transparent;
    }

    .status-label--theme--success {
        border-color: #34C25C;
    }

    .status-label--theme--success .status-label__text {
        color: #34C25C;
    }

    .status-label--theme--fail {
        border-color: #EB5757;
    }

    .status-label--theme--fail .status-label__text {
        color: #EB5757;
    }

    .status-label__text {
        font-size: calc(
                12px + 1 * ((100vw - 375px) / 1545)
        );
    }

    .modal--size--bg .hystmodal__window {
        max-width: 547px;
    }

    .modal--size--md .hystmodal__window {
        max-width: 464px;
    }

    .modal--simple-info .form-block {
        text-align: center;
    }

    .modal--simple-info .form-block__title {
        font-size: calc(
                18px + 10 * ((100vw - 375px) / 1545)
        );
    }

    .modal--simple-info .form-block__subtitle {
        font-size: 16px;
    }

    .modal--simple-info .form-block .btn {
        max-width: 342px;
        margin: 36px auto 0 auto;
    }

    .modal__close-icon {
        width: 32px;
        height: 32px;
    }

    .modal__simple-link {
        display: block;
        margin-top: 24px;
    }

    .modal-b .form-block {
        padding: 0;
    }

    .modal-b .form-block__block-head {
        text-align: center;
    }

    .modal-b .form-block .btn {
        width: 100%;
        margin-top: 20px;
    }

    .modal-b.hystmodal {
        z-index: 120 !important;
    }

    .modal-b .hystmodal__close {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        top: 28px;
        right: 28px;
        padding: 0;
        background-image: none;
    }

    .modal-b .hystmodal__close:focus {
        outline: none;
    }

    .modal-b .hystmodal__window {
        width: 100%;
        background-color: #fff;
        padding: 72px 42px 40px 42px;
        border-radius: 16px;
    }

    /**
 * Swiper 8.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 24, 2022
 */
    @font-face {
        font-family: "swiper-icons";
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
        font-weight: 400;
        font-style: normal;
    }

    :root {
        --swiper-theme-color: #007aff;
    }

    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        /* Fix of Webkit flickering */
        z-index: 1;
    }

    .swiper-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-android .swiper-slide,
    .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-pointer-events {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

    .swiper-pointer-events.swiper-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x;
    }

    .swiper-slide {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    .swiper-slide-invisible-blank {
        visibility: hidden;
    }

    /* Auto Height */

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: auto;
    }

    .swiper-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        -o-transition-property: transform, height;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform;
    }

    .swiper-backface-hidden .swiper-slide {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* 3D Effects */

    .swiper-3d,
    .swiper-3d.swiper-css-mode .swiper-wrapper {
        -webkit-perspective: 1200px;
        perspective: 1200px;
    }

    .swiper-3d .swiper-wrapper,
    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, 0.15);
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    /* CSS Mode */

    .swiper-css-mode > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        /* For Firefox */
        -ms-overflow-style: none;
        /* For Internet Explorer and Edge */
    }

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }

    .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    }

    .swiper-vertical.swiper-css-mode > .swiper-wrapper {
        -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
    }

    .swiper-centered > .swiper-wrapper::before {
        content: "";
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
        order: 9999;
    }

    .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
        -webkit-margin-start: var(--swiper-centered-offset-before);
        margin-inline-start: var(--swiper-centered-offset-before);
    }

    .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after);
    }

    .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
        -webkit-margin-before: var(--swiper-centered-offset-before);
        margin-block-start: var(--swiper-centered-offset-before);
    }

    .swiper-centered.swiper-vertical > .swiper-wrapper::before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after);
    }

    .swiper-centered > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: center center;
    }

    .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
    }

    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
        height: 1px;
        width: var(--swiper-virtual-size);
    }

    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
        width: 1px;
        height: var(--swiper-virtual-size);
    }

    :root {
        --swiper-navigation-size: 44px;
        /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50%;
        width: calc(var(--swiper-navigation-size) / 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size) / 2);
        z-index: 10;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 10px;
        right: auto;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "prev";
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 10px;
        left: auto;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next";
    }

    .swiper-button-lock {
        display: none;
    }

    :root {
        /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: 300ms opacity;
        -o-transition: 300ms opacity;
        transition: 300ms opacity;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10;
    }

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

    /* Common Styles */

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 10px;
        left: 0;
        width: 100%;
    }

    /* Bullets */

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        display: inline-block;
        border-radius: 50%;
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }

    .swiper-pagination-bullet:only-child {
        display: none !important;
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
    }

    .swiper-vertical > .swiper-pagination-bullets,
    .swiper-pagination-vertical.swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0px, -50%, 0);
        transform: translate3d(0px, -50%, 0);
    }

    .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block;
    }

    .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

    .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        -webkit-transition: 200ms top, 200ms -webkit-transform;
        transition: 200ms top, 200ms -webkit-transform;
        -o-transition: 200ms transform, 200ms top;
        transition: 200ms transform, 200ms top;
        transition: 200ms transform, 200ms top, 200ms -webkit-transform;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms left, 200ms -webkit-transform;
        -o-transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left, 200ms -webkit-transform;
    }

    .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 200ms right, 200ms -webkit-transform;
        transition: 200ms right, 200ms -webkit-transform;
        -o-transition: 200ms transform, 200ms right;
        transition: 200ms transform, 200ms right;
        transition: 200ms transform, 200ms right, 200ms -webkit-transform;
    }

    /* Progress */

    .swiper-pagination-progressbar {
        background: rgba(0, 0, 0, 0.25);
        position: absolute;
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
    }

    .swiper-horizontal > .swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0;
    }

    .swiper-vertical > .swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

    .swiper-pagination-lock {
        display: none;
    }

    /* Scrollbar */

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, 0.1);
    }

    .swiper-horizontal > .swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%;
    }

    .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%;
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        left: 0;
        top: 0;
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move;
    }

    .swiper-scrollbar-lock {
        display: none;
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .swiper-zoom-container > img,
    .swiper-zoom-container > svg,
    .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .swiper-slide-zoomed {
        cursor: move;
    }

    /* Preloader */

    :root {
        /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: transparent;
    }

    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
        -webkit-animation: swiper-preloader-spin 1s infinite linear;
        animation: swiper-preloader-spin 1s infinite linear;
    }

    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff;
    }

    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000;
    }

    @-webkit-keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    /* a11y */

    .swiper .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000;
    }

    .swiper-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
    }

    .swiper-grid > .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .swiper-grid-column > .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .swiper-fade.swiper-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .swiper-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
    }

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

    .swiper-fade .swiper-slide-active,
    .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-cube {
        overflow: visible;
    }

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

    .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none;
    }

    .swiper-cube.swiper-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-next,
    .swiper-cube .swiper-slide-prev,
    .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-cube .swiper-slide-shadow-top,
    .swiper-cube .swiper-slide-shadow-bottom,
    .swiper-cube .swiper-slide-shadow-left,
    .swiper-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        z-index: 0;
    }

    .swiper-cube .swiper-cube-shadow:before {
        content: "";
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-filter: blur(50px);
        filter: blur(50px);
    }

    .swiper-flip {
        overflow: visible;
    }

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

    .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none;
    }

    .swiper-flip .swiper-slide-active,
    .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-flip .swiper-slide-shadow-top,
    .swiper-flip .swiper-slide-shadow-bottom,
    .swiper-flip .swiper-slide-shadow-left,
    .swiper-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-creative .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        -webkit-transition-property: opacity, height, -webkit-transform;
        transition-property: opacity, height, -webkit-transform;
        -o-transition-property: transform, opacity, height;
        transition-property: transform, opacity, height;
        transition-property: transform, opacity, height, -webkit-transform;
    }

    .swiper-cards {
        overflow: visible;
    }

    .swiper-cards .swiper-slide {
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
    }

    [data-simplebar] {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .simplebar-wrapper {
        overflow: hidden;
        width: inherit;
        height: inherit;
        max-width: inherit;
        max-height: inherit;
    }

    .simplebar-mask {
        direction: inherit;
        position: absolute;
        overflow: hidden;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: auto !important;
        height: auto !important;
        z-index: 0;
    }

    .simplebar-offset {
        direction: inherit !important;
        -webkit-box-sizing: inherit !important;
        box-sizing: inherit !important;
        resize: none !important;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        margin: 0;
        -webkit-overflow-scrolling: touch;
    }

    .simplebar-content-wrapper {
        direction: inherit;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        position: relative;
        display: block;
        height: 100%;
        /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
        width: auto;
        max-width: 100%;
        /* Not required for horizontal scroll to trigger */
        max-height: 100%;
        /* Needed for vertical scroll to trigger */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .simplebar-content-wrapper::-webkit-scrollbar,
    .simplebar-hide-scrollbar::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .simplebar-content:before,
    .simplebar-content:after {
        content: " ";
        display: table;
    }

    .simplebar-placeholder {
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        pointer-events: none;
    }

    .simplebar-height-auto-observer-wrapper {
        -webkit-box-sizing: inherit !important;
        box-sizing: inherit !important;
        height: 100%;
        width: 100%;
        max-width: 1px;
        position: relative;
        float: left;
        max-height: 1px;
        overflow: hidden;
        z-index: -1;
        padding: 0;
        margin: 0;
        pointer-events: none;
        -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
        flex-grow: inherit;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

    .simplebar-height-auto-observer {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 1000%;
        width: 1000%;
        min-height: 1px;
        min-width: 1px;
        overflow: hidden;
        pointer-events: none;
        z-index: -1;
    }

    .simplebar-track {
        z-index: 1;
        position: absolute;
        right: 0;
        bottom: 0;
        pointer-events: none;
        overflow: hidden;
    }

    [data-simplebar].simplebar-dragging .simplebar-content {
        pointer-events: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none;
    }

    [data-simplebar].simplebar-dragging .simplebar-track {
        pointer-events: all;
    }

    .simplebar-scrollbar {
        position: absolute;
        left: 0;
        right: 0;
        min-height: 10px;
    }

    .simplebar-scrollbar:before {
        position: absolute;
        content: "";
        background: black;
        border-radius: 7px;
        left: 2px;
        right: 2px;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .simplebar-scrollbar.simplebar-visible:before {
        /* When hovered, remove all transitions from drag handle */
        opacity: 0.5;
        -webkit-transition: opacity 0s linear;
        -o-transition: opacity 0s linear;
        transition: opacity 0s linear;
    }

    .simplebar-track.simplebar-vertical {
        top: 0;
        width: 11px;
    }

    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        top: 2px;
        bottom: 2px;
    }

    .simplebar-track.simplebar-horizontal {
        left: 0;
        height: 11px;
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 100%;
        left: 2px;
        right: 2px;
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        right: auto;
        left: 0;
        top: 2px;
        height: 7px;
        min-height: 0;
        min-width: 10px;
        width: auto;
    }

    /* Rtl support */

    [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
        right: auto;
        left: 0;
    }

    .hs-dummy-scrollbar-size {
        direction: rtl;
        position: fixed;
        opacity: 0;
        visibility: hidden;
        height: 500px;
        width: 500px;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .simplebar-hide-scrollbar {
        position: fixed;
        left: 0;
        visibility: hidden;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    /* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

    .noUi-target,
    .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .noUi-target {
        position: relative;
    }

    .noUi-base,
    .noUi-connects {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    /* Wrapper for all connect elements.
 */

    .noUi-connects {
        overflow: hidden;
        z-index: 0;
    }

    .noUi-connect,
    .noUi-origin {
        will-change: transform;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -webkit-transform-style: preserve-3d;
        transform-origin: 0 0;
        -webkit-transform-style: flat;
        transform-style: flat;
    }

    /* Offset direction
 */

    .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
        left: 0;
        right: auto;
    }

    /* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */

    .noUi-vertical .noUi-origin {
        top: -100%;
        width: 0;
    }

    .noUi-horizontal .noUi-origin {
        height: 0;
    }

    .noUi-handle {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
    }

    .noUi-touch-area {
        height: 100%;
        width: 100%;
    }

    .noUi-state-tap .noUi-connect,
    .noUi-state-tap .noUi-origin {
        -webkit-transition: transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .noUi-state-drag * {
        cursor: inherit !important;
    }

    /* Slider size and handle placement;
 */

    .noUi-horizontal {
        height: 18px;
    }

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        right: -17px;
        top: -6px;
    }

    .noUi-vertical {
        width: 18px;
    }

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        right: -6px;
        bottom: -17px;
    }

    .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
        left: -17px;
        right: auto;
    }

    /* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

    .noUi-target {
        background: #FAFAFA;
        border-radius: 4px;
        border: 1px solid #D3D3D3;
        -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
        box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
    }

    .noUi-connects {
        border-radius: 3px;
    }

    .noUi-connect {
        background: #3FB8AF;
    }

    /* Handles and cursors;
 */

    .noUi-draggable {
        cursor: ew-resize;
    }

    .noUi-vertical .noUi-draggable {
        cursor: ns-resize;
    }

    .noUi-handle {
        border: 1px solid #D9D9D9;
        border-radius: 3px;
        background: #FFF;
        cursor: default;
        -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
        box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    }

    .noUi-active {
        -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
        box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
    }

    /* Handle stripes;
 */

    .noUi-handle:before,
    .noUi-handle:after {
        content: "";
        display: block;
        position: absolute;
        height: 14px;
        width: 1px;
        background: #E8E7E6;
        left: 14px;
        top: 6px;
    }

    .noUi-handle:after {
        left: 17px;
    }

    .noUi-vertical .noUi-handle:before,
    .noUi-vertical .noUi-handle:after {
        width: 14px;
        height: 1px;
        left: 6px;
        top: 14px;
    }

    .noUi-vertical .noUi-handle:after {
        top: 17px;
    }

    /* Disabled state;
 */

    [disabled] .noUi-connect {
        background: #B8B8B8;
    }

    [disabled].noUi-target,
    [disabled].noUi-handle,
    [disabled] .noUi-handle {
        cursor: not-allowed;
    }

    /* Base;
 *
 */

    .noUi-pips,
    .noUi-pips * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .noUi-pips {
        position: absolute;
        color: #999;
    }

    /* Values;
 *
 */

    .noUi-value {
        position: absolute;
        white-space: nowrap;
        text-align: center;
    }

    .noUi-value-sub {
        color: #ccc;
        font-size: 10px;
    }

    /* Markings;
 *
 */

    .noUi-marker {
        position: absolute;
        background: #CCC;
    }

    .noUi-marker-sub {
        background: #AAA;
    }

    .noUi-marker-large {
        background: #AAA;
    }

    /* Horizontal layout;
 *
 */

    .noUi-pips-horizontal {
        padding: 10px 0;
        height: 80px;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .noUi-value-horizontal {
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    .noUi-rtl .noUi-value-horizontal {
        -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }

    .noUi-marker-horizontal.noUi-marker {
        margin-left: -1px;
        width: 2px;
        height: 5px;
    }

    .noUi-marker-horizontal.noUi-marker-sub {
        height: 10px;
    }

    .noUi-marker-horizontal.noUi-marker-large {
        height: 15px;
    }

    /* Vertical layout;
 *
 */

    .noUi-pips-vertical {
        padding: 0 10px;
        height: 100%;
        top: 0;
        left: 100%;
    }

    .noUi-value-vertical {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding-left: 25px;
    }

    .noUi-rtl .noUi-value-vertical {
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
    }

    .noUi-marker-vertical.noUi-marker {
        width: 5px;
        height: 2px;
        margin-top: -1px;
    }

    .noUi-marker-vertical.noUi-marker-sub {
        width: 10px;
    }

    .noUi-marker-vertical.noUi-marker-large {
        width: 15px;
    }

    .noUi-tooltip {
        display: block;
        position: absolute;
        border: 1px solid #D9D9D9;
        border-radius: 3px;
        background: #fff;
        color: #000;
        padding: 5px;
        text-align: center;
        white-space: nowrap;
    }

    .noUi-horizontal .noUi-tooltip {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
        bottom: 120%;
    }

    .noUi-vertical .noUi-tooltip {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 50%;
        right: 120%;
    }

    .noUi-horizontal .noUi-origin > .noUi-tooltip {
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        left: auto;
        bottom: 10px;
    }

    .noUi-vertical .noUi-origin > .noUi-tooltip {
        -webkit-transform: translate(0, -18px);
        -ms-transform: translate(0, -18px);
        transform: translate(0, -18px);
        top: auto;
        right: 28px;
    }

    @-webkit-keyframes bp-fadein {
        from {
            opacity: 0.01;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes bp-fadein {
        from {
            opacity: 0.01;
        }
        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes bp-bar {
        from {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes bp-bar {
        from {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes bp-o {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes bp-o {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .bp-wrap {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        /* If you're mounting on a portion of the screen and need visible
  overflow on .bp-wrap, change contain to "layout" on that instance */
        contain: strict;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-tap-highlight-color: transparent;
        transition: opacity 0.1s;
    }

    .bp-wrap > div:first-child {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.75);
        -webkit-animation: bp-fadein 0.48s cubic-bezier(0.215, 0.61, 0.355, 1);
        animation: bp-fadein 0.48s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .bp-vid audio {
        position: absolute;
        left: 14px;
        width: calc(100% - 28px);
        bottom: 14px;
        height: 50px;
    }

    .bp-inner {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .bp-html {
        display: contents;
    }

    .bp-html > :first-child {
        margin: auto;
    }

    .bp-img-wrap {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        contain: strict;
    }

    .bp-img-wrap.bp-drag .bp-img {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

    .bp-close {
        contain: layout size;
    }

    .bp-img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
        background-size: 100% 100%;
    }

    .bp-img img,
    .bp-img div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .bp-img .bp-o {
        display: none;
    }

    .bp-zoomed .bp-img {
        cursor: -webkit-grab;
        cursor: grab;
    }

    .bp-zoomed .bp-cap {
        opacity: 0;
        -webkit-animation: none !important;
        animation: none !important;
    }

    .bp-zoomed.bp-small .bp-controls {
        opacity: 0;
    }

    .bp-zoomed.bp-small .bp-controls button {
        pointer-events: none;
    }

    .bp-controls {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        text-align: left;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-animation: bp-fadein 0.3s;
        animation: bp-fadein 0.3s;
    }

    .bp-controls button {
        pointer-events: auto;
        cursor: pointer;
        position: absolute;
        border: 0;
        background: rgba(0, 0, 0, 0.15);
        opacity: 0.9;
        -webkit-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;
        contain: content;
    }

    .bp-controls button:hover {
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

    .bp-controls svg {
        fill: #fff;
    }

    .bp-count {
        position: absolute;
        color: rgba(255, 255, 255, 0.9);
        line-height: 1;
        margin: 16px;
        height: 50px;
        width: 100px;
    }

    .bp-prev,
    .bp-next {
        top: 50%;
        right: 0;
        margin-top: -32px;
        height: 64px;
        width: 58px;
        border-radius: 3px 0 0 3px;
    }

    .bp-prev:hover:before,
    .bp-next:hover:before {
        -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    .bp-prev:before,
    .bp-next:before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");
        position: absolute;
        left: 7px;
        top: 9px;
        width: 46px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .bp-prev {
        right: auto;
        left: 0;
        -webkit-transform: scalex(-1);
        -ms-transform: scalex(-1);
        transform: scalex(-1);
    }

    .bp-x {
        top: 0;
        right: 0;
        height: 55px;
        width: 58px;
        border-radius: 0 0 0 3px;
    }

    .bp-x:before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");
        position: absolute;
        width: 37px;
        top: 8px;
        right: 10px;
    }

    .bp-if,
    .bp-vid {
        position: relative;
        margin: auto;
        background: #000;
        background-size: 100% 100%;
    }

    .bp-if iframe,
    .bp-if video,
    .bp-if div,
    .bp-vid iframe,
    .bp-vid video,
    .bp-vid div {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        border: 0;
    }

    .bp-load {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-size: 100% 100%;
        overflow: hidden;
        z-index: 1;
    }

    .bp-bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 3px;
        width: 100%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        background: rgba(255, 255, 255, 0.9);
        border-radius: 0 3px 3px 0;
        -webkit-animation: bp-bar 4s both;
        animation: bp-bar 4s both;
    }

    .bp-o,
    .bp-o:after {
        border-radius: 50%;
        width: 90px;
        height: 90px;
    }

    .bp-o {
        margin: auto;
        border: 10px solid rgba(255, 255, 255, 0.2);
        border-left-color: rgba(255, 255, 255, 0.9);
        -webkit-animation: bp-o 1s infinite linear;
        animation: bp-o 1s infinite linear;
    }

    .bp-cap {
        position: absolute;
        bottom: 2%;
        background: rgba(9, 9, 9, 0.8);
        color: rgba(255, 255, 255, 0.9);
        border-radius: 4px;
        max-width: 95%;
        line-height: 1.3;
        padding: 0.6em 1.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: -webkit-fit-content;
        width: fit-content;
        width: -moz-fit-content;
        display: table;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-animation: bp-fadein 0.2s;
        animation: bp-fadein 0.2s;
    }

    .bp-cap a {
        color: inherit;
    }

    .bp-inline {
        position: absolute;
    }

    .bp-lock {
        overflow-y: hidden;
    }

    .bp-lock body {
        overflow: scroll;
    }

    .bp-noclose .bp-x {
        display: none;
    }

    .bp-noclose:not(.bp-zoomed) {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

    .bp-noclose:not(.bp-zoomed) .bp-img-wrap {
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }

    @media (prefers-reduced-motion) {
        .bp-wrap * {
            -webkit-animation-duration: 0s !important;
            animation-duration: 0s !important;
        }
    }

    @media (max-width: 500px) {
        .bp-x {
            height: 47px;
            width: 47px;
        }

        .bp-x:before {
            width: 34px;
            top: 6px;
            right: 6px;
        }

        .bp-prev,
        .bp-next {
            margin-top: -27px;
            height: 54px;
            width: 45px;
        }

        .bp-prev:before,
        .bp-next:before {
            top: 7px;
            left: 2px;
            width: 43px;
        }

        .bp-o,
        .bp-o:after {
            border-width: 6px;
            width: 60px;
            height: 60px;
        }

        .bp-count {
            margin: 12px 10px;
        }
    }

    .hystmodal__opened, .hystmodal__shadow {
        position: fixed;
        right: 0;
        left: 0;
        overflow: hidden;
    }

    .hystmodal__shadow {
        border: none;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 98;
        opacity: 0;
        -webkit-transition: opacity 0.15s ease;
        -o-transition: opacity 0.15s ease;
        transition: opacity 0.15s ease;
        background-color: #000;
    }

    .hystmodal__shadow--show {
        pointer-events: auto;
        opacity: 0.6;
    }

    .hystmodal {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 1;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 99;
        visibility: hidden;
    }

    .hystmodal--active {
        opacity: 1;
    }

    .hystmodal--active, .hystmodal--moved {
        pointer-events: auto;
        visibility: visible;
    }

    .hystmodal__wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%;
        min-height: 100%;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hystmodal__window {
        margin: 50px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        background: #fff;
        width: 600px;
        max-width: 100%;
        overflow: visible;
        -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
        transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
        -o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
        transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
        transition: transform 0.2s ease 0s, opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }

    .hystmodal--active .hystmodal__window {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .hystmodal__close {
        position: absolute;
        z-index: 10;
        top: 0;
        right: -40px;
        display: block;
        width: 30px;
        height: 30px;
        background-color: transparent;
        background-position: 50%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
        background-size: 100% 100%;
        border: none;
        font-size: 0;
        cursor: pointer;
        outline: none;
    }

    .hystmodal__close:focus {
        outline: 2px dotted #afb3b9;
        outline-offset: 2px;
    }

    @media (max-width: 767px) {
        .hystmodal__close {
            top: 10px;
            right: 10px;
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
        }

        .product-card {
            min-height: 330px;
        }

        .hystmodal__window {
            margin: 0;
        }
    }

    @media screen and (max-width: 1440px) {
        .header__block-phone {
            margin-left: 20px;
        }

        .nav__list {
            grid-column-gap: 20px;
        }

        .links-bar__list {
            grid-column-gap: 30px;
        }

        .footer__wrapper-list-links {
            grid-column-gap: 30px;
        }

        .catalog-page .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
        }

        .product-card-page__wrapper-content-card {
            grid-column-gap: 40px;
        }

        .our-project-page__slider {
            height: 350px;
        }
    }

    @media screen and (max-width: 1200px) {
        .main-page {
            padding-top: 220px;
        }

        .header__wrapper-links {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
        }

        .header__wrapper-search {
            -ms-grid-columns: auto minmax(300px, 1fr);
            grid-template-columns: auto minmax(300px, 1fr);
        }

        .header .nav__li:not(.nav__li--important) {
            display: none;
        }

        .footer__wrapper-links {
            grid-row-gap: 20px;
        }

        .footer__block-links:first-child {
            grid-column: 1/-1;
        }

        .footer__block-links:not(:first-child) {
            -ms-grid-row: 2;
            grid-row: 2;
        }

        .footer .logo {
            margin-top: 20px;
        }

        .banner--theme--blue-gradient .banner__content {
            width: 100%;
        }

        .our-projects__wrapper-cards {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
        }


        .useful-information__wrapper-content {
            grid-column-gap: 35px;
        }

        .partners__block-partners {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .services-page__wrapper-services {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .splitting-layout {
            -ms-grid-columns: minmax(10px, 1fr);
            grid-template-columns: minmax(10px, 1fr);
        }

        .splitting-layout--secondary {
            grid-row-gap: 20px;
        }

        .side-panel {
            max-width: 500px;
            margin-top: 40px;
        }

        .cards-wrapper--lots-cards .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 4 ];
            grid-template-columns: repeat(4, 1fr);
        }

        .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
        }

        .our-project-page__block-project .main-container {
            -ms-grid-columns: 500px 1fr;
            grid-template-columns: 500px 1fr;
            grid-column-gap: 35px;
        }

        .central-office-page__wrapper-contacts-content, .central-office-page__section-info .main-container {
            -ms-grid-columns: 1fr 600px;
            grid-template-columns: 1fr 600px;
            grid-column-gap: 40px;
        }

        .contacts-page__wrapper-info-cards {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
            grid-row-gap: 20px;
        }

        .contacts-page__block-contacts-card {
            -ms-grid-columns: 234px 1fr;
            grid-template-columns: 234px 1fr;
            grid-auto-flow: dense;
            grid-row-gap: 22px;
        }

        .catalog-page .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .product-card-page__wrapper-content-card {
            -ms-grid-columns: minmax(10px, 1fr);
            grid-template-columns: minmax(10px, 1fr);
            grid-row-gap: 24px;
        }

        .product-card-page__tabs-wrapper-delivery {
            -ms-grid-columns: (1fr) [ 5 ];
            grid-template-columns: repeat(5, 1fr);
        }

        .personal-account-page__wrapper-content {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .personal-account .personal-data-page__block-form {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .personal-account .order-history-page__wrapper-history-orders {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .personal-account .nav-bar {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .nav-bar {
            position: relative;
        }

        .nav-bar__block-mob {
            display: -ms-grid;
            display: grid;
        }

        .nav-bar__block-mob.active ~ .nav-bar__list {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            -webkit-transform: translateY(23px);
            -ms-transform: translateY(23px);
            transform: translateY(23px);
        }

        .nav-bar__list {
            position: absolute;
            z-index: 11;
            top: 100%;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
            -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
            transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
            transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        }

        .current-orders-page__wrapper-orders {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .making-order-page__wrapper-stages {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .making-order-page .side-panel {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            max-width: 100%;
            margin-top: 0;
        }

        .stage__block-head {
            padding: 12px 16px;
        }

        .stage__block-body, .stage__block-footer {
            padding: 20px 12px;
        }

        .stage__block-title {
            -ms-grid-columns: 26px auto;
            grid-template-columns: 26px auto;
            grid-column-gap: 7px;
        }

        .stage__block-number {
            width: 26px;
            height: 26px;
        }

        .stage__selected-data {
            left: 12px;
        }
    }

    @media screen and (max-width: 992px) {
        .header {
            padding: 8px 0 16px 0;
        }

        .header__wrapper-search .btn {
            width: 95px;
            min-height: 30px;
        }

        .header__wrapper-search .btn__icon {
            display: none;
        }

        .header__wrapper-nav {
            position: fixed;
            z-index: 11;
            overflow-y: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-auto-rows: -webkit-max-content;
            grid-auto-rows: max-content;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
            width: 100%;
            background-color: #fff;
            padding: 20px 20px 40px 20px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px);
            -webkit-box-shadow: 0px 9px 16px -13px rgba(34, 60, 80, 0.2) inset;
            box-shadow: 0px 9px 16px -13px rgba(34, 60, 80, 0.2) inset;
            -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
            -o-transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
            transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
            transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
        }

        .header__wrapper-nav.active {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .header__block-city, .header__block-phone {
            display: none;
        }

        .header__wrapper-search {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 15px;
            grid-column-gap: 16px;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
            -ms-grid-rows: auto 15px auto;
            grid-template-areas: ". btn burger" "search search search";
        }

        .header__wrapper-search .btn {
            grid-area: btn;
        }


        .header__wrapper-info {
            grid-row-gap: 0;
        }

        .header__burger {
            position: relative;
            grid-area: burger;
            display: -ms-grid;
            display: grid;
        }

        .header__burger.active span:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 3px;
            left: 5px;
        }

        .header__burger.active span:nth-child(2) {
            width: 0%;
            opacity: 0;
        }

        .header__burger.active span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 29px;
            left: 5px;
        }

        .header__burger span {
            display: block;
            position: absolute;
            height: 2px;
            width: 100%;
            background: #1C246B;
            border-radius: 4px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }

        .header__burger span:nth-child(1) {
            top: 7px;
            -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
        }

        .header__burger span:nth-child(2) {
            top: 17px;
            -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
        }

        .header__burger span:nth-child(3) {
            top: 27px;
            -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
        }

        .header__wrapper-nav-links {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            margin-top: 20px;
        }

        .header__wrapper-nav-links .btn {
            margin: 20px 0 0 0;
            min-height: 50px;
            max-width: 336px;
            width: 100%;
        }

        .header__block-phone {
            margin-left: 0;
        }

        .header .search {
            width: 100%;
            grid-column: 1/-1;
            grid-area: search;
        }

        .main-container {
            position: relative;
        }

        .header .logo {
            position: absolute;
            top: 3px;
            left: 15px;
        }

        .header .logo__icon {
            width: 76px;
            height: 37px;
        }

        .header .main-container {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
        }

        .header .nav__block-title {
            display: block;
        }

        .header .nav__list {
            grid-auto-flow: row;
            grid-row-gap: 12px;
        }

        .header .nav__li:not(.nav__li--important), .header .nav__li--mob {
            display: block;
        }

        .header .nav__li--important {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
        }

        .header .nav__link {
            font-weight: 300;
        }

        .header .contacts-block,
        .header .social-network {
            display: block;
        }

        .header .social-network {
            margin-top: 20px;
        }

        .our-projects__wrapper-cards {
            grid-column-gap: 10px;
            grid-row-gap: 10px;
            margin-top: 32px;
        }

        .promotion {
            margin-bottom: -43px;
        }

        .promotion__block {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 17px;
        }

        .about-company {
            padding: 40px 0 59px 0;
        }

        .about-company .main-container {
            grid-column-gap: 50px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .partners__block-partners {
            grid-column-gap: 10px;
            grid-row-gap: 10px;
        }

        .partners .main-container {
            grid-column-gap: 50px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .partner-card__block-image {
            width: 123px;
            height: 54px;
        }

        .partner-card__image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: center;
            object-position: center;
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }

        .links-bar {
            position: fixed;
            z-index: 10;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            padding: 12px 21px;
            background-color: #fff;
            border-radius: 20px 20px 0px 0px;
            -webkit-box-shadow: 0px 0px 11px rgba(205, 211, 213, 0.25);
            box-shadow: 0px 0px 11px rgba(205, 211, 213, 0.25);
        }

        .links-bar__list {
            -ms-flex-pack: distribute;
            justify-content: space-around;
            grid-column-gap: 10px;
        }

        .links-bar__icon {
            width: 28px;
            height: 28px;
        }

        .useful-information__wrapper-content {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 32px;
        }

        .useful-information__wrapper-links .link-reset:not(:first-child) {
            margin-top: 24px;
        }

        .useful-information__block-link {
            grid-row-gap: 8px;
        }

        .product-card {
            padding: 16px;
        }

        .product-card__name-product {
            height: 34px;
        }

        .product-card__block-btns {
            margin-top: 12px;
            -ms-grid-columns: 1fr 22px 22px;
            grid-template-columns: 1fr 22px 22px;
            grid-column-gap: 16px;
        }

        .product-card__icon {
            width: 22px;
            height: 22px;
        }

        .product-card__block-btns .btn {
            min-height: 31px;
            width: 60px;
        }

        .product-card__block-btns .btn--theme--outline-orange {
            background-color: #EF7D00;
        }

        .product-card__block-btns .btn__icon {
            display: block;
            width: 19px;
            height: 19px;
            margin-right: 0;
        }

        .product-card__block-btns .btn__text {
            display: none;
        }

        .product-card .status-labels__label {
            padding: 3px 4px;
        }

        .banner {
            padding: 24px;
            height: auto;
        }

        .banner--theme--blue-gradient .banner__decore-image {
            display: none;
        }

        .banners .main-container {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 16px;
        }

        .cards-slider {
            padding: 40px 0 20px 0;
        }

        .footer {
            padding: 20px 0 90px 0;
        }

        .footer__wrapper-list-links {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-auto-flow: row;
            -webkit-transition: height 0.3s, opacity 0.3s;
            -o-transition: height 0.3s, opacity 0.3s;
            transition: height 0.3s, opacity 0.3s;
        }

        .footer__wrapper-list-links.not-active {
            opacity: 0;
        }

        .footer__block-name-links {
            cursor: pointer;
        }

        .footer__block-contacts-content {
            max-width: none;
        }

        .footer__wrapper-links {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 0;
            margin-top: -20px;
        }

        .footer__block-links {
            overflow: hidden;
        }

        .footer__block-links:last-child {
            -ms-grid-row: 3;
            grid-row: 3;
        }

        .footer__block-links:not(:last-child) {
            border-bottom: 1px solid #E5E6E9;
        }

        .footer__block-links.active .footer__name-icon {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        .footer__list-links {
            margin-top: -4px;
            padding-bottom: 20px;
        }

        .footer__block-name-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 20px 0;
        }

        .footer__wrapper-copyright {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 12px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            margin-top: 20px;
        }

        .footer__name-icon {
            display: -ms-grid;
            display: grid;
            width: 18px;
            height: 6px;
            -webkit-transition: -webkit-transform 0.3s;
            transition: -webkit-transform 0.3s;
            -o-transition: transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s;
        }

        .footer .logo__icon {
            width: 140px;
            height: 71px;
        }

        .footer .social-network {
            padding: 20px 0;
            margin-top: 0;
            border-top: 1px solid #E5E6E9;
            border-bottom: 1px solid #E5E6E9;
        }

        .footer .social-network,
        .footer .contacts-block {
            padding: 20px 0;
        }

        .useful-information,
        .partners,
        .our-projects {
            padding: 40px 0;
        }

        .service-card {
            grid-column-gap: 21px;
            padding: 16px;
        }

        .service-card__block-info {
            grid-row-gap: 6px;
        }

        .service-card__block-icon {
            width: 57px;
            height: 57px;
        }

        .service-card__icon {
            width: 35px;
            height: 35px;
        }

        .page {
            padding: 20px 0 40px 0;
        }

        .cards-wrapper--lots-cards .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 10px;
            grid-row-gap: 10px;
        }

        .cards-wrapper__wrapper {
            grid-column-gap: 16px;
            grid-row-gap: 16px;
        }

        .cards-wrapper .partner-card__block-image {
            width: 123px;
            position: relative;
        }

        .pagination__sign-arrow {
            display: none;
        }

        .block-title-page {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 32px;
        }

        .block-title-page__wrapper-tags {
            overflow-x: auto;
        }

        .useful-information-detailed-page .cards-slider,
        .news-detailed-page .cards-slider {
            padding: 40px 0 0 0;
        }

        .page-not-found-page {
            padding: 100px 0;
        }

        .page-not-found-page__icon {
            max-width: 326px;
            height: 118px;
        }

        .preview-info-card {
            padding: 20px;
        }

        .our-project-page__block-project .main-container {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 24px;
        }

        .our-project-page__block-image {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            height: 350px;
        }

        .our-project-page__block-info {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .our-project-page .text-article__content {
            max-width: 100%;
        }

        .our-project-page .cards-slider {
            padding: 66px 0 0 0;
        }

        .central-office-page__wrapper-contacts-content, .central-office-page__section-info .main-container {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .central-office-page__section-info {
            margin-top: 18px;
        }

        .central-office-page__section-info .main-container {
            grid-row-gap: 24px;
        }

        .central-office-page__wrapper-contacts-content {
            padding: 24px 35px;
            grid-row-gap: 16px;
        }

        .central-office-page__block-map {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            height: 400px;
            border-radius: 8px;
            overflow: hidden;
        }

        .central-office-page__block-contacts {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 0;
        }

        .contacts-page__wrapper-info-cards {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .contacts-page__block-contacts-card {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .contacts-page__contacts-card-block-image {
            height: 300px;
        }

        .section-services-links {
            padding: 40px 0;
        }

        .list-data {
            padding: 40px 0 0 0;
        }

        .list-data__tr {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 8px;
        }

        .list-data__td--decore::after {
            display: none;
        }

        .about-company-page__about-company-wrapper-info, .about-company-page__advantages-block-content {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .about-company-page__about-company-block-image, .about-company-page__advantages-block-image {
            display: none;
        }

        .about-company-page__about-company-wrapper-numbers {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .about-company-page__advantages-wrapper-content {
            grid-row-gap: 40px;
        }

        .about-company-page__section-advantages {
            padding: 40px 0;
        }

        .about-company-page__section-about-company {
            padding: 0 0 40px 0;
        }

        .about-company-page .text-article__content {
            max-width: none;
        }

        .about-company-page .text-article .about-company-page__about-company-block-image {
            display: block;
            margin-top: 0;
            margin-bottom: 24px;
        }

        .about-company-page .main-container {
            grid-row-gap: 24px;
        }

        .about-company-page .banners {
            margin-top: 40px;
        }

        .empty {
            padding: 8px 0 28px 0;
        }

        .empty__block-icon {
            width: 145px;
            height: 145px;
        }

        .empty__icon {
            width: 77px;
            height: 77px;
        }

        .empty .title,
        .empty .btn {
            margin-top: 24px;
        }

        .catalog-page__wrapper-catalog {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .catalog-page .catalog-page__filter-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: #fff;
            border-radius: 52px;
            width: 100%;
            -webkit-box-shadow: 0px 4px 13px rgba(150, 195, 255, 0.07);
            box-shadow: 0px 4px 13px rgba(150, 195, 255, 0.07);
            min-height: 40px;
            margin-bottom: 16px;
            border: none;
            outline: none;
        }

        .catalog-page .catalog-page__filter-btn .btn__text {
            font-size: 14px;
            font-weight: 500;
        }

        .catalog-page .catalog-page__filter-btn .btn__icon {
            margin-right: 10px;
        }

        .catalog-page .sorting {
            margin-bottom: 24px;
        }

        .catalog-page .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
        }

        .sorting.active .sorting__wrapper-mobile {
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
        }

        .sorting__title, .sorting__block-sort {
            display: none;
        }

        .sorting__title-mob {
            display: block;
            color: #EF7D00;
        }

        .sorting__wrapper-mobile {
            position: fixed;
            z-index: 10;
            top: calc(100% - 50px);
            left: 0;
            right: 0;
            width: 100%;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 16px;
            padding: 35px 32px 40px 32px;
            background-color: #fff;
            border-radius: 16px 16px 0px 0px;
            -webkit-box-shadow: 0px 0px 11px rgba(205, 211, 213, 0.25);
            box-shadow: 0px 0px 11px rgba(205, 211, 213, 0.25);
            -webkit-transition: -webkit-transform 0.3s;
            transition: -webkit-transform 0.3s;
            -o-transition: transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s;
        }

        .sorting__wrapper-mobile .radio.active .radio__text {
            color: #3D474D;
        }

        .sorting__wrapper-mobile .radio__label {
            display: -ms-grid;
            display: grid;
            padding-left: 27px;
        }

        .sorting__wrapper-mobile .radio__text {
            color: #C6C6C6;
        }

        .filter {
            position: fixed;
            z-index: 101;
            overflow-y: auto;
            top: 0;
            right: 100%;
            width: 100%;
            height: 100%;
            background-color: #fff;
            -webkit-transition: -webkit-transform 0.3s;
            transition: -webkit-transform 0.3s;
            -o-transition: transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s;
        }

        .filter.active {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }

        .filter__wrapper {
            position: relative;
            top: 0;
            padding: 49px 20px 40px 20px;
        }

        .filter__title {
            display: none;
        }

        .filter__block-mob {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            display: -ms-grid;
            display: grid;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 49px;
            margin-left: -20px;
            background-color: #fff;
            -webkit-box-shadow: 0px -4px 24px rgba(40, 42, 58, 0.08);
            box-shadow: 0px -4px 24px rgba(40, 42, 58, 0.08);
        }

        .filter__mob-title {
            font-weight: 500;
            font-size: 16px;
        }

        .filter__mob-icon {
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
        }

        .filter__block-results-label {
            left: auto;
            right: 0;
        }

        .filter__block-results-label.active {
            -webkit-transform: translateX(-25px);
            -ms-transform: translateX(-25px);
            transform: translateX(-25px);
        }

        .filter__block-btns {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 10px;
        }

        .filter__block-btns .btn:first-child {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .filter__block-btns .btn:last-child {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .product-card-page__tabs-wrapper-delivery {
            -ms-grid-columns: (1fr) [ 4 ];
            grid-template-columns: repeat(4, 1fr);
        }

        .product-card-page__block-slider-card {
            -ms-grid-columns: minmax(10px, 1fr);
            grid-template-columns: minmax(10px, 1fr);
            grid-row-gap: 22px;
            height: auto;
        }

        .product-card-page__slider-card1 {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            height: 120px;
            width: 100%;
        }

        .product-card-page__slider-card2 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            height: 300px;
        }

        .product-card-page__btn-prev, .product-card-page__btn-next {
            top: auto;
            bottom: 60px;
            display: none;
        }

        .product-card-page__btn-prev {
            left: 0;
        }

        .product-card-page__btn-next {
            right: 0;
        }

        .product-card-page__tabs-list {
            overflow-x: auto;
        }

        .product-card-page .list-data__table tbody {
            grid-row-gap: 16px;
        }

        .product-card-page .list-data__tr {
            -ms-grid-columns: 1fr auto;
            grid-template-columns: 1fr auto;
        }

        .product-card-page .list-data__td--decore::after {
            display: block;
        }

        .product-card-page .cards-slider {
            padding: 40px 0 0 0;
        }

        .order-block__wrapper-info {
            grid-column-gap: 12px;
        }

        .order-block__head {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-auto-flow: row;
            grid-row-gap: 16px;
        }

        .product-list-item {
            position: relative;
            -ms-grid-columns: 121px 1fr;
            grid-template-columns: 121px 1fr;
            grid-column-gap: 11px;
            grid-row-gap: 12px;
            grid-auto-flow: dense;
        }

        .product-list-item__block-image {
            width: 121px;
            height: 104px;
        }

        .product-list-item__block-count {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
        }

        .product-list-item__block-price--center {
            display: none;
        }

        .product-list-item__block-delete-card {
            position: absolute;
            top: 20px;
            right: 0;
        }

        .product-list-item__delete-card-icon {
            width: 23px;
            height: 23px;
        }

        .order-page .order-block__block-info {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .list-product__wrapper-products .product-list-item:first-child .product-list-item__block-delete-card {
            top: 12px;
        }

        .cart-page__wrapper-price {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 32px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
        }

        .cart-page .list-product__wrapper-info {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 32px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
        }

        .cart-page .list-product__wrapper-price {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
        }

        .cart-page .cards-slider {
            padding: 64px 0 0 0;
        }

        .promo-code__wrapper-content {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
        }

        .making-order-page__wrapper-cards {
            -ms-grid-columns: 1fr 290px;
            grid-template-columns: 1fr 290px;
        }

        .making-order-page__list-cards {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media screen and (max-width: 992px) {
        .header__wrapper-search .btn {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .header__burger {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        .header .search {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 5;
        }
    }

    @media screen and (max-width: 767px) {
        .our-projects__wrapper-cards {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .about-company__block-head .link-more {
            display: none;
        }

        .about-company__list {
            margin-top: 24px;
        }

        .about-company__block-info {
            margin-top: 16px;
        }

        .about-company .about-company__link-more-mob {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 26px;
        }

        .about-company .main-container {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .partners__description {
            margin: 16px 0 0 0;
        }

        .partners__block-info .link-more {
            display: none;
        }

        .partners__block-partners {
            margin-top: 24px;
        }

        .partners__link-more-mob.link-more {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .partners .main-container {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .slider-banner {
            height: 265px;
        }

        .block-title-page {
            margin: 16px 0 32px 0;
        }

        .services-page__wrapper-services {
            margin-top: 24px;
            grid-column-gap: 12px;
            grid-row-gap: 12px;
        }

        .cards-wrapper--lots-cards .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .cards-wrapper .pagination {
            margin-top: 30px;
        }

        .pagination {
            grid-column-gap: 24px;
        }

        .pagination__list {
            grid-column-gap: 8px;
        }

        .pagination__link-number-page,
        .pagination .arrow {
            width: 30px;
            height: 30px;
        }

        .preview-info-card {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 16px;
        }

        .preview-info-card__wrapper-info {
            grid-row-gap: 24px;
        }

        .preview-info-card__block-image {
            min-height: auto;
            height: 250px;
        }

        .preview-info-card__title {
            margin-top: 6px;
        }

        .preview-info-card__description {
            margin-top: 8px;
        }

        .preview-info-card__link {
            color: #EF7D00;
        }

        .useful-information-page .side-panel {
            padding: 0;
        }

        .contacts-page__block-contacts-card {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .contacts-page__contacts-card-blocks-info {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 22px;
        }

        .delivery-payment-page__block {
            padding: 16px 16px 0 16px;
            grid-row-gap: 16px;
            margin-top: 24px;
        }

        .delivery-payment-page__block-item {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 24px;
        }

        .delivery-payment-page__icon {
            width: 70px;
            height: 70px;
        }

        .delivery-payment-page__block-name .delivery-payment-page__other-conditions {
            display: none;
        }

        .delivery-payment-page__block-info ul, .delivery-payment-page__block-info p {
            margin: 0 0 16px 0;
        }

        .delivery-payment-page__block-info .delivery-payment-page__other-conditions {
            display: -ms-grid;
            display: grid;
            margin-top: 24px;
        }

        .delivery-payment-page__block-info .delivery-payment-page__other-conditions-list {
            grid-row-gap: 16px;
        }

        .delivery-payment-page__other-conditions-name {
            text-align: left;
            font-weight: 500;
            color: #3D474D;
            margin-bottom: 18px;
        }

        .delivery-payment-page__other-conditions-list {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            justify-items: start;
            list-style-type: disc;
        }

        .delivery-payment-page__block-icon {
            -ms-grid-columns: 70px 1fr;
            grid-template-columns: 70px 1fr;
            grid-column-gap: 16px;
            margin-bottom: 0;
            padding: 25px;
        }

        .delivery-payment-page__title-name, .delivery-payment-page__sign-name {
            display: none;
        }

        .delivery-payment-page__block-icon-info {
            display: -ms-grid;
            display: grid;
        }

        .delivery-payment-page__block-icon-info .delivery-payment-page__title-name,
        .delivery-payment-page__block-icon-info .delivery-payment-page__sign-name {
            display: block;
            text-align: left;
        }

        .delivery-payment-page__block-icon-info .delivery-payment-page__sign-name {
            margin-top: 6px;
        }

        .delivery-payment-page .inform-block .main-container {
            padding: 0 20px;
        }

        .partner-page__partner-content {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 24px;
        }

        .partner-page__section-products {
            margin-top: 40px;
        }

        .partner-page__block-text p {
            line-height: 1.5em;
        }

        .partner-page__block-text p:not(:last-child) {
            margin: 0 0 16px 0;
        }

        .partner-page__show-more {
            display: block;
        }

        .partner-page__block-image {
            height: 150px;
        }

        .search-result-page__block-result-text {
            margin-bottom: 32px;
        }

        .product-card-page__wrapper-card-content {
            padding: 18px;
        }

        .product-card-page__tabs-content-item {
            top: 24px;
            left: 18px;
        }

        .product-card-page__tabs-content {
            padding: 24px 18px;
        }

        .product-card-page__tabs-wrapper-delivery {
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr);
        }

        .personal-account-page__wrapper-content {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 16px;
            padding: 0;
        }

        .personal-account-page__block-arrow-icon {
            display: none;
        }

        .personal-account-page__card {
            padding: 24px 21px;
        }

        .personal-account-page__block-info {
            margin-top: 10px;
        }

        .personal-data-page__block-input {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .personal-data-page__sign-input {
            display: none;
        }

        .personal-data-page__wrapper-btns {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
        }

        .current-orders-page__list-product-block-actions {
            grid-column-gap: 20px;
        }

        .current-orders-page .list-product__wrapper-info {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 34px;
        }

        .cart-page .list-product__wrapper-products {
            padding: 20px 12px;
        }

        .cart-page .list-product__wrapper-info {
            padding: 32px 0 0 0;
        }

        .promo-code__wrapper-content {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 8px;
        }

        .promo-code__block-message {
            text-align: left;
        }

        .making-order-page__wrapper-cards {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
        }

        .making-order-page__form {
            grid-row-gap: 12px;
        }

        .making-order-page__block-input {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .making-order-page__block-input .input {
            height: 48px;
        }

        .making-order-page__block-input .textarea__block-textarea {
            height: 98px;
        }

        .making-order-page__sign-input {
            display: none;
        }

        .stage__block-footer, .stage__block-nav-btn {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 12px;
        }

        .stage__nav-btn:last-child {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .stage__nav-btn:first-child {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }
    }

    @media screen and (max-width: 576px) {
        .product-card__category {
            height: 38px;
        }

        .product-card-page__wrap-table {
            grid-template-columns: 1fr;
            grid-auto-flow: row;
            grid-row-gap: 20px;
        }

        .our-projects__wrapper-cards {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .our-projects .btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .useful-information .btn,
        .our-projects .btn {
            margin-top: 24px;
            width: 100%;
            min-height: 36px;
        }

        .useful-information .block-title .btn,
        .cards-slider .block-title .btn,
        .our-projects .block-title .btn {
            display: none;
        }

        .block-title .btn {
            display: none;
        }

        .cards-slider__slider {
            margin-top: -4px;
        }

        .cards-slider .cards-slider__link-more-mob {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            margin-top: 4px;
            min-height: 36px;
        }

        .useful-information__block-banner {
            padding: 16px;
            height: 185px;
        }

        .useful-information__wrapper-links {
            height: 250px;
        }

        .useful-information__btn-more-mob.btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .about-company .link-more__text {
            font-size: 14px;
        }

        .partners .link-more {
            margin-top: 24px;
        }

        .partners .link-more__text {
            font-size: 14px;
        }

        .banner--theme--orange .banner__decore-image {
            -webkit-transform: translate(20px, 40px);
            -ms-transform: translate(20px, 40px);
            transform: translate(20px, 40px);
        }

        .banner__block-arrow-icon {
            margin-top: 15px;
        }

        .banner__description {
            margin-top: 6px;
        }

        .banner__block-subscribe {
            margin-top: 25px;
        }

        .banner .input-unit {
            width: 100%;
            height: auto;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -ms-grid-rows: (36px) [ 2 ];
            grid-template-rows: repeat(2, 36px);
            grid-row-gap: 8px;
            overflow: visible;
            background-color: transparent;
        }

        .banner .input-unit__input {
            padding: 0 16px;
            background-color: #F8FAFF;
            border-radius: 8px;
        }

        .banner .input-unit .btn {
            width: 100%;
            min-height: 100%;
            border-radius: 8px;
        }

        .product-card-promotion {
            padding: 24px 16px;
        }

        .product-card-promotion__block-image {
            margin-top: 11px;
            width: 125px;
            height: 106px;
        }

        .product-card-promotion__name-product {
            height: 34px;
        }

        .product-card-promotion__icon {
            width: 29px;
            height: 29px;
        }

        .product-card-promotion__block-btns {
            -ms-grid-columns: 95px 30px;
            grid-template-columns: 95px 30px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .product-card-promotion__block-btns .btn {
            width: 100%;
            min-height: 30px;
        }

        .product-card-promotion .status-labels__label {
            padding: 4px 8px;
        }

        .slider-btns .arrow--size--md {
            height: 28px;
        }

        .product-card__block-image {
            height: 104px;
        }

        .services-page__wrapper-services {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .side-panel {
            padding: 0 20px;
        }

        .side-panel--special {
            padding: 0;
        }

        .inform-block__block-image {
            height: 194px;
        }

        .inform-block .main-container {
            padding: 0;
        }

        .inform-block .text-article {
            padding: 32px 20px 40px 20px;
        }

        .inform-block .text-article .list-doc {
            margin-top: 25px;
        }

        .inform-block .pagination {
            margin-top: 24px;
        }

        .text-article__content p {
            margin: 0 0 16px 0;
            line-height: 1.45em;
        }

        .text-article__content ul, .text-article__content ol {
            margin-bottom: 24px;
        }

        .input__block-input {
            height: 36px;
        }

        .textarea__block-textarea {
            height: 94px;
        }

        .section-form .form-block {
            padding: 24px 12px;
        }

        .form-block {
            padding: 24px 28px;
            border-radius: 8px;
        }

        .form-block__title, .form-block__subtitle {
            text-align: center;
        }

        .form-block__privacy-policy {
            line-height: 1.3em;
        }

        .form-block__block-head {
            margin-bottom: 24px;
        }

        .form-block__privacy-policy,
        .form-block .input:not(:first-child),
        .form-block .textarea {
            margin-top: 8px;
        }

        .form-block .btn {
            min-height: 40px;
        }

        .cards-wrapper--modified .cards-wrapper__wrapper {
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 10px;
            grid-row-gap: 10px;
        }

        .cards-wrapper .cards-wrapper__btn-more {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .cards-wrapper__wrapper {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .cards-wrapper .partner-card {
            height: 94px;
        }

        .partner-card {
            height: 94px;
            padding: 10px;
        }

        .partner-card__block-name {
            padding: 5px;
            overflow-y: auto;
            max-height: 100%;
        }

        .partner-card__name {
            overflow: hidden;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .page-not-found-page {
            padding: 80px 0;
        }

        .page-not-found-page__subtitle {
            margin-top: 16px;
        }

        .page-not-found-page .btn {
            margin-top: 40px;
        }

        .privacy-policy-page .inform-block .text-article {
            padding: 25px 20px;
        }

        .warranty-period-page .inform-block .text-article {
            padding: 16px;
        }

        .news-detailed-page .inform-block .text-article {
            padding: 24px 21px;
        }

        .preview-info-card {
            padding: 16px;
        }

        .preview-info-card__block-image {
            height: 169px;
        }

        .our-project-page__main-title {
            margin-bottom: 24px;
        }

        .our-project-page__slider {
            height: 229px;
            margin-top: 24px;
        }

        .our-project-page .side-panel {
            padding: 0;
        }

        .central-office-page__slider {
            height: 216px;
        }

        .slider-btn-prev,
        .slider-btn-next {
            width: 24px;
            height: 24px;
        }

        .central-office-page__section-contacts .main-container {
            padding: 0;
        }

        .central-office-page__block-contacts {
            grid-row-gap: 22px;
        }

        .central-office-page__block-informations {
            margin-top: 8px;
            grid-row-gap: 24px;
        }

        .central-office-page__block-map {
            height: 180px;
        }

        .contacts-page__block-map {
            height: 200px;
        }

        .contacts-page__wrapper-info-cards {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

        .contacts-page__block-info-card {
            padding: 28px;
        }

        .contacts-page__main-wrapper-contacts-cards {
            margin-top: 40px;
            padding: 24px 16px;
        }

        .contacts-page__contacts-cards-title {
            text-transform: uppercase;
        }

        .contacts-page__block-contacts-card {
            padding: 24px 0;
        }

        .contacts-page__contacts-card-block-image {
            height: 197px;
        }

        .contacts-page__contacts-card-list {
            grid-row-gap: 12px;
        }

        .about-company-page__about-company-block-number {
            background-color: transparent;
            padding: 0;
        }

        .delivery-payment-page .side-panel {
            max-width: 100%;
            padding: 0;
        }

        .link-card {
            padding: 12px;
        }

        .link-card__block-image {
            margin: 30px auto 0 auto;
            max-width: 105px;
            height: 84px;
        }

        .catalog-subcategory-page .cards-wrapper {
            margin-top: 24px;
        }

        .product-card-page__wrapper-content-card {
            margin-top: -30px;
        }

        .product-card-page__block-status {
            background-color: #fff;
            border-radius: 4px;
            padding: 3px 14px 3px 36px;
        }

        .product-card-page__block-status::before {
            width: 16px;
            height: 16px;
            left: 14px;
        }

        .product-card-page__share-card {
            position: relative;
            z-index: 11;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 8px;
            -webkit-transform: translate(-13px, 33px);
            -ms-transform: translate(-13px, 33px);
            transform: translate(-13px, 33px);
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            margin-left: auto;
        }

        .product-card-page__share-card-head, .product-card-page__link-card {
            -ms-grid-columns: 20px;
            grid-template-columns: 20px;
        }

        .product-card-page__share-text-card, .product-card-page__text-link-card, .product-card-page__tabs-title-delivery-icon-info, .product-card-page__tabs-sign-name-delivery-icon-info {
            display: none;
        }

        .product-card-page__slider-card2 {
            height: 270px;
        }

        .product-card-page__slider-card2 .status-labels {
            top: 10px;
            left: 13px;
        }

        .product-card-page__block-control-card {
            padding: 16px;
        }

        .product-card-page__slider-card1 {
            height: 66px;
            width: calc(100% - 66px);
        }

        .product-card-page__wrapper-price-card {
            padding-bottom: 10px;
        }

        .product-card-page__wrapper-price-card .btn {
            width: 50px;
            min-height: 31px;
        }

        .product-card-page__wrapper-price-card .btn__text {
            display: none;
        }

        .product-card-page__wrapper-price-card .btn__icon {
            display: block;
        }

        .product-card-page__wrapper-link-card {
            padding-top: 10px;
        }

        .product-card-page__block-link-card {
            grid-column-gap: 20px;
        }

        .product-card-page__tabs-wrapper-delivery {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 16px;
        }

        .product-card-page__tabs-delivery-icon {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            height: 52px;
            width: 52px;

        }

        .product-card-page__tabs-delivery-icon.margin {
            width: 104px;
        !important;
            margin: 0 -52px 0;

        }

        .product-card-page__tabs-delivery-block-icon {
            -ms-grid-columns: 1fr 52px;
            grid-template-columns: 1fr 52px;
            padding: 18px 20px;
            margin-bottom: 0;
            height: auto !important;
        }

        .product-card-page__tabs-wrapper-delivery {
            margin-top: 16px;
        }

        .product-card-page__tabs-content .list-data__table {
            margin-top: 16px;
        }

        .product-card-page__tabs-block-delivery-icon-info {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            display: -ms-grid;
            display: grid;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
        }

        .product-card-page__tabs-block-delivery-icon-info .product-card-page__tabs-title-delivery-icon-info, .product-card-page__tabs-block-delivery-icon-info .product-card-page__tabs-sign-name-delivery-icon-info {
            display: block;
            text-align: left;
        }

        .product-card-page .counter {
            width: 81px;
            height: 31px;
        }

        .product-card-page .counter__input {
            font-size: 12px;
        }

        .list-data__link {
            margin-top: 18px;
        }

        .compare-page__wrapper-compare {
            -ms-grid-columns: 163px minmax(10px, 1fr);
            grid-template-columns: 163px minmax(10px, 1fr);
            grid-column-gap: 10px;
        }

        .compare-page__wrapper-slider .arrow {
            top: 118px;
            width: 32px;
            height: 32px;
        }

        .compare-page__li {
            min-height: 77px;
            padding: 10px;
        }

        .personal-data-page__block-form {
            padding: 24px 12px;
        }

        .personal-data-page__block-form .input__block-input {
            height: 48px;
        }

        .personal-data-page__block-form .input__input, .personal-data-page__block-form .input__placeholder {
            font-size: 14px;
        }

        .personal-data-page__wrapper-btns {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 12px;
            margin-top: 20px;
        }

        .order-block__head {
            padding: 18px;
        }

        .personal-account .pagination {
            margin-top: 24px;
        }

        .list-product__wrapper-products {
            padding: 0 12px;
        }

        .list-product__wrapper-info {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
            padding: 20px 12px;
        }

        .list-product__wrapper-info .btn {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .list-product__wrapper-price {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .product-list-item {
            padding: 20px 0;
        }

        .product-list-item__block-info {
            max-width: 100%;
            min-width: 100%;
        }

        .splitting-layout--secondary {
            grid-row-gap: 16px;
        }

        .current-orders-page .list-product__wrapper-products {
            padding: 20px 12px;
        }

        .current-orders-page .list-product__wrapper-info {
            padding: 0 12px 20px 12px;
        }

        .order-info {
            padding: 12px;
        }

        .order-info__block-info {
            grid-row-gap: 6px;
        }

        .order-info__block-actions {
            margin-top: 12px;
        }

        .order-info__block-actions .btn {
            width: 95px;
            min-height: 27px;
        }

        .status-label {
            width: 95px;
            min-height: 27px;
        }

        .order-block .order-info {
            margin: 20px 12px;
        }

        .cart-page .list-product__wrapper-info .cart-page__wrapper-price .btn {
            width: 100%;
        }

        .promo-code__block-input {
            -ms-grid-columns: 1.1fr 0.9fr;
            grid-template-columns: 1.1fr 0.9fr;
            width: 100%;
        }

        .promo-code__input {
            padding: 0 16px;
        }

        .making-order-page__block-location {
            margin-top: 24px;
        }

        .making-order-page__block-variants-type-payer {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .making-order-page__list-cards {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 12px;
        }

        .making-order-page__block-icon-card {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (auto) [ 2 ];
            grid-template-columns: repeat(2, auto);
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 100px;
            max-width: 100%;
            width: 100%;
        }

        .making-order-page__wrapper-cards .checkbox__text {
            -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
            justify-content: stretch;
        }

        .making-order-page__wrapper-cards .checkbox__decore {
            top: 50%;
            left: 16px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .making-order-page__block-mob-text-card {
            display: block;
            margin-left: 40px;
        }

        .making-order-page__checkbox-text-card {
            display: none;
        }

        .making-order-page__icon-card {
            width: 52px;
            height: 52px;
        }

        .making-order-page .splitting-layout--secondary {
            grid-row-gap: 20px;
        }

        .making-order-page .side-panel {
            padding: 0;
        }

        .block-price__wrapper-prices {
            padding: 24px 20px 10px 20px;
            grid-row-gap: 16px;
        }

        .block-price__block-result {
            padding: 24px 20px;
        }

        .stage__nav-btn {
            max-width: 100%;
            width: 100%;
        }

        .list-doc__title {
            margin-bottom: 16px;
        }

        .modal--form .input__block-input {
            height: 46px;
        }

        .modal__simple-link {
            margin-top: 12px;
        }

        .modal-b .hystmodal__wrap {
            padding: 0 20px;
        }

        .modal-b .hystmodal__close {
            top: 15px;
            right: 15px;
        }

        .modal-b .hystmodal__window {
            padding: 55px 24px 28px 24px;
        }
    }
}
.hystmodal__shadow{
    z-index:110;
}