/* Start:/local/templates/vpl_vue/template_styles.css?1778576222580106*/
@charset "UTF-8";

:root {
    --hardblack: #000000;
    --black: #2C291F;
    --white: #FFFFFF;
    --gray: #F2F1EF;
    --gray2: #E7E7E7;
    --green: #1F8554;
    --greenHover: #20563C;
    --beg: #FCEDCB;
    --brown: #6C645C;
    --red: #C20101;
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Icomoon
=========================================================================================*/
.icon {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Основные стили
=========================================================================================*/
* {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="date"]+.field__label {
    font-size: 10px;
    line-height: 14px;
    top: 7px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    margin-bottom: 12px;
    margin-right: 10px;
    cursor: pointer;
}

@media (max-width: 375px) {
    .captcha {
        -webkit-transform: scale(0.88);
        -ms-transform: scale(0.88);
        transform: scale(0.88);
    }
}

.sort__select-wp {
    min-height: 39px;
}

.nice-select {
    border-radius: 14px;
    border: 1px solid #E7E7E7;
    background: var(--white);
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 39px;
    height: 39px;
    padding: 0 16px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 276px;
}

.nice-select:hover {
    border-color: #8A8A8A;
}

.nice-select::after {
    width: 10px;
    height: 10px;
    background: url("/local/templates/vpl_vue/img/svg/arrow-down.svg") no-repeat;
    top: calc(50% - 5px);
}

@media (max-width: 767px) {
    .nice-select {
        width: 230px;
    }
}

.catalog__overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #56504A;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 576px) {
    .nice-select.open+.catalog__overlay {
        opacity: 0.9;
        visibility: visible;
        pointer-events: auto;
    }
}

.list__heading {
    display: none;
}

@media (max-width: 576px) {
    .list__heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 15px 15px;
        border-bottom: 1px solid var(--gray2);
    }
}

.list__heading-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.list__heading-close {
    color: rgba(16, 36, 43, 0.4);
    font-size: 10px;
    padding-left: 10px;
    height: 10px;
}

.project-map .list__heading-title.sort {
    display: none;
}

.catalog__rightside-top .list__heading-title.city {
    display: none;
}

.popover {
    position: absolute;
    margin-top: -12px;
    max-width: 370px;
    background: var(--white);
    -webkit-box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
    box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
    border-radius: 14px;
}

@media (max-width: 576px) {
    .popover {
        max-width: 290px;
    }
}

.popover__close {
    font-size: 10px;
    color: rgba(16, 36, 43, 0.4);
    padding: 10px;
    top: 5px;
    position: absolute;
    right: 10px;
}

.popover__close:hover {
    color: rgb(16, 36, 43);
}

.popover__content {
    max-width: 370px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (max-width: 576px) {
    .popover__content {
        max-width: 290px;
    }
}

.ballon {
    width: 100%;
}

.ballon__head {
    padding: 10px 0;
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #E7E7E7;
}

@media (max-width: 576px) {
    .ballon__head {
        margin: 0 15px;
    }
}

.baloon__body {
    padding: 16px 20px 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

@media (max-width: 576px) {
    .baloon__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
        padding: 16px 15px 15px 15px;
    }
}

.baloon__body--projects {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.baloon__body--projects .baloon__line {
    -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: start;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 576px) {

    .baloon__body--projects {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.baloon__body--projects .btn {
    margin-left: auto;
    border-radius: 14px;
    font-weight: 500;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 20px;
}


.baloon__props-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.baloon__props-title {
    color: var(--brown);
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

.baloon__img {
    min-width: 119px;
    max-width: 119px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}

.baloon__img img {
    width: 100%;
    height: 100%;
}

.baloon__props {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.popover__tail {
    border: 9px solid transparent;
    border-top-color: #fff;
    margin-left: -9px;
    position: absolute;
    left: 13%;
    top: 100%;
}

.baloon__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-display: swap;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

@media (max-width: 576px) {
    .baloon__line {
        font-size: 13px;
        line-height: 16px;
    }
}

.baloon__line-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.baloon__line svg {
    font-size: 24px;
    min-width: 24px;
    color: #11536C;
    position: relative;
    top: -2px;
}

.baloon__line img {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.baloon__props-city {
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 3px;
}

.baloon__props-mail {
    color: var(--hoverred);
    margin-top: 2px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.baloon__props-mail::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background: rgba(204, 19, 25, 0.25);
}

.baloon__props-mail:hover {
    color: var(--hover);
}

.baloon__head-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--black);
}

.baloon__head-prod {
    color: var(--gray);
    font-size: 14px;
    line-height: 18px;
}

.nice-select .list {
    width: 100%;
    margin-top: 1px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
}

@media (max-width: 576px) {
    .nice-select .list {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        position: fixed;
        top: calc(100% - 189px);
        left: 0;
        width: 100%;
        min-width: 100%;
        padding: 16px 15px;
        border: none;
        border-radius: 10px 10px 0px 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 105;
        padding: 15px 0;
    }
}

.nice-select .list ul {
    max-height: 250px;
    overflow-y: auto;
}

@media(max-width: 767px){
    .nice-select .list ul{
        max-height: 150px;
    }
}

.nice-select .list ul::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    cursor: pointer;
}

.nice-select .list ul::-webkit-scrollbar-track {
    background: transparent;
}

.nice-select .list ul::-webkit-scrollbar-thumb {
    background-color: var(--brown);
    border: none;
}

.nice-select .list ul::-webkit-scrollbar-thumb:hover {
    color: var(--greenHover);
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: var(--gray2);
}

.nice-select .option {
    padding: 0 14px;
    border-bottom: 1px solid #DDDADA;
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: normal;
}

@media(max-width: 767px) {
    .nice-select .option {
        padding: 6px 14px;
    }

    .nice-select .current {
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
        overflow: hidden;
    }
}

.nice-select .option:last-of-type {
    border-bottom: none;
}

.nice-select .option:hover {
    background: #FBFAF8;
}

.nice-select .option::after {
    position: absolute;
    content: "";
    right: 14px;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    background: url("/local/templates/vpl_vue/img/svg/cheked.svg") center center no-repeat;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.nice-select .option.focus,
.nice-select .option.selected,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    color: var(--green);
}

.nice-select .option.selected::after {
    opacity: 1;
    visibility: visible;
}

.input-group {
    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;
    max-width: 133px;
    min-width: 133px;
    height: 53px;
    background: var(--white);
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .input-group {
        height: 40px;
        max-width: 100px;
        min-width: 100px;
    }
}

.input-group input {
    border: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 65px;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: var(--black);
}

@media (max-width: 767px) {
    .input-group input {
        height: 40px;
        max-width: 50px;
        font-size: 14px;
        line-height: 20px;
    }
}

.input-group .btn {
    background: transparent;
    border: none;
    padding: 0;
    width: 34px;
    font-size: 0;
    position: relative;
    height: 53px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .input-group .btn {
        width: 25px;
        height: 40px;
    }
}

.input-group .btn.bootstrap-touchspin-down::before {
    position: absolute;
    content: "";
    left: 22px;
    top: 50%;
    width: 12px;
    height: 12px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/local/templates/vpl_vue/img/svg/minus.svg") no-repeat;
    background-size: contain;
}

@media (max-width: 767px) {
    .input-group .btn.bootstrap-touchspin-down::before {
        left: 14px;
        width: 10px;
        height: 10px;
    }
}

.input-group .btn.bootstrap-touchspin-down:hover::before {
    background: url("/local/templates/vpl_vue/img/svg/minus-h.svg") no-repeat;
    background-size: contain;
}

.input-group .btn.bootstrap-touchspin-up::before {
    position: absolute;
    content: "";
    right: 22px;
    top: 50%;
    width: 12px;
    height: 12px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/local/templates/vpl_vue/img/svg/plus.svg") no-repeat;
    background-size: contain;
}

@media (max-width: 767px) {
    .input-group .btn.bootstrap-touchspin-up::before {
        right: 14px;
        width: 10px;
        height: 10px;
    }
}

.input-group .btn.bootstrap-touchspin-up:hover::before {
    background: url("/local/templates/vpl_vue/img/svg/plus-h.svg") no-repeat;
    background-size: contain;
}

.not-found {
    width: 100%;
    background: #F9F9F9;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.not-found section {
    display: none;
}

.not-found__head {
    width: 100%;
    padding: 58px 0;
    background: var(--white);
}

@media (max-width: 767px) {
    .not-found__head {
        padding: 30px 0;
    }
}

.not-found__logo {
    max-width: 210px;
    height: 49px;
}

@media (max-width: 767px) {
    .not-found__logo {
        max-width: 120px;
        height: 35px;
    }
}

.not-found__logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.not-found__logo img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.not-found__body {
    width: 100%;
    padding-bottom: 70px;
}

@media (max-width: 767px) {
    .not-found__body {
        padding-bottom: 40px;
    }
}

.not-found__body .content {
    max-width: 100%;
}

.not-found__body .content .btn {
    color: var(--black);
    padding: 21px 23px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    border-radius: 14px;
}

@media (max-width: 767px) {
    .not-found__body .content .btn {
        border-radius: 10px;
        padding: 9px 15px;
        width: 100%;
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }
}

.not-found__body .content img {
    margin: 0;
}

.not-found__buttons {
    padding: 70px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

@media (max-width: 767px) {
    .not-found__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0 20px;
        row-gap: 4px;
    }
}

@media (max-width: 991px) {
    .not-found__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .modal .form__submit-container .btn {
        width: 100%;
    }
}

.modal .field__name {
    margin-bottom: 16px;
    color: #8A8A8A;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .modal .field__name {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.modal .checkbox__input::after {
    left: -1px;
}

.modal-backdrop {
    opacity: 0.9;
    background: #56504A;
}

.modal-success .modal-body {
    padding-bottom: 70px;
}

@media (max-width: 767px) {
    .modal-success .modal-body {
        padding-bottom: 47px;
    }
}

.modal-dialog {
    max-width: 816px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.modal-subtitle {
    color: #8A8A8A;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .modal-subtitle {
        margin-top: 16px;
    }
}

.modal-registration .form__submit-container .btn {
    width: 100%;
    max-width: 211px;
    margin: 0 auto;
}

.modal-registration.modal-small .form__submit {
    margin-top: 8px;
}

.modal-entrance form {
    max-width: 470px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .modal-entrance form {
        max-width: 100%;
    }
}

.modal-entrance .field__input {
    height: 58px;
    padding-top: 15px;
}

.modal-entrance .field__input--placeholder {
    padding-top: 0;
}

.modal-entrance .field__label {
    top: 18px;
}

.modal-entrance .is-required::after {
    top: 21px;
}

.modal-entrance.modal-small .form__submit {
    row-gap: 16px;
    margin-top: 0;
}

.modal-entrance.modal-small.modal-register .form__submit {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .modal-entrance.modal-small.modal-register .form__submit {
        margin-top: 10px;
    }
}

.modal-entrance.modal-small .field__input {
    padding-top: 15px;
}

.modal-entrance.modal-small .field__input--placeholder {
    padding-top: 0;
}

.modal-entrance .form__submit-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 14px;
}

@media (max-width: 767px) {
    .modal-entrance .form__submit-container {
        row-gap: 10px;
    }
}

@media(max-width: 576px) {
    .modal-entrance .field__input {
        padding-right: 63px;
    }
}

.modal-entrance .form__submit-container .btn {
    max-width: 242px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

@media (max-width: 767px) {
    .modal-entrance .form__submit-container .btn {
        padding: 8px;
        max-width: 100%;
    }
}

.pass-rec {
    color: var(--green);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 767px) {
    .pass-rec {
        font-size: 14px;
        line-height: 18px;
    }
}

.pass-rec:hover {
    color: var(--greenHover);
}

.modal-regist {
    color: #8A8A8A;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0;
}

@media (max-width: 767px) {
    .modal-regist {
        font-size: 14px;
        line-height: 18px;
    }
}

.modal-regist a {
    color: var(--green);
    position: relative;
}

.modal-regist a::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--green);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.modal-regist a:hover {
    color: var(--greenHover);
}

.modal-regist a:hover::after {
    background: var(--greenHover);
}

.modal-pas {
    max-width: 185px;
    color: #8A8A8A;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    margin: 0 auto;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .modal-pas {
        font-size: 14px;
        line-height: 18px;
    }
}

.modal-pas a {
    color: var(--green);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 767px) {
    .modal-pas a {
        font-size: 14px;
        line-height: 18px;
    }
}

.modal-pas a:hover {
    color: var(--greenHover);
}

.field__input--placeholder {
    padding-top: 0;
}

.modal-success .modal-dialog {
    max-width: 550px;
}

.modal-success .btn {
    margin: 30px auto 0;
    max-width: 218px;
    padding: 20px;
}

@media (max-width: 767px) {
    .modal-success .btn {
        max-width: 100%;
        margin-top: 16px;
        padding: 8px;
    }
}

@media (max-width: 767px) {
    .modal-success .modal-title {
        text-align: center;
    }

    .modal-success .modal-body {
        padding: 0 15px 47px;
    }

    .modal-success .modal-header {
        padding: 15px 15px 0;
        border-bottom: none;
    }

    .modal-success .modal-header .close {
        margin-left: auto;
    }
}

.modal-small .modal-dialog {
    max-width: 604px;
}

.modal-medium .modal-dialog {
    max-width: 670px;
}

.modal-medium .checkbox__label a::after {
    content: none;
}

.modal-medium .form__submit {
    row-gap: 16px;
}

.modal.modal-medium .form__submit-container .btn {
    width: 100%;
    padding: 25px;
    max-width: 100%;
}

.modal-medium .modal-body {
    padding-left: 50px;
    padding-right: 50px;
}

@media(max-width: 767px) {
    .modal-medium .modal-body {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.modal-small .field__input {
    padding-top: 11px;
}

.modal-small .form__submit {
    margin-top: 30px;
    row-gap: 8px;
}

@media (max-width: 767px) {
    .modal-small .form__submit {
        margin-top: 10px;
    }
}

.modal-reg form {
    max-width: 436px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .modal-reg form {
        max-width: 100%;
    }
}

.modal-reg .form__submit-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-reg .form__submit-container .btn {
    padding: 20px;
    max-width: 242px;
    width: 100%;
}

@media (max-width: 767px) {
    .modal-reg .form__submit-container .btn {
        padding: 8px 20px;
        max-width: 100%;
    }
}

.modal-fastbuy .modal-dialog {
    max-width: 670px;
}

.modal-fastbuy .form-select {
    width: 100%;
    margin-bottom: 8px;
}

.modal-fastbuy .nice-select {
    border: 1px solid rgba(176, 189, 209, 0.3);
    background: #FBFAF8;
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .modal-fastbuy .nice-select {
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }
}

.modal-order .field__input {
    margin-bottom: 8px;
}

.modal-payment .modal-dialog {
    margin-top: 250px;
}

.modal-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 20px;
    overflow: hidden;
    background: var(--white);
    border: none;
}

@media (max-width: 767px) {
    .modal-content {
        border-radius: 10px 10px 0px 0px;
    }
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none;
    border-radius: 0;
    padding: 40px 40px 30px 40px;
    position: relative;
}

@media (max-width: 767px) {
    .modal-header {
        padding: 10px 15px 13px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid var(--gray2);
        align-items: end;
    }
}

.modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1;
    padding: 0;
    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: rgba(16, 36, 43, 0.4);
    border-radius: 10px;
    background: #FBFBFB;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0;
}

.modal-header .close:hover {
    background: #F5F5F5;
    color: rgb(16, 36, 43);
}

@media (max-width: 767px) {
    .modal-header .close {
        width: 30px;
        height: 30px;
        font-size: 10px;
        position: relative;
        top: initial;
        right: initial;
    }
}

.modal-body {
    padding: 0 40px 40px 40px;
}

.modal-fastbuy .modal-body {
    padding: 0 50px 40px 50px;
}

@media (max-width: 767px) {
    .modal-body {
        padding: 15px;
    }

    .modal-fastbuy .modal-body {
        padding: 15px;
    }
}

.modal-title {
    text-align: center;
    color: var(--black);
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
}

@media (max-width: 767px) {
    .modal-title {
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
}

.modal-btn-close.btn--green {
    margin-top: 30px;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 767px) {
    .modal-btn-close.btn--green {
        padding: 6px;
        margin-top: 16px;
        font-size: 11px;
        font-weight: 600;
        line-height: 20px;
    }
}

.modal-open {
    padding-right: 8px !important;
}

@media (max-width: 767px) {
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 0 !important;
    }

    .modal.show {
        padding-right: 0 !important;
    }

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, 500px);
        -ms-transform: translate(0, 500px);
        transform: translate(0, 500px);
    }

    .modal.show .modal-dialog {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: auto;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        min-height: 100%;
        max-width: 100%;
    }
}

.modal-prod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 11px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .modal-prod {
        margin-bottom: 8px;
    }
}

.modal-prod__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

@media (max-width: 767px) {
    .modal-prod__top {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
    }
}

.modal-prod__img {
    max-width: 118px;
    min-width: 118px;
    height: 85px;
    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: 10px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    overflow: hidden;
}

@media (max-width: 767px) {
    .modal-prod__img {
        max-width: 72px;
        min-width: 72px;
        height: 52px;
        border-radius: 11px;
        padding: 3px;
    }
}

.modal-prod__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal-prod__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

@media (max-width: 767px) {
    .modal-prod__desc {
        row-gap: 1px;
    }
}

.modal-prod__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .modal-prod__title {
        font-size: 13px;
        line-height: 18px;
    }
}

.modal-prod__chars {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .modal-prod__chars {
        font-size: 13px;
        line-height: 16px;
    }
}

.modal-prod__bottom {
    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: 10px 10px 10px 20px;
    border-radius: 20px;
    background: #F5F4F4;
}

@media (max-width: 767px) {
    .modal-prod__bottom {
        padding: 10px 15px;
        -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: start;
        row-gap: 8px;
    }
}

.modal-prod__bottom .product-card__price {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.modal-prod__bottom .product-card__price span {
    font-size: 14px;
}

.modal-prod__bottom .input-group {
    max-width: 173px;
    min-width: 173px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .modal-prod__bottom .input-group {
        max-width: 100%;
        min-width: 100%;
    }
}

.modal-prod__bottom-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.field {
    position: relative;
}

.field__input {
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: #FBFAF8;
    height: 50px;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--black);
    padding-left: 18px;
    padding-top: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .field__input {
        height: 42px;
        border-radius: 10px;
        padding-left: 15px;
        padding-top: 12px;
        font-size: 16px;
    }
}

.field__input:hover {
    border-color: #8A8A8A;
}

.field__input--textarea {
    padding-top: 13px;
    resize: none;
    overflow: hidden;
    color: var(--black);
    font-family: "Montserrat", sans-serif;
    height: 73px;
}

@media (max-width: 767px) {
    .field__input--textarea {
        font-size: 16px;
    }
}

.field__input--textarea::-webkit-input-placeholder {
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.field__input--textarea::-moz-placeholder {
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.field__input--textarea:-ms-input-placeholder {
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.field__input--textarea::-ms-input-placeholder {
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.field__input--textarea::placeholder {
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .field__input--textarea::-webkit-input-placeholder {
        font-size: 14px;
        line-height: 18px;
    }

    .field__input--textarea::-moz-placeholder {
        font-size: 14px;
        line-height: 18px;
    }

    .field__input--textarea:-ms-input-placeholder {
        font-size: 14px;
        line-height: 18px;
    }

    .field__input--textarea::-ms-input-placeholder {
        font-size: 14px;
        line-height: 18px;
    }

    .field__input--textarea::placeholder {
        font-size: 14px;
        line-height: 18px;
    }
}

.field__label {
    position: absolute;
    top: 13px;
    left: 18px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .field__label {
        font-size: 14px;
        line-height: 18px;
        top: 12px;
    }
}

.field__error-text {
    position: absolute;
    right: 36px;
    top: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    color: var(--red);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: calc(100% - 8px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-section .field__error-text {
    height: calc(100% - 4px);
}

@media (max-width: 767px) {
    .field__error-text {
        display: none;
    }
}

.field.active .field__input {
    border-color: var(--black);
}

.field.active .field__label {
    font-size: 10px;
    line-height: 14px;
    top: 5px;
}

@media (max-width: 767px) {
    .field.active .field__label {
        left: 15px;
    }
}

.field__input:focus {
    border-color: var(--black);
}

.field__input:focus:active{
    border-color: var(--black);
}

.field__input:focus+.field__label {
    font-size: 10px;
    line-height: 14px;
    top: 7px;
}

.field__input:focus:active +.field__label {
    font-size: 10px;
    line-height: 14px;
    top: 7px;
}

@media (max-width: 767px) {
    .field__input:focus+.field__label {
        top: 5px;
    }
}

.field.is-error .field__input {
    border-color: var(--red);
    color: var(--red);
}

.field.is-error .field__label {
    color: var(--red);
}

.field.is-error .field__error-text {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.form__submit {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 9px;
}

.form__submit-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

@media (max-width: 576px) {
    .form__submit-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 4px;
    }
}

.form__submit-container .btn {
    width: calc(100% - 308px);
    padding: 24px;
    border-radius: 14px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 576px) {
    .form__submit-container .btn {
        padding: 8px;
        width: 100%;
    }
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.checkbox__input {
    position: relative;
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    border-radius: 2px;
    background: transparent;
    border: 1px solid #6C645C;
}

.checkbox__input::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    top: -1px;
    left: 0px;
}

.form-section .checkbox__input::after {
    left: -1px;
}

.calc .noUi-origin {
    height: 4px;
    background: #20563C;
}

.calc__type-item .field {
    overflow: hidden;
    padding-bottom: 4px;
}

.calc .checkbox__input::after {
    left: -1px;
}

.checkbox__input:checked::after {
    background: url("/local/templates/vpl_vue/img/svg/checked.svg") no-repeat center center;
    background-size: 70%;
}

.checkbox.is-error .checkbox__input {
    border-color: var(--red);
}

.checkbox__label {
    padding-left: 8px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    cursor: pointer;
    max-width: 500px;
    margin-top: -1px;
}

.basket .checkbox__label {
    max-width: 600px;
}

@media (max-width: 767px) {
    .checkbox__label {
        font-size: 11px;
        line-height: 15px;
        margin-top: 1px;
    }
}

.checkbox__label a {
    color: var(--green);
    position: relative;
}

.checkbox__label a::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: var(--green);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.checkbox__label a:hover {
    color: var(--greenHover);
}

.checkbox__label a:hover::after {
    background: var(--greenHover);
}

.is-required::after {
    position: absolute;
    content: "*";
    right: 18px;
    top: 16px;
    color: #DDDADA;
    font-size: 14px;
}

@media (max-width: 767px) {
    .is-required::after {
        right: 16px;
        top: 12px;
    }
}

.is-required.is-error::after {
    color: var(--red);
}

.content-nav {
    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;
}

@media (max-width: 767px) {
    .content-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
    }
}

.content-nav .btn {
    padding: 13px 30px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: rgba(44, 41, 31, .8);
}

@media (max-width: 767px) {
    .content-nav .btn {
        font-size: 11px;
        line-height: 18px;
        padding: 10px;
    }
}

.content-nav .btn:hover {
    border: 1px solid #C8C7C7;
    background: #F5F4F4;
}

.content-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}

.content-nav__list-item a {
    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;
    height: 45px;
    max-width: 45px;
    min-width: 45px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    border-radius: 100%;
    background: var(--white);
}

@media (max-width: 767px) {
    .content-nav__list-item a {
        height: 30px;
        max-width: 30px;
        min-width: 30px;
        font-size: 13px;
        line-height: 18px;
    }
}

.content-nav__list-item a:hover {
    background: #F5F4F4;
}

.content-nav__list-item.active a {
    background: var(--brown);
    color: var(--white);
    pointer-events: none;
}

.content-nav__list-item--prev a {
    color: rgba(108, 100, 92, 0.6);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    max-width: 21px;
    min-width: 21px;
    font-size: 16px;
    background: transparent;
}

.content-nav__list-item--prev a:hover {
    color: rgb(108, 100, 92);
    background: transparent;
}

@media (max-width: 767px) {
    .content-nav__list-item--prev a {
        max-width: 15px;
        min-width: 15px;
        font-size: 11px;
    }
}

.content-nav__list-item--next a {
    color: rgba(108, 100, 92, 0.6);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    max-width: 21px;
    min-width: 21px;
    font-size: 16px;
    background: transparent;
}

.content-nav__list-item--next a:hover {
    color: rgb(108, 100, 92);
    background: transparent;
}

@media (max-width: 767px) {
    .content-nav__list-item--next a {
        max-width: 15px;
        min-width: 15px;
        font-size: 11px;
    }
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin-top: 0;
}

h1 {
    font-size: 38px;
    line-height: 50px;
    margin: 0;
    font-weight: 600;
    color: var(--black);
    max-width: 80%;
}

@media (max-width: 992px) {
    h1 {
        font-size: 26px;
        line-height: 31px;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 18px;
        line-height: 22px;
    }
}

h2 {
    font-size: 35px;
    line-height: 43px;
    margin-bottom: 30px;
    font-weight: 600;
}

@media (max-width: 992px) {
    h2 {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 15px;
    }
}

h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
    font-weight: 600;
}

@media (max-width: 992px) {
    h3 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
}

h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    h4 {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 15px;
    }
}

h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    h5 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
}

h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    h6 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
}

img {
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a:focus {
    outline: var(--focus);
    outline-offset: 1em;
    outline-width: 1px;
}

a:hover {
    color: var(--greenHover);
    text-decoration: none;
}

input,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.img {
    position: relative;
    overflow: hidden;
}

ul {
    padding: 0;
    margin: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none;
}

html {
    height: 100%;
}

html::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: pointer;
}

html::-webkit-scrollbar-track {
    background: transparent;
}

html::-webkit-scrollbar-thumb {
    background-color: var(--brown);
    border: none;
}

html::-webkit-scrollbar-thumb:hover {
    color: var(--hover);
}

body {
    background: var(--white);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    min-height: 100%;
    margin: 0;
    position: relative;
    scroll-behavior: smooth;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

@media (max-width: 991px) {
    .wrapper {
        padding-top: 49px;
    }
}

.dropdown-open {
    overflow: hidden;
    padding-right: 8px !important;
}

.dropdown-open .header {
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
}

.dropdown-open .header__middle-center {
    z-index: -1;
}

.dropdown-open .overlay {
    opacity: 0.15;
    visibility: visible;
    pointer-events: auto;
}

.dropdown-open .header__search-overlay {
    opacity: 0.15;
    visibility: visible;
    pointer-events: auto;
    z-index: -1;
}

@media (max-width: 991px) {
    .dropdown-open .header__search-overlay {
        display: none;
    }

    .search-open .header__mobile {
        overflow: hidden;
    }
}


.dropdown-open .header__catalog-dropdown-search .header__search-overlay {
    opacity: 0;
    z-index: -100;
    pointer-events: all;
    visibility: hidden;
}

.dropdown-open .header__catalog-dropdown-search.is-active .header__search-overlay {
    z-index: 1;
    pointer-events: auto;
    visibility: visible;
}

.overlay-show {
    overflow: hidden;
    padding-right: 8px !important;
}

.overlay-show .header {
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
}

@media(max-width: 1199px){
    .overlay-show .header{
        margin-left: 0;
        width: calc(100% + 8px);
    }

    .overlay-show .header__top{
        padding-right: 8px;
    }

    .overlay-show .header__bottom{
        padding-right: 8px;
    }

    .overlay-show .header__middle{
        padding-right: 8px;
    }
}

@media(max-width: 991px){

    .overlay-show .header__top{
        padding-right: 0;
    }

    .overlay-show .header__bottom{
        padding-right: 0;
    }

    .overlay-show .header__middle{
        padding-right: 0;
    }
}
.overlay-show .overlay {
    opacity: 0.15;
    visibility: visible;
    pointer-events: auto;
}

@-moz-document url-prefix() {
    .overlay-show {
        padding-right: 0 !important;
    }

    .overlay-show .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .overlay-show.is-fixed .header__fixed {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .dropdown-open {
        padding-right: 0 !important;
    }

    .dropdown-open .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .dropdown-open.is-fixed .header__fixed {
        width: 100% !important;
        padding-right: 0 !important;
    }


    .modal-open {
        padding-right: 0px !important;
    }

    .modal-open .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    .modal-open.is-fixed .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .modal-open.is-fixed .header__fixed {
        padding-right: 0 !important;
    }

    .modal-open .header__top {
        padding-right: 0 !important;
    }

    .modal-open .header__bottom {
        padding-right: 0 !important;
    }
}

@supports (-webkit-touch-callout: none) {
    .overlay-show {
        padding-right: 0 !important;
    }

    .overlay-show .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .overlay-show.is-fixed .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .overlay-show.is-fixed .header__fixed {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .dropdown-open {
        padding-right: 0 !important;
    }

    .dropdown-open .header {
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .dropdown-open.is-fixed .header__fixed {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

.header__search-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: var(--brown);
    opacity: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: var(--brown);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    z-index: 5;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.overlay.is-show {
    opacity: 0.15;
    visibility: visible;
    pointer-events: auto;
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    padding: 8px 10px 8px 12px;
    border-radius: 14px;
}

@media (max-width: 767px) {
    .btn {
        font-size: 11px;
        line-height: 18px;
        border-radius: 10px;
    }
}

.btn>img {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
}

@media (max-width: 767px) {
    .btn>img {
        min-width: 16px;
        max-width: 16px;
        height: 16px;
    }
}

.btn__icon {
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn__icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.btn--green {
    border-radius: 9px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--green);
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: var(--white);
    border: 1px solid transparent;
}

.btn--green:hover {
    background: var(--greenHover);
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 767px) {
    .btn--green {
        font-size: 11px;
        border-radius: 10px;
        line-height: 18px;
    }
}

.vpl-edit-btn {
    /* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
padding: 8px 10px 8px 12px;
border-radius: 14px;
border-radius: 9px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--green);
font-size: 16px;
font-weight: 600;
line-height: 18px;
color: var(--white);
border: 1px solid transparent;
margin-bottom: 15px; */
    display: none;
}

.btn--border {
    border-radius: 10px;
    border: 1px solid #D3D3D3;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
    color: rgba(44, 41, 31, 0.6);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn--border:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
}

@media (max-width: 767px) {
    .btn--border {
        padding: 9px 15px;
        width: 100%;
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }
}

.btn--beg {
    padding: 15px 27px;
    border-radius: 14px;
    border: 1px solid #D6CCB7;
    background: #D6CCB7;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.btn--beg:hover {
    background: #EBE5D6;
    color: rgba(44, 41, 31, 0.9);
}

.btn--beg img {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .btn--beg {
        font-size: 11px;
        line-height: 18px;
        border-radius: 10px;
    }

    .btn--beg img {
        min-width: 16px;
        max-width: 16px;
        height: 16px;
    }
}

.btn--gray {
    padding: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    background: #FBFAF8;
    color: rgba(44, 41, 31, 0.5);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.btn--gray:hover {
    background: #F5F4F4;
    color: rgb(44, 41, 31);
}

.swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.swiper-wrapper .swiper-slide {
    height: auto;
}

.swiper-button-lock {
    display: none !important;
}

.swiper-pagination-lock {
    display: none !important;
}

.swiper-pagination {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
}

@media (max-width: 767px) {
    .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 12px;
    position: relative;
}

.swiper-pagination .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background: var(--gray2);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.swiper-pagination .swiper-pagination-bullet-active::after {
    background: var(--green);
}

.section {
    padding: 60px 0;
}

@media (max-width: 767px) {
    .section {
        padding: 30px 0;
    }
}

.section--basket {
    padding: 0 0 60px;
}

@media (max-width: 767px) {
    .section--basket {
        padding: 30px 0;
    }
}

.section__back {
    padding: 50px 0 0;
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    position: relative;
    z-index: 1;
}

.section__back .product-detail__share {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
}

.section__back .btn {
    padding: 13px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.section__back .btn svg {
    font-size: 7px;
}

@media (max-width: 767px) {
    .section__back {
        padding: 24px 0 0;
        -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: start;
        row-gap: 16px;
    }

    .section__back .btn {
        padding: 7px 12px 7px 12px;
        border-radius: 10px;
    }
}

.section--first {
    padding: 0 0 60px;
}

@media (max-width: 767px) {
    .section--first {
        padding: 0 0 30px;
    }
}

.section--back {
    padding: 50px 0 60px;
}

@media (max-width: 767px) {
    .section--back {
        padding: 24px 0 30px;
    }
}

.section--back .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 11px 24px 11px 20px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    border-color: #D6CCB7;
    font-size: 14px;
    line-height: 20px;
}

.section--back .btn svg {
    font-size: 7px;
}

.section--back .btn:hover {
    border-color: var(--black);
    color: var(--black);
}

@media (max-width: 767px) {
    .section--back .btn {
        padding: 8px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
}

.section--smallpadding {
    padding: 40px 0;
}

@media (max-width: 767px) {
    .section--smallpadding {
        padding: 16px 0;
    }
}

.section--bg {
    position: relative;
}

.section--bg::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    height: 100%;
    width: 400px;
    background: url("/local/templates/vpl_vue/img/content/logo-bg.png") no-repeat;
    z-index: 0;
}

@media (max-width: 767px) {
    .section--bg::after {
        content: none;
    }
}

.section--bg2 {
    position: relative;
}

.section--bg2::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 100%;
    width: 400px;
    background: url("/local/templates/vpl_vue/img/content/logo-bg2.png") no-repeat;
    z-index: 0;
}

@media (max-width: 767px) {
    .section--bg2::after {
        content: none;
    }
}

.section--gray {
    background: #F2F1EF;
}

.section--gray2 {
    background: #FBFAF8;
}

.section--gray3 {
    background: #F8F8F8;
}

.section--beg {
    background: #EBE5D6;
}

.section__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (max-width: 767px) {
    .section__nav {
        -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: start;
        row-gap: 14px;
    }
}

.section__nav-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: 9px 16px;
    border-radius: 14px;
    border: 1px solid #D6CCB7;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.section__nav-download img {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .section__nav-download img {
        max-width: 16px;
        min-width: 16px;
        height: 16px;
    }
}

.section__nav-download:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
}

@media (max-width: 767px) {
    .section__nav-download {
        padding: 11px;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
        border-radius: 10px;
    }
}

.section--padingtop {
    padding: 60px 0 0;
}

@media (max-width: 767px) {
    .section--padingtop {
        padding: 30px 0 0;
        border-top: 1px solid var(--gray2);
    }
}

.section__subtitle {
    color: #919094;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .section__subtitle {
        font-size: 7px;
        font-weight: 700;
        line-height: 9px;
        letter-spacing: 0.42px;
    }
}

.section__heading-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

@media (max-width: 1199px) {
    .section__heading-wp .section__heading {
        -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: start;
        row-gap: 16px;
    }

    .section__heading-wp .section__nav {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .section__heading-wp .section__nav {
        width: 100%;
    }

    .section__heading-wp .section__heading {
        row-gap: 16px;
    }
}

.section__heading {
    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;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .section__heading {
        -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: start;
        row-gap: 8px;
        margin-bottom: 16px;
    }
}

.section__nav-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section__nav-arrows .slider-btn {
    font-size: 16px;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(108, 100, 92, 0.5);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.section__nav-arrows .slider-btn svg {
    margin-top: 2px;
}

.section__nav-arrows .slider-btn:hover {
    color: rgb(108, 100, 92);
}

.section__nav-arrows .slider-btn:hover.swiper-button-prev svg {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
}

.section__nav-arrows .slider-btn:hover.swiper-button-next svg {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

@media (max-width: 767px) {
    .section__nav-arrows .slider-btn {
        font-size: 12px;
        padding: 6px;
    }
}

@media (max-width: 576px) {
    .section__nav-arrows .slider-btn {
        display: none;
    }
}

.section__title-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.section__title {
    color: var(--black);
    font-size: 35px;
    font-weight: 600;
    line-height: 43px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .section__title {
        font-size: 18px;
        line-height: 22px;
    }
}

.section__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    color: var(--brown);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.section__nav-link svg {
    font-size: 8px;
}

@media (max-width: 767px) {
    .section__nav-link {
        padding: 5px 6px 5px 10px;
        border-radius: 10px;
        background: #F5F4F4;
        font-size: 12px;
        line-height: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.section__nav-link:hover {
    color: var(--black);
}

.section__nav-link:hover svg {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

.content-entry {
    padding: 60px 0 40px;
}

@media (max-width: 767px) {
    .content-entry {
        padding: 30px 0 16px;
    }
}

.content-entry--breadcrumbs {
    padding: 30px 0;
}

@media (max-width: 767px) {
    .content-entry--breadcrumbs {
        padding: 30px 0 16px;
    }
}

@media (max-width: 767px) {
    .content-entry__wrapper {
        overflow: hidden;
    }
}

.content-entry__wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px;
}

@media (max-width: 767px) {
    .breadcrumbs {
        width: calc(100% + 16px);
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}

@media (max-width: 767px) {
    .breadcrumbs__list {
        width: 100%;
        /* overflow-x: auto; */
    }

    /* .breadcrumbs__list::-webkit-scrollbar {
width: 0px;
height: 0px;
cursor: pointer;
}

.breadcrumbs__list::-webkit-scrollbar-track {
background: transparent;
} */
}

.breadcrumbs__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .breadcrumbs__link {
        white-space: nowrap;
        font-size: 11px;
        line-height: 14px;
    }
}

.breadcrumbs__link svg {
    font-size: 8px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.breadcrumbs__link--inactive {
    color: #CFCBCB;
    pointer-events: none;
}

.content {
    padding-top: 0;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .content {
        max-width: 100%;
    }
}

.content h2,
.content h3,
.content h5 {
    margin-top: 50px;
}

@media (max-width: 767px) {

    .content h2,
    .content h3,
    .content h5 {
        margin-top: 20px;
    }
}

.content h6 {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .content h6 {
        margin-top: 15px;
    }
}

.content a {
    color: var(--green);
}

.content a:hover {
    color: var(--greenHover);
}

.content a:active {
    color: var(--green);
}

.content a:focus {
    color: var(--greenHover);
}

.content a img {
    display: inline;
}

.content p {
    margin: 0 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
}

@media (max-width: 767px) {
    .content p {
        margin: 0 0 12px;
        font-size: 13px;
        line-height: 16px;
    }
}

.content p.big-text {
    font-size: 18px;
    /* color: var(--hardblack); */
    line-height: 26px;
}

.content p.big {
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
}

@media (max-width: 767px) {
    .content p.big-text {
        font-size: 13px;
        line-height: 16px;
    }

    .content p.big {
        font-size: 15px;
        line-height: 21px;
    }
}

.content p.green-text {
    color: var(--greenHover);
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 767px) {
    .content p.green-text {
        font-size: 15px;
        line-height: 21px;
    }
}

.content p.small-text {
    font-size: 14px;
    line-height: 20px;
}

.content p.warning {
    font-size: 18px;
    line-height: 26px;
}

.content p:last-child {
    margin-bottom: 0;
}

.content img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    margin: 24px auto;
}

@media (max-width: 767px) {
    .content img {
        border-radius: 10px;
    }
}

.content .content-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0;
}

.content .content-img img {
    margin: 0;
}

.content .img-sub {
    color: #8A8A8A;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.content ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

@media (max-width: 768px) {
    .content ul {
        margin: 0 0 20px;
    }
}

.content ul>li {
    color: var(--black);
    font-weight: 400;
    padding-left: 28px;
    margin-bottom: 8px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 768px) {
    .content ul>li {
        font-size: 14px;
        line-height: 18px;
    }
}

.content ul>li>ul {
    margin-bottom: 16px;
    margin-top: 16px !important;
}

@media (max-width: 768px) {
    .content ul>li {
        padding-left: 25px;
    }
}

.content ul>li:after {
    content: "";
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 4px;
    background: var(--green);
    left: 6px;
    top: 6px;
}

@media (max-width: 768px) {
    .content ul>li:after {
        left: 5px;
        top: 3px;
        width: 10px;
        height: 10px;
    }
}

.content ul>li>ul,
.content ul>li>ol {
    margin-top: 16px;
}

.content ul.small-text>li {
    padding-left: 23px;
}

.content ul.small-text>li:after {
    width: 8px;
    height: 8px;
    left: 7px;
    top: 8px;
    border-radius: 3px;
}

.content ol {
    counter-reset: counter;
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

@media (max-width: 768px) {
    .content ol {
        margin: 0 0 16px;
    }
}

.content ol>li {
    counter-increment: counter;
    padding-left: 36px;
    margin-bottom: 16px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
}

@media (max-width: 768px) {
    .content ol>li {
        font-size: 14px;
        line-height: 20px;
    }
}

.content ol>li:before {
    content: counter(counter);
    color: var(--black);
    background: #DDDADA;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -1px;
    text-align: center;
    min-width: 24px;
    max-width: 24px;
}

@media (max-width: 768px) {
    .content ol>li:before {
        top: -3px;
    }
}

.content ol>li>ul,
.content ol>li>ol {
    margin-top: 16px !important;
}

.content ol.small-text>li {
    padding-left: 26px;
}

.content ol.small-text>li:before {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 4px;
    top: 4px;
}

.content blockquote {
    color: var(--black);
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    margin: 0 0 24px;
    position: relative;
    padding-left: 52px;
}

.content blockquote P {
    margin: 0;
}

.content blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url("/local/templates/vpl_vue/img/svg/blockquote-ico.svg") no-repeat center center;
    background-size: contain;
}

.content blockquote p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
}

.content blockquote cite {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #8A8A8A;
    text-decoration: none;
}

@media (max-width: 768px) {
    .content blockquote {
        padding-left: 0;
        padding-top: 33px;
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px;
    }

    .content blockquote::before {
        width: 33px;
        height: 33px;
    }

    .content blockquote p {
        font-size: 16px;
        line-height: 21px;
    }

    .content blockquote.quote-blue {
        padding-left: 0;
        padding-top: 33px;
    }

    .content blockquote.quote-blue::before {
        width: 33px;
        height: 33px;
    }
}

.content .table-responsive {
    margin-bottom: 24px;
}

.content .table-responsive table {
    margin-bottom: 6px;
}

.content .table-responsive.columns-2 table tr>td {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: right;
}

.content .table-responsive.columns-2 table tr>td:first-of-type {
    color: var(--brown);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.content .table-responsive.columns-4 thead tr {
    border-bottom: none;
}

.content .table-responsive.columns-4 th {
    padding: 14px 0 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-bottom: none;
    color: var(--black);
}

.content .table-responsive.columns-4 tbody td {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 15px 14px 0;
}

.content table {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%;
}

.content table th {
    padding: 0 20px 16px 0;
    background: var(--white);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--greenHover);
    color: var(--green);
    font-family: "Montserrat", sans-serif;
}

.content table tr {
    border-bottom: 1px solid var(--gray2);
}

.content table tr>td {
    color: var(--brown);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    min-height: 27px;
    text-align: left;
    padding: 16px 0;
    padding-right: 20px !important;
}

@media (max-width: 768px) {
    .content table tr>td {
        padding: 10px;
        font-size: 14px;
        line-height: 18px;
    }
}

.content table thead tr>td {
    color: var(--black);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.content .small-title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.no-photo {
    background: #F5F4F4;
    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: 100%;
}

.no-photo img {
    max-width: 181px;
    width: 100%;
    height: 100%;
}

.no-photo.typical-content {
    min-height: 400px;
    margin: 24px auto 50px;
    max-width: 770px;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .no-photo.typical-content {
        min-height: 250px;
        margin: 16px auto 20px;
    }
}

.header {
    position: relative;
    width: 100%;
    z-index: 10;
    background: var(--white);
}

.header .header__bottom-nav-dropdown-block-title-desc {
    display: none;
}

@media (max-width: 991px) {
    .header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }
}

.header__logo {
    height: 44px;
    max-width: 180px;
    width: 100%;
}

.header__logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__search {
    max-width: 393px;
    min-width: 393px;
}

@media (max-width: 1199px) {
    .header__search {
        max-width: 280px;
        min-width: 280px;
    }
}

@media (max-width: 1024px) {
    .header__search {
        max-width: 250px;
        min-width: 250px;
    }
}

.header__search .container {
    padding: 0;
}

.header__search form {
    position: relative;
}

.header__search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
}

.header__search-wrapper input {
    border: none;
    height: 40px;
    color: rgba(44, 41, 31, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
    background: transparent;
}

.header__search-wrapper input::-webkit-input-placeholder {
    color: rgba(44, 41, 31, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.header__search-wrapper input::-moz-placeholder {
    color: rgba(44, 41, 31, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.header__search-wrapper input:-ms-input-placeholder {
    color: rgba(44, 41, 31, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.header__search-wrapper input::-ms-input-placeholder {
    color: rgba(44, 41, 31, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.header__search-wrapper input::placeholder {
    color: rgba(44, 41, 31, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.header__search-close {
    padding-right: 10px;
    height: 22px;
    color: rgba(16, 36, 43, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid var(--gray2);
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header__search-close:hover {
    color: var(--greenHover);
}

.header__search-send {
    font-size: 16px;
    color: #10242B;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    height: 100%;
    padding-left: 10px;
    height: 40px;
    cursor: pointer;
}

.header__search-send:hover {
    color: var(--greenHover);
}

.header__top {
    background: -webkit-gradient(linear, left bottom, left top, from(#3E3B39), to(#3E3B39)), #285252;
    background: -o-linear-gradient(bottom, #3E3B39 0%, #3E3B39 100%), #285252;
    background: linear-gradient(0deg, #3E3B39 0%, #3E3B39 100%), #285252;
}

.header__top-wp {
    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;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.header__top-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

.header__top-actions-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 0;
}

.header__top-actions-link.is-open {
    z-index: 10;
}

.header__top-actions-link svg {
    font-size: 16px;
    min-width: 16px;
    max-width: 16px;
    margin-right: 2px;
}

.header__top-actions-link:hover {
    color: var(--white);
}

.header__top-actions-link.is-active {
    color: var(--white);
}

.header__top-actions-link-amount {
    max-width: 18px;
    min-width: 18px;
    height: 18px;
    border-radius: 11px;
    background: var(--beg);
    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: 2px;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    color: var(--black);
}

.header__top-lk {
    position: relative;
}

.header__top-lk-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--white);
    padding: 13px 15px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 7px));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    min-width: 583px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
}

.header__top-lk-dropdown.is-show {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.header__top-lk-dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: #534B44;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    border-bottom: 1px solid var(--gray2);
    padding: 12px 0;
}

.header__top-lk-dropdown-item:nth-last-child(-n+2) {
    border-bottom: none;
}

.header__top-lk-dropdown-item:hover {
    color: var(--black);
}

.header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon img.hover {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.header__top-lk-dropdown-item-icon {
    max-width: 26px;
    min-width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.header__top-lk-dropdown-item-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__top-lk-dropdown-item-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header__middle {
    border-bottom: 1px solid var(--gray2);
    padding: 15px 0;
}

.header__middle .burger {
    display: none;
}

@media (max-width: 991px) {
    .header__middle .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header__middle-wp {
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.header__middle-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    padding: 5px 19px 5px 16px;
    background: #FBFAF8;
    border: 1px solid var(--gray2);
    border-radius: 14px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    min-height: 55px;
}

.header__middle-center.is-active {
    z-index: 10;
}

.header__middle-center.is-active .header__catalog {
    position: absolute;
    opacity: 0;
}

.header__middle-center.is-active .header__search {
    max-width: 597px;
    min-width: 597px;
    padding-left: 10px;
}

@media (max-width: 1199px) {
    .header__middle-center.is-active .header__search {
        max-width: 494px;
        min-width: 494px;
    }
}

.header__middle-center.is-active .header__search-close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header__middle-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__middle-basket {
    position: relative;
}

.header__middle-basket-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 410px;
    background: var(--white);
    border-radius: 14px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(40, 82, 82, 0.2);
    box-shadow: 0px 0px 16px 0px rgba(40, 82, 82, 0.2);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    -webkit-transition: visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, visibility 0.3s ease-out;
    transition: transform 0.3s ease-out, visibility 0.3s ease-out;
    transition: transform 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.header__middle-basket-dropdown .container {
    padding: 0;
}

.header__middle-basket-dropdown .mCSB_scrollTools {
    right: -7px;
}

.header__middle-basket-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
}

.header__middle-basket-dropdown .mCSB_scrollTools .mCSB_draggerRail {
    margin-right: 0;
}

.header__middle-basket-dropdown .mCSB_scrollTools .mCSB_draggerRail {
    background: #FBFAF8;
}

.header__middle-basket-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--brown);
}

.header__middle-basket-dropdown .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.header__middle-basket-dropdown.is-show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header__middle-basket-link {
    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;
    min-width: 43px;
    max-width: 43px;
    height: 43px;
    border-radius: 18px;
    border: 1px solid var(--gray2);
    font-size: 30px;
    position: relative;
    color: var(--greenHover);
    background: var(--white);
}

.header__middle-basket-link.is-open {
    z-index: 10;
}

.header__middle-basket-link:hover {
    color: #1F8554;
}

.header__middle-basket-link-amount {
    position: absolute;
    top: 3px;
    right: 5px;
    background: var(--beg);
    width: 18px;
    height: 18px;
    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;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 100%;
}

.basket-dropdown__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 7px 15px 20px 10px;
    border-bottom: 1px solid var(--gray2);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket-dropdown__list-item:last-of-type {
    border-bottom: none;
}

.basket-dropdown__list-item:hover {
    background: #FBFAF8;
}

.basket-dropdown__list-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 70px;
    max-width: 70px;
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 6px;
    overflow: hidden;
}

.basket-dropdown__list-item-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.basket-dropdown__list-item-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2px;
    position: relative;
}

.basket-dropdown__list-item-name {
    font-size: 14px;
    line-height: 18px;
}

.basket-dropdown__list-item-name:hover {
    color: var(--greenHover);
}

.basket-dropdown__list-item-serv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
}

.basket-dropdown__list-item-serv span {
    color: var(--brown);
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
}

.basket-dropdown__list-item-serv-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
}

.basket-dropdown__list-item-serv-list-item {
    padding: 1px 5px;
    border-radius: 2px;
    border: 1px solid #E2E2E2;
    color: #707070;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

.basket-dropdown__list-item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 40px;
}

.basket-dropdown__list-item-amount {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

.basket-dropdown__list-item-close {
    padding: 10px;
    margin: -10px;
    color: rgba(16, 36, 43, 0.4);
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 6px;
}

.basket-dropdown__list-item-close:hover {
    color: #10242B;
}

.basket-dropdown__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid var(--gray2);
}

.basket-dropdown__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.basket-dropdown__info-item {
    padding: 11px;
    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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--brown);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.basket-dropdown__info-item:nth-child(2) {
    border-left: 1px solid var(--gray2);
    color: var(--greenHover);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.basket-dropdown__btn {
    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: 100%;
    border-radius: 12px;
    background: #F6EFE0;
    color: rgba(44, 41, 31, 0.8);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px;
}

.basket-dropdown__btn:hover {
    background: #EBE5D6;
    color: rgb(44, 41, 31);
}

.header__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

@media (max-width: 1199px) {
    .header__nav ul {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

.header__nav ul li a {
    padding: 5px 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.header__nav ul li a:hover {
    color: var(--white);
}

@media (max-width: 1199px) {
    .header__nav ul li a {
        font-size: 12px;
    }
}

.search__results {
    position: absolute;
    top: calc(100% + 8px);
    left: -25px;
    width: calc(100% + 45px);
    background: var(--white);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    border-radius: 14px;
    overflow: hidden;
    border-radius: 14px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
}

.search__results.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.search__results-btn {
    padding: 12px;
    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: 12px;
    background: #F6EFE0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.search__results-btn:hover {
    background: #EBE5D6;
    color: var(--black);
}

.search__results-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.search__results-item {
    padding: 5px 0;
    border-bottom: 1px solid var(--gray2);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    margin-top: -1px;
}

.search__results-item:last-child {
    border-bottom: 0;
}

.search__results-item:last-of-type {
    border-bottom: none;
}

.search__results-item:hover {
    background: #FBFAF8;
}

.search__results-item:hover .search__results-item-name {
    color: var(--greenHover);
}

.search__results-item-img {
    max-width: 70px;
    min-width: 70px;
    height: 50px;
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
}

.search__results-item-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.search__results-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 5px;
    margin-right: 11px;
}

@media (max-width: 992px) {
    .search__results-item-info {
        margin-right: auto;
    }
}

.search__results-item-name {
    font-size: 14px;
    line-height: 18px;
}

.search__results-item-name:hover {
    color: var(--greenHover);
}

.search__results-item-chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.search__results-status-item {
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(220, 230, 225, 0.9);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--greenHover);
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.contacts-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.contacts-block__tel {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.contacts-block__tel:hover {
    color: var(--greenHover);
}

.contacts-block__link {
    color: #4B4540;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 2px 7px;
    border-radius: 13px;
    background: rgba(161, 153, 145, 0.20);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.contacts-block__link:hover {
    color: var(--greenHover);
}

.contacts-block__mes {
    font-size: 38px;
    min-width: 30px;
    /* max-width: 30px; */
    color: var(--green);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.contacts-block__mes:hover {
    color: var(--greenHover);
}

.header__bottom {
    border-bottom: 1px solid var(--gray2);
}

.header__bottom-nav {
    width: 100%;
}

.header__bottom-nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__bottom-nav>ul li {
    position: relative;
}

.header__bottom-nav>ul li:not(.has-child) .header__bottom-nav-link svg {
    display: none;
}

.header__bottom-nav>ul li:not(.has-child) .header__bottom-nav-link-icon {
    display: none;
}

.header__bottom-nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    padding: 16px 0;
}

.header__bottom-nav-link svg {
    font-size: 10px;
}

.header__bottom-nav-link:hover {
    color: rgba(44, 41, 31, 0.8);
}

.header__bottom-nav-link:hover .header__bottom-nav-link-icon {
    opacity: 1;
}

.header__bottom-nav-link.is-open {
    color: rgba(44, 41, 31, 0.6);
}

.header__bottom-nav-link.is-open .header__bottom-nav-link-icon {
    opacity: 1;
}

.header__bottom-nav-link.is-open svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.header__bottom-nav-link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 6px;
    opacity: .6;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.header__bottom-nav-link-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__bottom-nav-dropdown {
    position: absolute;
    top: 100%;
    left: -9px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 8px 15px;
    border-radius: 0px 0px 14px 14px;
    background: var(--white);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    min-width: 264px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid var(--gray2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
}

.header__bottom-nav-dropdown--big {
    position: fixed;
    padding: 0;
    top: 166px;
    left: initial;
    right: -8px;
    width: 100%;
    border-radius: 0;
    width: calc(100% + 8px);
    transition: none;
    background: transparent;
}

.header__bottom-nav>ul li{
    position: initial;
}

.header__bottom{
    position: relative;
}

.header__bottom-nav-dropdown--big{
    position: absolute;
    top: calc(100% - 2px);
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    /* display: none; */
}

.header__bottom-nav-dropdown-inner{
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
    /* width: calc(100% - 8px); */
    background: var(--white);
    position: relative;
    /* margin-left: -8px; */
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
    border-radius: 0px 0px 14px 14px;
}

.header__bottom-nav-dropdown.is-show .header__bottom-nav-dropdown-inner{
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


.header__bottom-nav-dropdown--big.is-show{
   /* width: 100%; */
   display: flex;
}




.header__bottom-nav-dropdown-inner::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    cursor: pointer;
}

/* .header__bottom-nav-dropdown-inner::-webkit-scrollbar-track {
    background: var(--white);
} */

.header__bottom-nav-dropdown-inner::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border: none;
}

.header__bottom-nav-dropdown-inner::-webkit-scrollbar-thumb:hover {
    color: var(--hover);
}

.header__bottom-nav-dropdown--big .container {
    position: relative;
}

.header__bottom-nav-dropdown.is-show {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header__bottom-nav-dropdown-close {
    position: absolute;
    left: calc(100% + 75px);
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #FBFBFB;
    color: rgba(16, 36, 43, 0.4);
    font-size: 40px;
    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;
}

.header__bottom-nav-dropdown-close:hover {
    background: #F5F5F5;
    color: rgb(16, 36, 43);
}

@media (max-width: 1700px) {
    .header__bottom-nav-dropdown-close {
        left: calc(100% + 10px);
    }
}

@media (max-width: 1530px) {
    .header__bottom-nav-dropdown-close {
        left: initial;
        right: 15px;
    }
}

@media (max-width: 1440px) {
    .header__bottom-nav-dropdown-close {
        left: calc(100% + 10px);
        right: initial;
    }
}

@media (max-width: 1350px) {
    .header__bottom-nav-dropdown-close {
        left: initial;
        right: 15px;
    }
}

.header__bottom-nav-dropdown-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    width: 100%;
    padding: 14px 16px 14px 8px;
    color: #534B44;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border-bottom: 1px solid var(--gray2);
}

.header__bottom-nav-dropdown-link:last-of-type {
    border-bottom: none;
}

.header__bottom-nav-dropdown-link:hover {
    color: var(--black);
}

.header__bottom-nav-dropdown-link:hover .header__bottom-nav-dropdown-link-icon img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header__bottom-nav-dropdown-link:hover .header__bottom-nav-dropdown-link-icon img.hover {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.header__bottom-nav-dropdown-link-icon {
    position: relative;
    min-width: 27px;
    max-width: 27px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__bottom-nav-dropdown-link-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__bottom-nav-dropdown-link-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header__bottom-nav-dropdown-wp {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 2px));
    row-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 20px 0 30px;
}

@media (max-width: 1530px) {
    .header__bottom-nav-dropdown-wp {
        padding-top: 80px;
    }
}

@media (max-width: 1440px) {
    .header__bottom-nav-dropdown-wp {
        padding-top: 20px;
    }
}

@media (max-width: 1350px) {
    .header__bottom-nav-dropdown-wp {
        padding-top: 80px;
    }
}

.header__bottom-nav-dropdown-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    padding: 24px;
    row-gap: 14px;
    overflow: hidden;
}

.header__bottom-nav-dropdown-block--informer {
    background: url("/local/templates/vpl_vue/img/main/header-menu-bg.png") no-repeat;
    background-size: cover;
}

.header__bottom-nav-dropdown-block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    opacity: 0.9;
}

.header__bottom-nav-dropdown-block-title:hover {
    opacity: 1;
}

.header__bottom-nav-dropdown-block-title-icon {
    position: relative;
    max-width: 27px;
    min-width: 27px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__bottom-nav-dropdown-block-title-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__bottom-nav-dropdown-block-title-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header__catalog {
    padding: 12px 18px 12px 21px;
}

.header__bottom-nav-dropdown-block-title:hover .header__bottom-nav-dropdown-block-title-icon img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header__bottom-nav-dropdown-block-title:hover .header__bottom-nav-dropdown-block-title-icon img.hover {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.header__bottom-nav-dropdown-block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 7px;
}

.header__bottom-nav-dropdown-block-list a {
    color: var(--brown);
    font-size: 16px;
    line-height: 24px;
}

.header__bottom-nav-dropdown-block-list a:hover {
    color: var(--greenHover);
}

.header__bottom-nav-dropdown-block-name {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.header__bottom-nav-dropdown-block-text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

.header__bottom-nav .contacts-socials {
    margin-top: auto;
}

.header__bottom-nav .dropdown-btn {
    padding: 13px;
}

.contacts-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 33px;
    -moz-column-gap: 33px;
    column-gap: 33px;
}

.contacts-socials__tel {
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
}

.contacts-socials__tel:hover {
    color: var(--greenHover);
}

.contacts-socials__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.contacts-socials__links a {
    max-width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 10px;
    background: rgba(245, 245, 245, 0.6);
    color: var(--brown);
    font-size: 35px;
}

.contacts-socials__links a:hover {
    background: #E1E0E0;
    color: var(--greenHover);
}

.header__catalog-dropdown {
    position: fixed;
    width: 100%;
    background: var(--white);
    height: 100%;
    padding: 50px 0;
    top: -100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__catalog-dropdown.is-open {
    top: 0;
    pointer-events: auto;
    z-index: 100;
    opacity: 1;
    visibility: visible;
}

.header__catalog-dropdown.is-open .header__catalog-content-tab.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header__catalog-dropdown-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    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: 10px;
    background: #FBFBFB;
    color: rgba(16, 36, 43, 0.4);
    font-size: 40px;
}

.header__catalog-dropdown-close:hover {
    background: #F5F5F5;
    color: rgb(16, 36, 43);
}

.header__catalog-dropdown-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 40px;
}

.header__catalog-dropdown-top {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 332px auto;
    -webkit-column-gap: 68px;
    -moz-column-gap: 68px;
    column-gap: 68px;
}

.header__catalog-dropdown-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 6px;
    border-radius: 14px;
    background: #F5F4F4;
}

.header__catalog-dropdown-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 13px;
    background: transparent;
    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: #534B44;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    border-radius: 9px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__catalog-dropdown-btn:hover {
    background: #DDDADA;
}

.header__catalog-dropdown-btn.is-active {
    background: var(--green);
    color: var(--white);
    pointer-events: none;
}

.header__catalog-dropdown-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header__catalog-dropdown-search .header__search {
    max-width: 100%;
    min-width: 100%;
    z-index: 2;
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: #FBFAF8;
    padding: 0 16px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__catalog-dropdown-search .search__results {
    top: calc(100% + 7px);
}

.header__catalog-dropdown-search.is-active .header__search {
    background: #F5F4F4;
}

.header__catalog-wp-wp {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
}

.header__catalog-dropdown.is-open .header__catalog-wp-wp.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    top: initial;
    pointer-events: auto;
    z-index: 1;
}

.header__catalog-wp {
    padding-right: 10px;
    border-right: 2px solid #FBFAF8;
    height: calc(100vh - 300px);
    overflow-y: auto;
}

.header__catalog-wp::-webkit-scrollbar {
    width: 3px;
    height: 8px;
    cursor: pointer;
}

.header__catalog-wp::-webkit-scrollbar-track {
    background: transparent;
}

.header__catalog-wp::-webkit-scrollbar-thumb {
    background-color: var(--brown);
    border: none;
}

.header__catalog-wp::-webkit-scrollbar-thumb:hover {
    color: var(--hover);
}

.header__catalog-content-tab-wp {
    height: calc(100vh - 300px);
    overflow-y: auto;
    padding-bottom: 20px;
}

.header__catalog-content-tab-wp::-webkit-scrollbar {
    width: 3px;
    height: 8px;
    cursor: pointer;
}

.header__catalog-content-tab-wp::-webkit-scrollbar-track {
    background: transparent;
}

.header__catalog-content-tab-wp::-webkit-scrollbar-thumb {
    background-color: var(--brown);
    border: none;
}

.header__catalog-content-tab-wp::-webkit-scrollbar-thumb:hover {
    color: var(--hover);
}

.header__catalog-nav {
    width: 322px;
}

.header__catalog-nav-item {
    padding: 16px 16px 16px 8px;
    border-bottom: 1px solid var(--gray2);
}

.header__catalog-dropdown-bottom {
    margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.header__catalog-nav-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.header__catalog-nav-item-top:hover .header__catalog-nav-arrow {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.header__catalog-nav-item-top:hover .header__catalog-nav-link {
    opacity: 1;
}

.header__catalog-nav-item-top:hover .header__catalog-nav-link-img img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
}

.header__catalog-nav-item-top:hover .header__catalog-nav-link-img img.menu-img-hover {
    position: relative;
    top: initial;
    left: initial;
    opacity: 1;
    z-index: 1;
}

.header__catalog-nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #534B44;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    opacity: 0.9;
    width: 100%;
}

.header__catalog-nav-link:hover {
    opacity: 1;
}

.header__catalog-nav-link:hover .header__catalog-nav-link-img img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
}

.header__catalog-nav-link:hover .header__catalog-nav-link-img img.menu-img-hover {
    position: relative;
    top: initial;
    left: initial;
    opacity: 1;
    z-index: 1;
}

.header__catalog-nav-link-img {
    min-width: 27px;
    max-width: 27px;
    height: 27px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__catalog-nav-link-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.header__catalog-nav-link-img img.menu-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
}

.header__catalog-nav-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    font-size: 10px;
    color: var(--brown);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__catalog-content-tab {
    position: absolute;
    height: 100%;
    left: calc(100% + 68px);
    top: 0;
    width: 100%;
    min-width: 980px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header__catalog-content-tab .container {
    padding: 0;
}

@media (max-width: 1440px) {
    .header__catalog-content-tab {
        min-width: 810px;
    }
}

@media (max-width: 1250px) {
    .header__catalog-content-tab {
        min-width: calc(100% + 432px);
    }
}

@media (max-width: 1199px) {
    .header__catalog-content-tab {
        min-width: calc(100% + 185px);
    }
}

.header__catalog-content-dropdown-heading {
    padding-bottom: 24px;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #ECF0F0;
}

.header__catalog-content-dropdown-heading-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-right: auto;
}

.header__catalog-content-dropdown-heading-back svg {
    font-size: 10px;
}

.header__catalog-content-tab-wp-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: auto;
}

.header__catalog-content-tab-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 14px;
}

.header__catalog-content-tab-link {
    color: var(--brown);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.header__catalog-content-tab-new {
    height: 327px;
    width: 268px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 50px 40px;
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-transform: uppercase;
}

.header__catalog-content-tab-new::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/local/templates/vpl_vue/img/main/header-news.png") no-repeat;
    z-index: -2;
}

.header__catalog-content-tab-new::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2C291F;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: -1;
}

.header__catalog-content-tab-new:hover {
    color: var(--white);
}

.header__catalog-content-tab-new:hover::before {
    opacity: 0.3;
}

.header__catalog-content-tab-brands {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    row-gap: 5px;
}

.header__catalog-content-tab-brands-item {
    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: 105px;
    height: 59px;
    padding: 3px 8px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: transparent;
}

.header__catalog-content-tab-brands-item img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__catalog-content-tab-brands-item.show-all {
    width: 213px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.header__catalog-content-tab-brands-item.show-all svg {
    font-size: 10px;
    margin-top: 1px;
}

.header__catalog-content-tab-brands-item:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
}

.header__catalog-content-tab-new-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.header__catalog-content-tab-new-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header__fixed {
    position: fixed;
    top: -53px;
    left: 0;
    width: 100%;
    background: var(--white);
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    border-bottom: 1px solid var(--gray2);
    display: none;
}

.header__fixed-wp {
    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;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
}

.header__fixed-logo {
    width: 102px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__fixed-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__fixed .header__bottom-nav {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.header__fixed .header__bottom-nav-link {
    padding: 18px 0;
    font-size: 14px;
}

.header__fixed .contacts-block__tel {
    font-size: 14px;
}

.header__fixed-search {
    max-width: 34px;
    min-width: 34x;
    height: 34px;
    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: 10px;
    border-radius: 10px;
    border: 1px solid #CFCDCD;
    font-size: 16px;
    color: rgba(44, 41, 31, 0.6);
}

.header__fixed-search:hover {
    color: rgb(44, 41, 31);
}

.header__catalog-dropdown .header__catalog-dropdown-search.is-active .header__search-overlay {
    opacity: 0.15;
}

.header__catalog-dropdown .header__catalog-dropdown-search.is-active .header__search-close {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.is-fixed .header__fixed {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    -webkit-animation: toFixed 0.3s linear;
    animation: toFixed 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block;
}

.is-fixed.dropdown-open .header__fixed {
    padding-right: 8px;
}

.is-fixed.overlay-show .header__fixed {
    padding-right: 8px;
}

.is-fixed .header__bottom-nav-dropdown {
    top: 53px;
}

.is-fixed .header__catalog-dropdown.is-open {
    top: 53px;
}

.is-fixed .header__catalog-dropdown .header__search {
    max-width: 100%;
    min-width: 100%;
    z-index: 2;
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: #FBFAF8;
    padding: 0 16px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: initial;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.is-fixed .header__search {
    position: fixed;
    right: calc((100vw - 1380px) / 2);
    top: 0;
    border-radius: 14px;
    border: 1px solid #DDDADA;
    background: var(--gray2);
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    max-width: initial;
    min-width: initial;
    width: 930px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
}

@media(max-width: 1540px) {
    .is-fixed .header__search {
        right: calc((100vw - 1391px) / 2);
    }
}

@media(max-width: 1440px) {
    .is-fixed .header__search {
        width: 810px;
        right: calc((100vw - 1149px) / 2);
    }
}

@media(max-width: 1199px) {
    .is-fixed .header__search {
        width: 636px;
        right: 15px;
    }
}

@media(max-width: 1024px) {
    .is-fixed .header__search {
        width: 587px;
    }
}

.is-fixed .header__search.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 101;
}

.is-fixed .header__middle-center.is-active {
    z-index: unset;
}

.is-fixed .header__middle-center.is-active .header__search {
    max-width: initial;
    min-width: initial;
    width: 938px;
    padding-left: 16px;
}

@media(max-width: 767px) {
    .dropdown-open {
        padding-right: 0px !important;
    }
}

.burger__wp {
    position: relative;
}

.burger__dropdown {
    position: absolute;
    top: calc(100% + 11px);
    left: 0;
    border-radius: 0px 0px 14px 14px;
    background: var(--white);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    min-width: 292px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -10;
}

.burger__dropdown.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.burger__dropdown-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.burger__dropdown-lk {
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 7px 21px 10px 15px;
}

.burger__dropdown .header__top-actions-link {
    padding: 0;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    font-weight: 500;
    line-height: 16px;
    color: var(--black);
}

.burger__dropdown .header__top-actions-link svg {
    font-size: 16px;
}

.burger__dropdown .header__top-actions-link:hover {
    color: var(--greenHover);
}

.burger__dropdown-basket {
    position: relative;
    font-size: 23px;
    color: var(--brown);
}

.burger__dropdown-basket:hover {
    color: var(--greenHover);
}

.burger__dropdown-basket-amount {
    position: absolute;
    top: -3px;
    right: -4px;
    width: 18px;
    height: 18px;
    border-radius: 11px;
    background: var(--beg);
    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(--black);
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
}

.burger__dropdown-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--gray2);
    border-bottom: 1px solid var(--gray2);
    background: #FBFAF8;
}

.burger__dropdown-actions .header__top-actions-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 9px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.burger__dropdown-actions .header__top-actions-link:last-of-type {
    border-left: 1px solid var(--gray2);
}

.burger__dropdown-actions .header__top-actions-link svg {
    color: rgba(108, 100, 92, 0.5);
}

.burger__dropdown-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px 8px;
}

.burger__dropdown-links-item {
    padding: 8px 16px 8px 8px;
    border-bottom: 1px solid var(--gray2);
    font-weight: 500;
    line-height: 18px;
    color: rgba(83, 75, 68, 0.9);
}

.burger__dropdown-links-item:last-of-type {
    border-bottom: none;
}

.burger__dropdown-links-item:hover {
    color: var(--black);
}

.burger {
    max-width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #CFCDCD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.burger span {
    width: 14px;
    height: 2px;
    min-height: 1.5px;
    background: rgba(44, 41, 31, .6);
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    position: relative;
    display: block;
    position: relative;
    border-radius: 10px;
}

.burger:hover span {
    background: rgba(44, 41, 31, 1);
}

.is-active.burger span:nth-child(1) {
    -webkit-animation: ease 0.7s burgerTop forwards;
    animation: ease 0.7s burgerTop forwards;
}

.is-active.burger span:nth-child(2) {
    -webkit-animation: ease 0.7s burgerMidle forwards;
    animation: ease 0.7s burgerMidle forwards;
}

.is-active.burger span:nth-child(3) {
    -webkit-animation: ease 0.7s burgerBottom forwards;
    animation: ease 0.7s burgerBottom forwards;
}

.is-static.burger span:nth-child(1) {
    -webkit-animation: ease 0.7s burgerTop2 forwards;
    animation: ease 0.7s burgerTop2 forwards;
}

.is-static.burger span:nth-child(2) {
    -webkit-animation: ease 0.7s burgerMidle2 forwards;
    animation: ease 0.7s burgerMidle2 forwards;
}

.is-static.burger span:nth-child(3) {
    -webkit-animation: ease 0.7s burgerBottom2 forwards;
    animation: ease 0.7s burgerBottom2 forwards;
}

.header__search-mob {
    display: none;
}

.header__middle-contacts-mob {
    display: none;
}

.mob-contacts {
    display: none;
}

.panel {
    display: none;
}

.search__results-item .product-card__price {
    margin-top: -3px;
    white-space: nowrap;
}

@media (max-width: 1440px) {
    .header__fixed .header__bottom-nav-link {
        font-size: 12px;
        white-space: nowrap;
    }

    .header__fixed .header__catalog {
        font-size: 13px;
        padding: 8px 10px;
    }
}

@media (max-width: 1199px) {
    .header__fixed .header__catalog {
        font-size: 13px;
    }

    .header__fixed .header__catalog .btn__icon {
        min-width: 15px;
        max-width: 15px;
        height: 15px;
    }

    .header__fixed .header__bottom-nav-link {
        font-size: 11px;
    }

    .header__fixed .header__fixed-wp {
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }

    .header__fixed .contacts-block__tel {
        font-size: 12px;
    }

    .header__fixed .contacts-block__link {
        font-size: 11px;
    }

    .header__fixed .header__bottom-nav-link-icon {
        max-width: 15px;
        min-width: 15px;
        height: 15px;
    }

    .header__fixed .header__middle-contacts {
        display: none;
    }
}

@media (max-width: 991px) {
    .header__fixed {
        display: none;
    }

    .header__top {
        display: none;
    }

    .header__bottom {
        display: none;
    }

    .header__search {
        position: fixed;
        top: -53px;
        left: 0;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        border-top: 1px solid #DDDADA;
        border-bottom: 1px solid #DDDADA;
        background: #F5F4F4;
        z-index: 10;
        height: 53px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__search .container {
        padding: 0 15px;
    }

    .header__search.is-show {
        -webkit-animation: toFixed 0.3s linear;
        animation: toFixed 0.3s linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .header__middle-center.is-active .header__search {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-left: 0;
    }

    .header__catalog {
        display: none;
    }

    .header__middle-center {
        padding: 0;
        background: transparent;
        border-radius: 0;
        border: none;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
    }

    .header__middle-contacts-mob {
        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;
        max-width: 34px;
        min-width: 34px;
        height: 34px;
        border-radius: 10px;
        border: 1px solid #CFCDCD;
        font-size: 13px;
        color: var(--brown);
    }

    .header__middle-contacts {
        display: none;
    }

    .header__middle-basket {
        display: none;
    }

    .header__search-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 6px;
        color: rgba(108, 100, 92, 0.6);
        font-size: 16px;
    }

    .header__middle {
        padding: 7px 0;
    }

    .header__logo {
        height: 30px;
        max-width: 105px;
        margin: 0 auto;
    }

    .header__middle-wp {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .mob-contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: -100%;
        left: 0;
        width: 100%;
        z-index: 100;
        border-radius: 10px 10px 0 0;
        background: var(--white);
    }

    .mob-contacts.is-open {
        -webkit-animation: toTop 0.3s linear;
        animation: toTop 0.3s linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .mob-contacts__wp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px 0;
    }

    .mob-contacts__heading {
        padding-bottom: 11px;
        border-bottom: 1px solid var(--gray2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mob-contacts__title {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
    }

    .mob-contacts__close {
        font-size: 10px;
        color: rgba(16, 36, 43, 0.4);
        padding: 10px;
        margin-top: -10px;
        margin-right: -10px;
    }

    .mob-contacts__close:hover {
        color: rgb(16, 36, 43);
    }

    .mob-contacts__content {
        padding-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 6px;
    }

    .mob-contacts__content-top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 10px;
    }

    .mob-contacts__tel {
        color: var(--brown);
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
    }

    .mob-contacts__tel:hover {
        color: var(--greenHover);
    }

    .mob-contacts__mail {
        color: var(--brown);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid var(--gray2);
    }

    .mob-contacts__mail:hover {
        color: var(--greenHover);
    }

    .mob-contacts__social {
        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;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        padding: 9px 16px;
        border-radius: 14px;
        border: 1px solid #D6CCB7;
        -webkit-backdrop-filter: blur(6.5px);
        backdrop-filter: blur(6.5px);
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }

    .mob-contacts__social img {
        min-width: 16px;
        max-width: 16px;
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .mob-contacts__social:hover {
        color: var(--greenHover);
    }

    .panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: -100%;
        left: 0;
        background: var(--white);
        width: 100%;
        z-index: 10;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        border-top: 1px solid #E7E7E7;
        z-index: 100;
        padding: 12px 0;
    }

    .panel.is-active {
        -webkit-animation: toTopPanel 0.3s linear;
        animation: toTopPanel 0.3s linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .panel__wp {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
    }

    .panel__item {
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        color: #8A8A8A;
        text-align: center;
        font-size: 8px;
        font-weight: 500;
        line-height: 10px;
    }

    .panel__item-ico {
        position: relative;
        max-width: 23px;
        min-width: 23px;
        height: 23px;
        font-size: 23px;
        color: #6C645C;
    }

    /* .panel__item--basket {
        font-size: 32px;
    } */

    .panel__item-amount {
        position: absolute;
        top: -5px;
        right: -9px;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background: var(--beg);
        color: var(--black);
        font-size: 10px;
        font-weight: 700;
        line-height: 18px;
        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;
    }
}

/* @media(max-width: 425px) {
    .panel__item>span:not(.panel__item-ico) {
        display: none;
    }
} */

@media (max-width: 767px) {
    .search__results-item-img {
        max-width: 50px;
        min-width: 50px;
        height: 36px;
    }

    .search__results-item-name {
        font-size: 13px;
    }

    .search__results-item .product-card__price {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .search__results {
        width: 100vw;
        position: fixed;
        left: 0;
        top: 48px;
        border-radius: 0 0 12px 12px;
    }
}

.header__mobile {
    position: fixed;
    overflow-x: hidden;
    width: 100%;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: var(--white);
    /* height: calc(100vh + 81px); */
    height: 100%;
    overflow-y: auto;
    z-index: 100;
}

.js-header-menu-wp.is-hide .header__mobile-links {
    display: none;
}

.header__mobile-menu {
    overflow: hidden;
}

.header__mobile-submenu-dropdown {
    height: fit-content !important;
}

.header__mobile .burger__dropdown-actions .header__top-actions-link {
    color: var(--black);
}

@media (max-width: 576px) {
    .header__mobile .burger__dropdown-actions {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.header__mobile.is-open {
    left: 0;
}

.header__mobile-heading {
    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: 8px 0;
}

.header__mobile-close {
    width: 39px;
    height: 39px;
    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: 14px;
    border-radius: 10px;
    background: var(--gray2);
    font-size: 10px;
    color: rgba(16, 36, 43, 0.4);
}

.header__mobile-heading-lk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

.header__mobile-heading-lk .header__top-actions-link {
    padding: 0;
    color: var(--black);
}

.header__mobile-heading-lk .header__top-actions-link svg {
    color: var(--brown);
}

.header__mobile-heading-lk .burger__dropdown-basket {
    font-size: 26px;
    margin-right: 5px;
}

.header__mobile-search {
    padding: 8px 0;
    border-bottom: 1px solid var(--gray2);
}

.header__mobile-search .header__search {
    position: relative;
    left: initial;
    top: initial;
}

@media (max-width: 576px) {
    .header__mobile-search {
        margin-left: -15px;
        width: calc(100% + 30px);
        padding: 8px 15px;
    }
}

.header__mobile-menu-item {
    padding: 14px 0;
    border-bottom: 1px solid var(--gray2);
}

.header__mobile-menu-item:first-of-type {
    border-top: none;
}

.header__mobile-menu-item:first-of-type .header__mobile-menu-item-heading {
    padding-right: 11px;
    border-radius: 14px;
    background: #1F8554;
    color: var(--white);
    transition: all .3s ease-out;
}

.header__mobile-menu-item:first-of-type .header__mobile-menu-item-heading-link .header__mobile-menu-item-heading-link-icon {
    opacity: 1;
}

.header__mobile-menu-item:first-of-type .header__mobile-menu-item-heading:hover {
    background: var(--greenHover);
    color: rgba(255, 255, 255, 0.9);
}

.header__mobile-menu-item-heading-link--green {
    width: 100%;
    padding: 14px 11px;
}

.header__mobile-menu-item-heading-link--green:hover {
    color: rgba(255, 255, 255, 0.9);
}

.header__mobile-menu-item:first-of-type .header__mobile-menu-item-heading-arrow {
    color: var(--white);
}

.header__mobile-menu-item:first-of-type .header__mobile-menu-item-heading:hover .header__mobile-menu-item-heading-arrow {
    color: rgba(255, 255, 255, 0.9);
}

.header__mobile-menu-item-heading {
    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;
    width: 100%;
}

.header__mobile-menu-item-heading-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.header__mobile-menu-item-heading-link .header__mobile-menu-item-heading-link-icon {
    height: 16px;
    max-width: 20px;
    min-width: 20px;
    opacity: 0.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__mobile-menu-item-heading-link .header__mobile-menu-item-heading-link-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__mobile-menu-item-heading-arrow {
    padding: 10px;
    margin: -10px;
    color: var(--brown);
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__mobile-menu-item-submenu-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 18px;
}

.header__mobile-menu-item-submenu-back svg {
    color: var(--brown);
    font-size: 14px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.header__mobile-menu-item-submenu {
    padding: 20px 0 24px;
}

.header__mobile-menu-switch .header__catalog-dropdown-btns {
    padding: 4px;
    margin-bottom: 18px;
}

.header__mobile-menu-switch .header__catalog-dropdown-btn {
    padding: 6px 30px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 12px;
}

.header__mobile-menu-switch-info {
    position: relative;
}

.header__mobile-menu-switch-content {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.header__mobile-menu-switch-content.is-active {
    position: relative;
    left: initial;
    top: initial;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
}

.header__mobile-submenu-heading {
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid var(--gray2);
}

.header__mobile-submenu-heading:last-of-type {
    border-bottom: none;
}

.header__mobile-submenu-heading-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.header__mobile-submenu-heading-link .header__catalog-nav-link-img {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
}

.header__mobile-submenu-heading-link:hover .header__catalog-nav-link-img img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
}

.header__mobile-submenu-heading-link:hover .header__catalog-nav-link-img img.menu-img-hover {
    position: relative;
    top: initial;
    left: initial;
    opacity: 1;
    z-index: 1;
}

.header__mobile-submenu-heading-arrow {
    padding: 10px;
    margin: -10px;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--brown);
}

.header__mobile-submenu-dropdown-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--gray2);
}

.header__mobile-submenu-dropdown-back svg {
    font-size: 14px;
    color: var(--brown);
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.header__mobile-submenu-dropdown {
    padding: 24px 0;
}

.header__mobile-subsubmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    padding: 14px 0;
}

.header__mobile-subsubmenu a {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.header__mobile-menu {
    position: relative;
}

.header__mobile-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header__mobile-links {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

.header__mobile-links a {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.header__mobile-callback {
    padding: 29px 0;
    background: url("/local/templates/vpl_vue/img/main/mobile-callback-bg.png") no-repeat;
    background-size: cover;
    margin-top: 24px;
}

.header__mobile-callback-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 576px) {
    .header__mobile-callback-wp {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.header__mobile-callback-wp .btn {
    font-size: 11px;
    line-height: 20px;
    padding: 8px 12px;
    white-space: nowrap;
}

.header__mobile-callback-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header__mobile-callback-links-tel {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}

.header__mobile-callback-links-mail {
    color: var(--brown);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.header__mobile-menu-item-submenu {
    position: absolute;
    left: calc(100% + 340px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    background: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__mobile-menu-item-submenu.is-open {
    left: 0;
    z-index: 1;
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.header__mobile-submenu-dropdown {
    position: absolute;
    left: calc(100% + 340px);
    top: -116px;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    background: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header__mobile-submenu-dropdown.is-open {
    left: 0;
    z-index: 1;
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.footer {
    width: 100%;
}

@media(max-width: 991px) {
    .footer {
        padding-bottom: 60px;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 218, 188, 0.08)), to(rgba(232, 218, 188,
                        0.08))), #E9E9E9;
        background: -o-linear-gradient(bottom, rgba(232, 218, 188, 0.08) 0%, rgba(232, 218, 188, 0.08) 100%), #E9E9E9;
        background: linear-gradient(0deg, rgba(232, 218, 188, 0.08) 0%, rgba(232, 218, 188, 0.08) 100%), #E9E9E9;
    }
}

.footer__main {
    background: url("/local/templates/vpl_vue/img/main/bgFooter.png") no-repeat;
    background-size: cover;
    padding: 50px 0;
    background-position: center;
}

.footer__main-top {
    display: grid;
    grid-template-columns: 300px auto;
    -webkit-column-gap: 85px;
    -moz-column-gap: 85px;
    column-gap: 85px;
}

.footer__main-top .socials {
    margin-top: 22px;
}

.footer__main-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.footer__main-contacts .contacts-socials {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 23px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
}

.footer__main-contacts .contacts-socials__links a {
    background: #F5F5F5;
}

.footer__main-contacts .contacts-socials__links a:hover {
    background: #E1E0E0;
    color: var(--greenHover);
}

.footer__main-contacts .contacts-socials__links .socials {
    display: none;
}

@media (max-width: 991px) {
    .footer__main-contacts .contacts-socials__links .socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.footer__main-contacts .btn {
    padding: 13px;
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}

.socials a {
    max-width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.6);
    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;
    font-size: 38px;
    color: var(--brown);
}

.socials a:hover {
    background: #E1E1E0;
    color: var(--greenHover);
}

.contacts-socials__mail {
    margin-top: 8px;
    color: var(--brown);
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}

.contacts-socials__mail:hover {
    color: var(--greenHover);
}

.footer__main-menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 53px;
    -moz-column-gap: 53px;
    column-gap: 53px;
}

.footer__main-menus-main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 14px;
}

.footer__main-menus-main ul a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.footer__main-menus-main ul li.big a {
    padding: 10px 22px 10px 38px;
    border-radius: 14px;
    border: 1px solid #D6CCB7;
    background: #F6EFE0;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
    width: 100%;
    display: flex;
    max-width: 230px;
    margin-left: -39px;
    white-space: nowrap;
}

@media(max-width: 991px) {
    .footer__main-menus-main ul li.big a {
        margin-left: 0;
    }
}

.footer__main-menus-main ul li.big a:hover {
    background: #D6CCB7;
    color: var(--black);
}

.footer__main-menus-main ul li.big a::before {
    position: absolute;
    content: '';
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('/local/templates/vpl_vue/img/svg/equipment-link.svg') no-repeat;
    background-size: contain;
}

.footer__main-menus-main ul li.big a::after {
    position: absolute;
    content: '';
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 14px;
    background: url('/local/templates/vpl_vue/img/svg/equipment-arrow.svg') no-repeat;
    background-size: contain;
}

@media(max-width: 767px) {
    .footer__main-menus-main ul li.big a {
        padding: 6px 16px 6px 26px;
        font-size: 14px;
        line-height: 21px;
        max-width: 164px;
    }

    .footer__main-menus-main ul li.big a::before {
        width: 12px;
        height: 12px;
        left: 10px;
    }

    .footer__main-menus-main ul li.big a::after {
        right: 4px;
        width: 8px;
        height: 10px;
    }
}

.footer__main-menus-main ul a:hover {
    color: var(--greenHover);
}

.footer__main-menus-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 53px;
    -moz-column-gap: 53px;
    column-gap: 53px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__main-menus-wp ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.footer__main-menus-wp ul a {
    color: var(--brown);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.footer__main-menus-wp ul .footer__main-menu-title {
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px;
}

@media(max-width: 767px) {
    .footer__main-menus-wp ul .footer__main-menu-title {
        font-size: 13px;
        line-height: 20px;
    }
}

.footer__main-menus-wp ul a:hover {
    color: var(--greenHover);
}

.footer__main-bottom {
    display: grid;
    margin-top: 40px;
    -webkit-column-gap: 111px;
    -moz-column-gap: 111px;
    column-gap: 111px;
    grid-template-columns: 241px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__logo {
    width: 100%;
    height: 69px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__main-rightside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.footer__currencies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 7px;
    padding: 6px 18px;
    border-radius: 20px;
    background: #FCFCFC;
}

.footer__currencies-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.footer__currencies-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
}

.footer__currencies-item span {
    color: rgba(125, 88, 63, 0.76);
}

.footer__currencies-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: #ADA9A6;
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
}

.footer__currencies-bottom img {
    height: 11px;
    max-width: 11px;
    min-width: 11px;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__requisites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 18px;
    border-radius: 20px;
    background: #FCFCFC;
    -webkit-column-gap: 21px;
    -moz-column-gap: 21px;
    column-gap: 21px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.footer__requisites-name {
    font-size: 14px;
    line-height: 18px;
}

.footer__requisites-address {
    font-size: 14px;
    line-height: 18px;
}

.footer__requisites-numbs {
    font-size: 14px;
    line-height: 18px;
}

.footer__requisites-numbs span {
    color: #ADA9A6;
    margin-right: 2px;
}

.footer__info {
    padding: 19px 0 17px;
    border-top: 1px solid #F5F5F5;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 218, 188, 0.08)), to(rgba(232, 218, 188,
                    0.08))), #E9E9E9;
    background: -o-linear-gradient(bottom, rgba(232, 218, 188, 0.08) 0%, rgba(232, 218, 188, 0.08) 100%), #E9E9E9;
    background: linear-gradient(0deg, rgba(232, 218, 188, 0.08) 0%, rgba(232, 218, 188, 0.08) 100%), #E9E9E9;
}

.footer__info-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.footer__info-copy {
    font-size: 14px;
    line-height: 18px;
}

.footer__info-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.footer__info-link:hover {
    color: var(--greenHover);
}

.to-top {
    display: none;
}

@media (max-width: 991px) {
    .to-top {
        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: 10px 15px;
        border-radius: 8px;
        background: #EBE5D6;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        color: var(--brown);
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        margin-bottom: 7px;
    }

    .to-top svg {
        -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
        transform: scale(-1);
        font-size: 14px;
        margin-top: 2px;
    }

    .footer__main-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
    }

    .footer .socials {
        display: none;
        margin: 0;
    }

    .footer__main-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 16px;
    }

    .footer__main-rightside {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .footer__main {
        padding: 30px 0 10px;
    }

    .footer__main-contacts .contacts-socials {
        padding: 15px;
        border-radius: 10px;
    }

    .footer__main-contacts .contacts-socials__tel {
        font-size: 18px;
        line-height: 22px;
    }

    .footer__main-contacts .contacts-socials__links a {
        max-width: 28px;
        min-width: 28px;
        height: 28px;
        font-size: 28px;
    }

    .footer__main-contacts .contacts-socials__mail {
        margin-top: 0;
        font-size: 13px;
    }

    .footer__main-contacts .btn {
        font-size: 11px;
        line-height: 20px;
        padding: 10px;
    }

    .footer__main-menus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
    }

    .footer__main-menus-main ul {
        row-gap: 4px;
    }

    .footer__main-menus-main ul a {
        font-size: 13px;
        line-height: 20px;
    }


    .footer__main-menus-wp {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        padding-top: 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-top: 1px solid #DFDDDA;
        width: 100%;
    }

    .footer__main-menus-wp ul {
        row-gap: 0;
    }

    .footer__main-menus-wp ul a {
        font-size: 12px;
        line-height: 20px;
    }

    .footer__main-menus-wp ul a.footer__main-menu-title {
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 20px;
    }

    .footer__main-bottom {
        margin-top: 16px;
    }

    .footer__currencies {
        padding: 10px 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        border-radius: 10px;
    }

    .footer__currencies-top {
        padding-bottom: 0;
        border-bottom: none;
    }

    .footer__currencies-item {
        font-size: 12px;
    }

    .footer__currencies-bottom {
        padding-left: 8px;
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        font-size: 12px;
    }

    .footer__currencies-bottom img {
        display: none;
    }

    .footer__requisites {
        padding: 7px 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 10px;
        row-gap: 1px;
    }

    .footer__requisites-name {
        font-size: 11px;
    }

    .footer__requisites-numbs {
        font-size: 11px;
    }

    .footer__requisites-address {
        display: none;
    }

    .footer__logo {
        height: 40px;
        width: 141px;
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .footer__info {
        padding: 10px 0 8px;
    }

    .footer__info-wp {
        -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: start;
    }

    .footer__info-copy {
        font-size: 11px;
        color: rgba(0, 0, 0, 0.5);
    }

    .footer__info-link {
        color: rgba(0, 0, 0, 0.5);
        font-size: 11px;
        font-weight: 400;
        line-height: 18px;
    }
}

.homescreen__slider .swiper-slide {
    position: relative;
    height: 540px;
}

.homescreen__bg {
    /* background: url("/local/templates/vpl_vue/img/content/homescreen-bg.png") no-repeat;
    background-size: cover; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(max-width: 767px) {
    .homescreen__bg {
        /* width: calc(100% - 30px); */
        /* left: 15px; */
        /* padding-left: 15px;
        padding-right: 15px; */
    }
}

.homescreen__bg picture {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.homescreen__bg picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* @media (max-width: 1199px) {
    .homescreen__bg picture {
        width: 47%;
    }
} */

/* .homescreen__bg picture::before {
    position: absolute;
    content: "";
    left: 84px;
    top: 0;
    width: 767px;
    height: 470px;
    background: url("/local/templates/vpl_vue/img/svg/homescreen-form.svg") no-repeat;
    background-size: cover;
    z-index: 0;
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
}

.homescreen__bg picture img {
    height: 100%;
    -webkit-mask-image: url("/local/templates/vpl_vue/img/svg/hs-mask.svg");
    mask-image: url("/local/templates/vpl_vue/img/svg/hs-mask.svg");
} */

@media (max-width: 1199px) {
    .homescreen__bg picture img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.homescreen {
    position: relative;
}

.homescreen__slider-arrows {
    position: absolute;
    z-index: 2;
    bottom: 80px;
    right: calc((100vw - 1385px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 46px;
    background: rgba(38, 38, 38, 0.5);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

@media (max-width: 1440px) {
    .homescreen__slider-arrows {
        right: calc((100vw - 1147px) / 2);
    }
}

@media (max-width: 1230px) {
    .homescreen__slider-arrows {
        right: calc((100vw - 1167px) / 2);
    }
}

@media (max-width: 1199px) {
    .homescreen__slider-arrows {
        right: 15px;
    }
}

.homescreen__slider-arrows .slider-btn {
    padding: 18px 19px 18px 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.homescreen__slider-arrows .slider-btn:hover {
    opacity: 0.8;
}

.homescreen__slider-arrows .swiper-button-prev {
    position: relative;
}

.homescreen__slider-arrows .swiper-button-prev::after {
    position: absolute;
    content: "";
    left: 40px;
    width: 34px;
    height: 100%;
    background: url("/local/templates/vpl_vue/img/svg/hs-line.svg") no-repeat;
}

.homescreen__slider-arrows .autoplay-progress {
    width: 112px;
    height: 51px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.homescreen__slider-arrows .autoplay-progress svg {
    --progress: 0;
    width: calc(100% + 2px);
    height: calc(100% + 3px);
    stroke-width: 2px;
    stroke-dashoffset: calc(300px * (1 - var(--progress)));
    stroke-dasharray: 300;
    fill: none;
    stroke: #FFE2A5;
}

.homescreen__nav {
    position: absolute;
    z-index: 2;
    bottom: 80px;
    left: calc((100vw - 1385px) / 2);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    /* border-radius: 18px; */
    /* background: rgba(38, 38, 38, 0.21); */
    /* -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px); */
    /* padding: 6px 19px; */
}

@media (max-width: 1440px) {
    .homescreen__nav {
        left: calc((100vw - 1147px) / 2);
    }
}

@media (max-width: 1230px) {
    .homescreen__nav {
        left: calc((100vw - 1135px) / 2);
    }
}

@media (max-width: 1199px) {
    .homescreen__nav {
        left: calc((100vw - 918px) / 2);
    }
}

.homescreen__nav .swiper-pagination-current {
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}

.homescreen__nav .swiper-pagination-total {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}

.homescreen__slider-pagin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    color: rgba(255, 255, 255, 0.3);
    min-width: 32px;
}

.homescreen__nav-slider .swiper-wrapper .swiper-slide {
    height: 8px;
    min-width: 8px;
    max-width: 8px;
}



.homescreen__nav-slide {
    height: 8px;
    width: 8px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(2px);
    margin-right: 9px;
}

/* .homescreen__nav-slide:last-child {
    margin-right: 0;
} */

.swiper-slide-thumb-active .homescreen__nav-slide {
    background: var(--white);
}

.homescreen__nav-slide img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* .homescreen__nav-slide::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} */

.homescreen__nav-slide:hover::before {
    background: rgba(0, 0, 0, 0.3);
}

.swiper-slide-thumb-active .homescreen__nav-slide {
    border-color: var(--white);
}

.homescreen__content {
    position: relative;
    z-index: 1;
    padding: 90px 0 132px;
    max-width: 45%;
}

@media (max-width: 1199px) {
    .homescreen__content {
        max-width: 45%;
    }
}

.homescreen__title {
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFF;
}

.homescreen__title:hover {
    color: #FFF;
}

.homescreen__slider-pagin-bul {
    display: none;
}

@media (max-width: 991px) {
    .homescreen__bg {
        padding: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        background: transparent;
    }

    .homescreen__bg picture {
        width: 100%;
        top: 10px;
    }

    .homescreen__bg picture img {
        -webkit-mask-image: none;
        mask-image: none;
        border-radius: 10px;
        overflow: hidden;
    }

    .homescreen__bg picture::before {
        content: none;
    }

    .homescreen__content {
        max-width: 70%;
        color: var(--white);
        padding: 50px 0;
    }

    /* .homescreen__nav-slider {
        display: none;
    } */

    .homescreen__slider-arrows {
        display: none;
    }

    .homescreen__nav {
        left: 0;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: transparent;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
        padding: 0;
        bottom: 50px;
    }

    .homescreen__slider-pagin {
        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;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    .homescreen__slider-pagin .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background: var(--white);
    }

    .homescreen__slider-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--green);
    }
}

@media (max-width: 767px) {
    .homescreen__slider .swiper-slide {
        height: 300px;
    }

    .homescreen__content {
        padding: 20px 0 40px;
    }

    .homescreen__nav {
        bottom: 30px;
    }

    .homescreen__title {
        font-size: 18px;
        line-height: 22px;
        padding: 0 15px;
    }

    .homescreen__content {
        max-width: 81%;
    }
}

.catalog__mp .btn--border {
    display: none;
}

@media (max-width: 767px) {
    .catalog__mp .btn--border.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 8px;
    }
}

.catalog__mp-list {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 12px));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
}

.catalog__mp-list .catalog__item-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .catalog__mp-list .catalog__item-calc {
        display: none;
    }
}

@media (max-width: 1199px) {
    .catalog__mp-list {
        grid-template-columns: repeat(4, calc(25% - 12px));
    }
}

@media (max-width: 991px) {
    .catalog__mp-list {
        grid-template-columns: repeat(3, calc(33% - 8px));
    }
}

@media (max-width: 767px) {
    .catalog__mp-list {
        grid-template-columns: repeat(2, calc(50% - 2px));
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        row-gap: 4px;
    }

    .catalog__mp-list.is-show .catalog__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.catalog__item {
    position: relative;
    padding: 21px 18px 107px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 5px 26px -4px rgba(100, 100, 100, 0.2);
    box-shadow: 0px 5px 26px -4px rgba(100, 100, 100, 0.2);
    overflow: hidden;
}

@media (max-width: 767px) {
    .catalog__item {
        padding: 11px 12px 50px 12px;
        border-radius: 10px;
    }

    .catalog__item:nth-child(n+9) {
        display: none;
    }
}

@media (max-width: 576px) {
    .catalog__item {
        min-height: 85px;
    }
}

.catalog__item-name {
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .catalog__item-name {
        font-size: 13px;
        line-height: 14px;
    }
}

.catalog__item-img {
    position: absolute;
    bottom: 0;
    right: -22px;
    height: 100%;
    z-index: 0;
}

.catalog__item-img.no-photo {
    height: 50%;
    width: 100%;
    right: 0;
    padding: 10px;
}

@media (max-width: 767px) {
    .catalog__item-img {
        height: 75px;
        bottom: 0;
        right: 0;
    }

    .catalog__item-img.no-photo {
        height: 45%;

    }

    .catalog__item-img.no-photo img {
        object-position: center;
        -o-object-position: center;
    }
}

.catalog__item-img img {
    -o-object-position: bottom right;
    object-position: bottom right;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .catalog__item-img img {
        height: 100%;
    }
}

.catalog__item:hover {
    -webkit-box-shadow: 0px 15px 26px -4px rgba(100, 100, 100, 0.2);
    box-shadow: 0px 15px 26px -4px rgba(100, 100, 100, 0.2);
}

.catalog__item:hover .catalog__item-name {
    color: var(--greenHover);
}

.catalog__item-calc {
    position: relative;
    padding: 21px 58px 26px 20px;
    border-radius: 20px;
    background: rgba(237, 233, 227, 0.3);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    display: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .catalog__item-calc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px;
        border-radius: 10px;
        padding: 15px;
        row-gap: 8px;
    }
}

.catalog__item-calc:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 84%;
    background: url("/local/templates/vpl_vue/img/content/calc-bg.png") no-repeat;
    z-index: -1;
}

@media (max-width: 767px) {
    .catalog__item-calc:after {
        width: 43%;
    }
}

.catalog__item-calc-name {
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
}

@media (max-width: 767px) {
    .catalog__item-calc-name {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 576px) {
    .catalog__item-calc-name {
        max-width: 270px;
    }
}

.catalog__item-calc-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: #534B44;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-top: auto;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.catalog__item-calc-subtitle:hover {
    color: var(--black);
}

.catalog__item-calc-subtitle:hover .catalog__item-calc-icon img.hover {
    z-index: 10;
    visibility: visible;
    opacity: 1;
}

@media (max-width: 767px) {
    .catalog__item-calc-subtitle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 9px;
        border-radius: 10px;
        border: 1px solid #D6CCB7;
        -webkit-backdrop-filter: blur(6.5px);
        backdrop-filter: blur(6.5px);
        font-size: 11px;
    }
}

.catalog__item-calc-icon {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.catalog__item-calc-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.catalog__item-calc-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: -10;
}

@media (max-width: 767px) {
    .catalog__item-calc-icon {
        max-width: 16px;
        min-width: 16px;
        height: 16px;
    }
}

.catalog__item-calc:hover {
    background: rgba(237, 233, 227, 0.6);
}

.catalog__item-calc:hover .catalog__item-calc-subtitle {
    color: var(--black);
}

.catalog__item-calc:hover .catalog__item-calc-icon img.hover {
    z-index: 10;
    visibility: visible;
    opacity: 1;
}

.catalog__mp-promo {
    border-radius: 20px;
    background: linear-gradient(90deg, #D3D1C5 0%, #F0EDE5 23.87%, #F0EDE5 50.49%, #DCDAD1 92.68%, #B7B0A7 100%);
    padding: 16px 40px;
    /* background: url("/local/templates/vpl_vue/img/content/catalog-promo-bg.png") no-repeat; */
    background-size: cover;
    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;
    -webkit-column-gap: 200px;
    -moz-column-gap: 200px;
    column-gap: 200px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.catalog__mp-promo::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: rgba(23, 22, 22, .05);
    z-index: 0;
    opacity: 0;
}

.catalog__mp-promo:hover::before {
    opacity: 1;
}

@media (max-width: 1440px) {
    .catalog__mp-promo {
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .catalog__mp-promo {
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 22px;
        -moz-column-gap: 22px;
        column-gap: 22px;
        justify-content: flex-start;
        min-height: 95px;
    }
}

@media (max-width: 767px) {
    .catalog__mp-promo {
        padding: 12px 25px;
        margin-top: 16px;
        border-radius: 10px;
    }
}

.catalog__mp-promo-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    max-width: 310px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .catalog__mp-promo-title {
        max-width: 236px;
    }
}

@media (max-width: 991px) {
    .catalog__mp-promo-title {
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
    }
}

@media (max-width: 767px) {
    .catalog__mp-promo-title {
        font-size: 13px;
        line-height: 14px;
    }
}

.catalog__mp-promo-subtitle {
    color: #293448;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 384px;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .catalog__mp-promo-subtitle {
        display: none;
    }
}

.catalog__mp-promo-img {
    height: 270px;
    z-index: 1;
    position: absolute;
    bottom: -100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 1440px) {
    .catalog__mp-promo-img {
        height: 212px;
        bottom: -70px;
    }
}

@media (max-width: 1199px) {
    .catalog__mp-promo-img {
        left: 35%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 200px;
    }
}

@media (max-width: 991px) {
    .catalog__mp-promo-img {
        position: absolute;
        left: inherit;
        bottom: initial;
        height: 250px;
        max-width: 400px;
        right: -30px;
    }
}

@media (max-width: 576px) {
    .catalog__mp-promo-img {
        height: 200%;
        max-width: 60%;
    }
}

.catalog__mp-promo-img img {
    height: 100%;
}

.projects__mp {
    row-gap: 20px;
}

.projects__mp-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.projects__mp-wp .btn--border {
    display: none;
}

@media (max-width: 767px) {
    .projects__mp-wp .btn--border.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 767px) {
    .projects__mp .col-12:nth-child(n+5) {
        display: none;
    }

    .projects__mp.is-show .col-12:nth-child(n+5) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.projects__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    row-gap: 130px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding: 24px 24px 16px;
}

@media (max-width: 1440px) {
    .projects__item {
        row-gap: 105px;
    }
}

@media (max-width: 767px) {
    .projects__item {
        padding: 15px;
        row-gap: 100px !important;
        border-radius: 10px
    }
}

@media (max-width: 375px) {
    .projects__item {
        row-gap: 54px !important;
    }
}

.projects__item:hover .projects__item-img img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.projects__item--long {
    row-gap: 209px;
}

.projects__item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 190px;
    background: -o-linear-gradient(104deg, rgba(38, 36, 32, 0) 32.6%, rgba(38, 36, 32, 0.8) 93.07%);
    background: linear-gradient(346deg, rgba(38, 36, 32, 0) 32.6%, rgba(38, 36, 32, 0.8) 93.07%);
    z-index: 1;
}

.projects__item::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all .3s ease-out;
    background: rgba(23, 22, 22, .3);
    opacity: 0;
}

.projects__item:hover::after {
    opacity: 1;
}

.projects__item--map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px;
}

.projects__item--map::before {
    content: none;
}

@media (max-width: 1199px) {
    .projects__item--map {
        min-height: 250px;
    }
}

.projects__item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.projects__item-img video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.projects__item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.projects__item-top {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

@media (max-width: 767px) {
    .projects__item-top {
        row-gap: 6px;
        padding-right: 50px;
    }
}

.projects__item-tag {
    padding: 5px 9px;
    border-radius: 6px;
    background: rgba(243, 243, 243, 0.51);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 767px) {
    .projects__item-tag {
        padding: 3px 6px;
        border-radius: 4px;
        font-size: 7px;
        line-height: 9px;
        letter-spacing: 0.42px;
        margin-bottom: 0;
    }
}

.projects__item-title {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

.projects__item-title svg {
    color: rgba(255, 255, 255, 0.8);
    font-size: 8px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
}

@media (max-width: 767px) {
    .projects__item-title svg {
        height: 15px;
        font-size: 6px;
        margin-top: 1px;
    }
}

@media (max-width: 767px) {
    .projects__item-title {
        font-size: 12px;
        line-height: 15px;
    }
}

.projects__item-date {
    color: rgba(255, 255, 255, 0.7);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .projects__item-date {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 7px;
        line-height: 11px;
        letter-spacing: 0.42px;
    }
}

.projects__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 3px;
    width: 55px;
    height: 55px;
    border-radius: 38px;
    background: rgba(38, 35, 32, 0.15);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--white);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-top: auto;
}

.projects__item-icon img {
    max-width: 12px;
    min-width: 12px;
    height: 12px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .projects__item-icon img {
        max-width: 7px;
        min-width: 7px;
        height: 7px;
    }
}

@media (max-width: 767px) {
    .projects__item-icon {
        width: 30px;
        height: 30px;
        row-gap: 0;
        font-size: 7px;
        line-height: 9px;
        letter-spacing: 0.35px;
    }
}

.projects__mp-wp .projects__item--map {
    display: none;
}

@media (max-width: 767px) {
    .projects__mp-wp .projects__item--map {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 16px;
        min-height: 70px;
        background: #1d8f58;
    }

    .projects__mp-wp .projects__item--map .projects__item-img img {
        -o-object-fit: none;
        object-fit: none;
        -o-object-position: right;
        object-position: right;
        object-fit: cover;
    }

    .projects__mp-wp .projects__item--map .projects__item-title br {
        display: none;
    }
}

@media (max-width: 375px) {
    .projects__mp-wp .projects__item--map {
        min-height: 100px;
    }

    .projects__mp-wp .projects__item--map .projects__item-title br {
        display: block;
    }

    .projects__mp-wp .projects__item--map .projects__item-img img {
        -o-object-position: center;
        object-position: center;
    }
}

.projects__mp .projects__item--map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .projects__mp .projects__item--map {
        display: none;
    }
}

.col-lg-3 .projects__item {
    row-gap: 240px;
}

@media (max-width: 1440px) {
    .col-lg-3 .projects__item {
        row-gap: 140px;
    }
}

.designing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
}

@media (max-width: 991px) {
    .designing {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 8px));
    }
}

@media (max-width: 767px) {
    .designing {
        row-gap: 4px;
        grid-template-columns: 100%;
    }
}

.designing__item {
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 38px;
    padding: 40px 24px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--gray2);
    width: 20%;
}

@media (max-width: 1199px) {
    .designing__item {
        padding: 30px 15px;
        width: 23%;
    }
}

@media (max-width: 991px) {
    .designing__item {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .designing__item {
        padding: 27px 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 10px;
    }
}

.designing__item.is-active {
    width: 40%;
}

@media (max-width: 1199px) {
    .designing__item.is-active {
        width: 30%;
    }
}

@media (max-width: 991px) {
    .designing__item.is-active {
        width: 100%;
    }
}

.designing__item.is-active .designing__item-subtitle {
    -webkit-animation: leftToRight2 0.3s linear;
    animation: leftToRight2 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@media (max-width: 991px) {
    .designing__item.is-active .designing__item-subtitle {
        -webkit-animation: none;
        animation: none;
    }
}

.designing__item.is-active .designing__item-actions {
    -webkit-animation: leftToRight2 0.3s linear;
    animation: leftToRight2 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

@media (max-width: 991px) {
    .designing__item.is-active .designing__item-actions {
        -webkit-animation: none;
        animation: none;
    }
}

.designing__item.is-active .designing__item-bg {
    width: 410px;
}

@media (max-width: 767px) {
    .designing__item.is-active .designing__item-bg {
        width: 104px;
    }
}

.designing__item-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 410px;
    height: 100%;
    z-index: 0;
}

.designing__item-bg img {
    height: 100%;
    width: 100%;
    -o-object-position: right;
    object-position: right;
}

@media (max-width: 767px) {
    .designing__item-bg {
        width: 104px;
        height: 90px;
        top: initial;
        bottom: 0;
    }
}

.designing__item-top {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 272px;
    row-gap: 16px;
    /* max-width: 200px; */
}

@media (max-width: 767px) {
    .designing__item-top {
        max-width: calc(100% - 50px);
    }
}

.designing__item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 1199px) {
    .designing__item-title {
        font-size: 16px;
        line-height: 21px;
    }
}

@media (max-width: 767px) {
    .designing__item-title {
        font-size: 12px;
        line-height: 15px;
    }
}

.designing__item-subtitle {
    font-size: 16px;
    line-height: 24px;
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
}

@media (max-width: 1199px) {
    .designing__item-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    .designing__item-subtitle {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .designing__item-subtitle {
        display: none;
    }
}

.designing__item-actions {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
    max-width: 191px;
    position: relative;
    z-index: 1;
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
}

@media (max-width: 991px) {
    .designing__item-actions {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .designing__item-actions {
        display: none;
    }
}

.designing__item-actions .btn {
    padding: 15px 25px;
    border-radius: 14px;
    max-height: 48px;
    white-space: nowrap;
}

.designing__item-actions .btn--beg {
    background: #F6EFE0;
    color: var(--black);
}

.designing__item-actions .btn--beg:hover {
    background: #EBE5D6;
    color: var(--black);
}

.clients__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 15px;
}

@media (max-width: 767px) {
    .clients__slide {
        row-gap: 4px;
    }
}

.clients__card {
    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: 5px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--gray2);
}

.clients__card:hover {
    border-color: #D6CCB7;
}

.clients__card img {
    height: 95px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .clients__card {
        border-radius: 10px;
    }

    .clients__card img {
        height: 57px;
    }
}

.clients__mp {
    overflow: hidden;
}

@media (max-width: 767px) {
    .clients__slider {
        width: calc(100% + 16px);
    }
}

.equipment__list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 12px));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
}

@media (max-width: 1199px) {
    .equipment__list {
        grid-template-columns: repeat(3, calc(33% - 7px));
    }
}

@media (max-width: 991px) {
    .equipment__list {
        grid-template-columns: repeat(2, calc(50% - 7px));
    }
}

@media (max-width: 991px) {
    .equipment__list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.equipment__list.is-show .equipment__item:nth-child(n+5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.equipment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    background: var(--white);
    overflow: hidden;
    padding: 24px 20px 20px 20px;
}

@media (max-width: 767px) {
    .equipment__item {
        padding: 14px 15px;
        row-gap: 16px;
        border-radius: 10px;
    }

    .equipment__item:nth-child(n+5) {
        display: none;
    }
}

.equipment__item-title {
    max-width: 186px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .equipment__item-title {
        max-width: calc(100% - 70px);
        font-size: 14px;
        line-height: 20px;
    }
}

.equipment__item-amount {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .equipment__item-amount {
        font-size: 11px;
        line-height: 14px;
    }
}

.equipment__item-img {
    width: 130px;
    height: 150px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.equipment__item-img.no-photo {
    height: 100%;
}

.equipment__item-img.no-photo img {
    width: 80%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .equipment__item-img {
        width: 60px;
        height: 69px;
    }
}

.equipment__item-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.equipment__item:hover {
    border-color: rgba(32, 86, 60, 0.4);
    background: #F5F4F4;
}

.equipment__item:hover .equipment__item-title {
    color: var(--greenHover);
}

.equipment__item:hover .equipment__item-amount {
    color: var(--black);
}

.btn-show {
    display: none;
}

@media (max-width: 767px) {
    .btn-show.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 8px;
    }
}

.promo__mp {
    overflow: hidden;
    padding-top: 60px;
}

@media (max-width: 767px) {
    .promo__mp {
        padding: 30px 0 30px;
    }
}

@media (max-width: 767px) {
    .promo__slider {
        width: calc(100% + 16px);
    }
}

.promo__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 25px;
}

@media (max-width: 767px) {
    .promo__item {
        row-gap: 16px;
    }
}

.promo__item-img {
    height: 401px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.promo__item-img.no-photo img {
    width: 80%;
    -o-object-fit: contain;
    object-fit: contain;
}

.promo__item-img:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(44, 41, 31, 0.3);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}

@media (max-width: 767px) {
    .promo__item-img:after {
        border-radius: 10px;
    }
}

@media (max-width: 1440px) {
    .promo__item-img {
        height: 325px;
    }
}

@media (max-width: 767px) {
    .promo__item-img {
        height: 425px;
        border-radius: 10px;
    }
}

@media (max-width: 375px) {
    .promo__item-img {
        height: 360px;
    }
}

.promo__item-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.promo__item-img:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.promo__item-img:hover:after {
    opacity: 1;
}

.promo__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .promo__item-info {
        row-gap: 8px;
    }
}

.promo__item-info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.promo__item-info-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.promo__item-info-leftside>span {
    color: var(--brown);
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .promo__item-info-leftside>span {
        font-size: 7px;
        left: 9px;
        letter-spacing: 0.42px;
    }
}

.promo__item-info-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: var(--greenHover);
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

@media (max-width: 767px) {
    .promo__item-info-date {
        font-size: 14px;
        line-height: 20px;
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
    }
}

.promo__item-info-date span {
    font-size: 28px;
    line-height: 25px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .promo__item-info-date span {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
    }
}

.promo__item-info-year {
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .promo__item-info-year {
        font-size: 8px;
        font-weight: 700;
        line-height: 10px;
        letter-spacing: 0.4px;
    }
}

.promo__item-desc {
    font-size: 16px;
    line-height: 24px;
    color: rgba(44, 41, 31, 0.8);
}

@media (max-width: 767px) {
    .promo__item-desc {
        font-size: 12px;
        line-height: 16px;
    }
}

.abput__mp {
    overflow: hidden;
}

.abput__mp-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
}

@media (max-width: 767px) {
    .abput__mp-wp {
        row-gap: 8px;
    }
}

.abput__mp-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.abput__mp-info.content {
    max-width: 670px;
    margin: 0;
}

.abput__mp-info.content p {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

@media (max-width: 767px) {
    .abput__mp-info.content p {
        font-size: 13px;
        line-height: 16px;
    }
}

.abput__mp-info.content p.small-gray {
    max-width: 620px;
    color: rgba(44, 41, 31, 0.8);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .abput__mp-info.content p.small-gray {
        display: none;
    }
}

.abput__mp-info.content p:last-of-type {
    margin: 0;
}

.abput__mp-img {
    max-width: 430px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

@media (max-width: 991px) {
    .abput__mp-img {
        display: none;
    }
}

.abput__mp-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.abput__mp-bottom {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px 11px 20px 40px;
}

.abput__mp-bottom::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 495px;
    background: #d9ccac;
    top: 0;
    right: 0;
    z-index: -1;
}

.abput__mp-bottom::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 495px;
    background: url(/local/templates/vpl_vue/./img/svg/about-pattern.svg) no-repeat center center;
    top: 0;
    right: -23px;
    z-index: 0;
}

@media (max-width: 991px) {

    .abput__mp-bottom::after,
    .abput__mp-bottom::before {
        display: none;
    }

    .abput__mp-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 767px) {
    .abput__mp-bottom {
        padding: 24px 20px 35px;
    }
}

@media (max-width: 576px) {
    .abput__mp-bottom {
        overflow: visible;
        border-radius: 0;
        padding: 24px 0 35px;
    }
}

.abput__mp-bottom-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .abput__mp-bottom-wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 8px;
    }
}

.abput__mp-bg {
    position: absolute;
    top: 0;
    left: -20%;
    width: 90%;
    height: 100%;
    z-index: -1;
}


.abput__mp-bg img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 992px) {
    .abput__mp-bg {
        width: 100%;
        left: 0;
    }
}

@media (max-width: 576px) {
    .abput__mp-bg {
        left: -15px;
        width: calc(100% + 30px);
        /* -o-object-position: left top;
        object-position: left top; */
    }
}

.abput__mp-bottom-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    row-gap: 197px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
}

@media (max-width: 991px) {
    .abput__mp-bottom-leftside {
        padding: 0;
    }
}

.abput__mp-subtitle {
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    /* margin-bottom: -25px; */
    max-width: calc(100% - 470px);
    position: absolute;
    top: 27px;
}

@media (max-width: 991px) {
    .abput__mp-subtitle {
        margin-bottom: 0;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .abput__mp-subtitle {
        font-size: 7px;
        font-weight: 700;
        letter-spacing: 0.42px;
        line-height: 9px;
    }
}

.abput__mp-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin-top: 16px;
}

@media (max-width: 1199px) {
    .abput__mp-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 6px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

@media (max-width: 991px) {
    .abput__mp-actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin-top: 0;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
    }
}

.abput__mp-actions .btn {
    padding: 13px 18px;
    border-radius: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.abput__mp-actions .btn--beg {
    border-color: #D6CCB7;
    background: #F6EFE0;
}

.abput__mp-actions .btn--beg:hover {
    background: #EBE5D6;
}

@media (max-width: 1199px) {
    .abput__mp-actions .btn {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .abput__mp-actions .btn {
        padding: 8px 9px;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        white-space: nowrap;
        border-radius: 10px;
    }
}

.abput__mp-num {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 468px;
}

@media (max-width: 991px) {
    .abput__mp-num {
        max-width: 100%;
    }
}

.abput__mp-num-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2px;
    padding: 20px 10px 20px 40px;
    color: rgba(44, 41, 31, 0.6);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border-top: 1px solid var(--gray2);
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .abput__mp-num-item {
        row-gap: 8px;
        font-size: 11px;
        line-height: 14px;
        padding: 10px 10px 15px 15px;
    }

    .abput__mp-num {
        border-radius: 10px;
    }
}

@media (max-width: 375px) {
    .abput__mp-num-item {
        row-gap: 1px;
    }
}

.abput__mp-num-item:not(:nth-child(n+3)) {
    border-top: none;
}

.abput__mp-num-item:nth-child(n+3) {
    margin-top: -1px;
}

.abput__mp-num-item:nth-child(odd) {
    border-right: 1px solid var(--gray2);
}

.abput__mp-num-item span {
    color: #2C291F;
    font-size: 39px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -1px;
}

@media (max-width: 767px) {
    .abput__mp-num-item span {
        margin-bottom: auto;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 576px) {
    .news__mp {
        overflow: hidden;
    }
}

@media (max-width: 576px) {
    .news__mp-slider {
        width: calc(100% + 16px);
    }
}

.news__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
}

@media (max-width: 767px) {
    .news__item {
        row-gap: 16px;
    }
}

.news__item-img {
    height: 291px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.news__item-img.no-photo img {
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1440px) {
    .news__item-img {
        height: 240px;
    }
}

@media (max-width: 767px) {
    .news__item-img {
        height: 222px;
        border-radius: 10px;
    }
}

@media (max-width: 440px) {
    .news__item-img {
        height: 162px;
    }
}

.news__item-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.news__item-img::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(44, 41, 31, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.news__item-img:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.news__item-img:hover::after {
    opacity: 1;
    visibility: visible;
}

.news__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .news__item-info {
        row-gap: 8px;
    }
}

.news__item-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .news__item-date {
        margin-bottom: 0;
    }
}

.news__item-date-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: var(--greenHover);
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

@media (max-width: 767px) {
    .news__item-date-leftside {
        font-size: 14px;
        line-height: 20px;
    }
}

.news__item-date-leftside span {
    color: var(--greenHover);
    font-size: 28px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .news__item-date-leftside span {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
    }
}

.news__item-date-year {
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .news__item-date-year {
        font-size: 7px;
        font-weight: 700;
        line-height: 9px;
        letter-spacing: 0.42px;
    }
}

.news__item-name {
    color: rgba(44, 41, 31, 0.8);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .news__item-name {
        font-size: 12px;
        font-weight: 500;
        color: var(--black);
        line-height: 16px;
    }
}

.news__item-name:hover {
    color: rgb(44, 41, 31);
}

.news__item-desc {
    color: rgba(44, 41, 31, 0.8);
    font-size: 16px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    .news__item-desc {
        display: none;
    }
}

.catalog-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.catalog__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
}

.catalog__links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
    padding: 6px 12px;
    border-radius: 14px;
    background: #FBFAF8;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

@media (max-width: 767px) {
    .catalog__links-item {
        border-radius: 10px;
        font-size: 13px;
        line-height: 15px;
    }

    .catalog__links-item:nth-child(n+7) {
        display: none;
    }
}

.catalog__links-item-amount {
    color: rgba(108, 100, 92, 0.8);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

@media (max-width: 767px) {
    .catalog__links-item-amount {
        font-size: 11px;
        line-height: 14px;
    }
}

.catalog__links-item:hover {
    background: rgba(237, 233, 227, 0.6);
    color: var(--greenHover);
}

.catalog__links-item:hover .catalog__links-item-amount {
    color: rgb(108, 100, 92);
}

@media (max-width: 767px) {
    .catalog__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .catalog__links.is-show .catalog__links-item:nth-child(n+7) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.catalog__brands-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .catalog__brands-wp {
        margin-top: 16px;
    }
}

.catalog__brands-title {
    color: var(--brown);
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .catalog__brands-title {
        font-size: 7px;
        font-weight: 700;
        line-height: 9px;
        letter-spacing: 0.42px;
    }
}

.catalog__brands-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .catalog__brands-list {
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        row-gap: 8px;
    }
}

.catalog__brands-list.is-show .catalog__brands-item:nth-child(n+9) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .catalog__brands-list.is-show .catalog__brands-item:nth-child(n+4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.catalog__brands-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.catalog__brands-item:nth-child(n+9) {
    display: none;
}

@media (max-width: 767px) {
    .catalog__brands-item:nth-child(n+5) {
        display: none;
    }
}

.catalog__brands-item:hover .catalog__brands-logo {
    border-color: #C5BBA6;
}

.catalog__brands-item:hover .catalog__brands-info {
    opacity: 1;
}

.catalog__brands-logo {
    min-width: 55px;
    max-width: 55px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid var(--gray2);
    background: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    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;
}

.catalog__brands-logo img {
    -o-object-fit: contain;
    object-fit: contain;
}

.catalog__brands-info {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    opacity: 0.7;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .catalog__brands-info {
        row-gap: 3px;
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
    }
}

.catalog__brands-info img {
    border-radius: 2px;
    overflow: hidden;
    min-width: 14px;
    max-width: 14px;
    height: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog__brands-show {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 767px) {
    .catalog__brands-show {
        font-size: 13px;
        line-height: 15px;
    }
}

.catalog__brands-show.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog__brands-show.is-active.is-show svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.catalog__brands-show:hover {
    color: var(--black);
}

.catalog__brands-show svg {
    font-size: 10px;
    margin-top: 2px;
}

.catalog__bottom {
    display: grid;
    grid-template-columns: 270px auto;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: 40px;
}

@media (max-width: 991px) {
    .catalog__bottom {
        grid-template-columns: 100%;
    }
}

@media (max-width: 767px) {
    .catalog__bottom {
        margin-top: 16px;
    }
}

.catalog__leftside .container {
    padding: 0;
}

.filter__item-wp {
    border-radius: 20px;
    border: 1px solid var(--gray2);
    overflow: hidden;
}

@media (max-width: 991px) {
    .filter__item-wp {
        border-radius: 0;
        border: none;
        overflow: visible;
    }
}

.filter-head {
    display: none;
}

@media (max-width: 991px) {
    .filter-head {
        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: 15px;
        border-bottom: 1px solid #E7E1D0;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}

.filter-head-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.filter-head-close {
    width: 29px;
    height: 29px;
    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: rgba(16, 36, 43, 0.4);
    font-size: 10px;
    border-radius: 10px;
    background: var(--gray2);
}

.filter-head-close:hover {
    color: rgb(16, 36, 43);
}

.filter__entry {
    padding: 9px 15px;
    border-bottom: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .filter__entry {
        padding: 9px 15px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.filter__entry-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.filter__entry-count-num {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.filter__entry-clear {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: none;
    background: transparent;
    cursor: pointer;
}

.filter__entry-clear:hover {
    color: var(--greenHover);
}

.filter__item-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 15px 16px;
}

@media (max-width: 991px) {
    .filter__item-wp {
        padding: 12px 0;
    }
}

.filter__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--gray2);
}

.filter__item:last-of-type {
    border-bottom: none;
}

.filter__item:first-of-type {
    padding-top: 0;
}

.filter__item.is-open .filter__item-entry-arrow svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.filter__item-entry {
    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;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    cursor: pointer;
}

.filter__item-entry:hover .filter__item-entry-title {
    color: var(--greenHover);
}

.filter__item-entry:hover .filter__item-entry-arrow {
    color: var(--greenHover);
}

.filter__item-entry-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.filter__item-entry-arrow {
    font-size: 10px;
    color: var(--brown);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter__item-range-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
}

.filter__item-range-inputs input {
    height: 30px;
    border-radius: 10px;
    border: 1px solid #DDDADA;
    background: #F5F4F4;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: rgba(44, 41, 31, 0.6);
}

.filter__item-range-inputs input:hover {
    color: rgba(44, 41, 31, 1);
}

.filter__item-checkbox-value {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.filter__item-range-inputs-container {
    position: relative;
}

@media (max-width: 991px) {
    .filter__item-range-inputs-container {
        width: 100%;
    }
}

.catalog__filter-item-range-dragger {
    margin-top: 14px;
    height: 4px;
}

.catalog__filter-item-range-dragger-wp {
    height: 19px;
    /* overflow: hidden; */
    width: calc(100% - 20px);
    position: absolute;
    top: calc(100% - 15px);
    transform: translate(-50%);
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog__filter-item-range-dragger-wp::before {
    position: absolute;
    content: '';
    left: -7px;
    top: 7.5px;
    width: 15px;
    height: 4px;
    background: #20563C;
}

@media(max-width: 767px) {
    .catalog__filter-item-range-dragger-wp {
        width: 100%;
    }
}

.calc__type-item .catalog__filter-item-range-dragger-wp .noUi-target {
    position: relative;
    left: initial;
    top: initial;
    transform: none;
    width: 100%;
    border: none;
}

.calc__type-item .noUi-horizontal .noUi-handle {
    width: 10px;
    height: 10px;
    top: -4px;
}

@media(max-width: 576px) {
    .calc__type-item .nice-select .list {
        position: absolute;
        top: 100%;
        padding: 10px;
        border-radius: 10px;
    }

    .calc__type-item .nice-select .list .list__heading {
        display: none;
    }
}




.noUi-target {
    background: #DDDADA;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 10px;
}

.noUi-connect {
    background: #20563C;
}

.noUi-horizontal .noUi-handle {
    width: 3px;
    height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
    top: -9px;
    cursor: pointer;
}

.noUi-horizontal .noUi-handle::before {
    width: 10px;
    height: 10px;
    top: 50%;
    left: 2px;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #1F8554;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.noUi-horizontal .noUi-handle:hover::before {
    background: #20563C;
}

.noUi-horizontal .noUi-handle::after {
    content: none;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
    right: -3px;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
    right: 0;
}

.filter__item-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

.filter__item-checkbox.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.filter__item-checkbox input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    border-radius: 8px;
    border: 1px solid #D6CCB7;
    background: var(--white);
    position: relative;
}

.filter__item-checkbox input:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    background: rgba(32, 32, 32, 0.1);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.filter__item-checkbox input:hover {
    border-color: #636360;
}

.filter__item-checkbox input:hover:after {
    opacity: 1;
    visibility: visible;
}

.filter__item-checkbox input::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.filter__item-checkbox:hover .filter__item-checkbox-value {
    color: var(--greenHover);
}

.filter__mobile-show {
    display: none;
}

.filter__item-checkbox input:checked::before {
    background: url("/local/templates/vpl_vue/img/svg/cheked.svg") no-repeat center center;
    opacity: 1;
    visibility: visible;
}

.filter-show-more {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

.filter-show-more:hover {
    color: var(--greenHover);
}

.filter-show-more.is-hidden {
    display: none;
}

.catalog__filter-mob {
    display: none;
}

.catalog__rightside-top {
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .catalog__rightside-top {
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        margin-bottom: 16px;
    }

    .catalog__rightside-top .nice-select {
        font-size: 13px;
    }
}

.catalog__items-list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 10px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 1199px) {
    .catalog__items-list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 767px) {
    .catalog__items-list {
        grid-template-columns: repeat(2, calc(50% - 5px));
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 10px;
    }
}

@media (max-width: 576px) {
    .catalog__items-list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.catalog__items-list .content-nav {
    grid-column: 1/4;
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .catalog__items-list .content-nav {
        grid-column: 1/3;
    }
}

@media (max-width: 576px) {
    .catalog__items-list .content-nav {
        grid-column: 1/2;
    }
}

.catalog__items-list.line-view {
    grid-template-columns: 100%;
    row-gap: 8px;
}

.catalog__items-list.line-view .content-nav {
    grid-column: 1/2;
    margin-top: 22px;
}

@media (max-width: 767px) {
    .catalog__items-list.line-view .content-nav {
        margin-top: 16px;
    }
}

.product-card {
    border-radius: 20px;
    border: 1px solid #DDDADA;
    background: #FBFAF8;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .product-card {
        border-radius: 10px;
    }
}

.product-card__del {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 10px;
    color: rgba(16, 36, 43, 0.4);
    display: none;
}

.product-card__del:hover {
    color: var(--greenHover);
}

.product-card__chars {
    display: none;
}

.product-card__img {
    width: 100%;
    height: 200px;
    padding: 15px;
    background: var(--white);
    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: 20px;
    overflow: hidden;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

@media (max-width: 767px) {
    .product-card__img {
        height: 210px;
        border-radius: 10px;
    }
}

.product-card__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-card__name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 12px;
    margin-top: 15px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

@media (max-width: 767px) {
    .product-card__name {
        font-size: 13px;
        line-height: 18px;
        min-height: 52px;
    }
}

@media (max-width: 576px) {
    .product-card__name {
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
    }
}

.product-card__wp {
    margin-top: auto;
}

.product-card__tags {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    row-gap: 2px;
    max-width: 220px;
}

.product-card__tags-item {
    padding: 1px 6px 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
}

.product-card__tags-item.promo {
    background: #EB6666;
    color: var(--white);
}

.product-card__tags-item.hit {
    background: #40745B;
    color: var(--white);
}

.product-card__tags-item.sale {
    background: #F6C7A7;
    color: var(--black);
}

.product-card__tags-item.new {
    background: #EDEAE7;
    color: var(--green);
}

.product-card__amount {
    position: absolute;
    top: 174px;
    left: 12px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    row-gap: 2px;
    max-width: 220px;
}

@media (max-width: 767px) {
    .product-card__amount {
        top: 184px;
    }
}

.product-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-card__amount-item {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 1px 4px;
}

.product-card__amount-item.amount {
    background: rgba(220, 230, 225, 0.9);
    color: var(--greenHover);
}

.product-card__amount-item.delivery {
    background: rgba(255, 241, 231, 0.9);
    color: #D38246;
}

.product-card__amount-item.disable {
    color: #D55050;
    background: rgba(246, 242, 242, 0.70);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.product-card__amount-item.disabled {
    color: #D55050;
    background: rgba(246, 242, 242, 0.70);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}


.product-card .product-card__price {
    padding: 0 12px;
    margin-bottom: 10px;
    font-weight: 700;
}

.product-card__info-actions-top {
    padding: 0 12px 15px;
    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;
}

.product-card__basket-amount {
    display: none;
}

.product-card__basket-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(44, 41, 31, 0.8);
}

@media (max-width: 767px) {
    .product-card__basket-btn {
        font-size: 13px;
        font-weight: 600;
        line-height: 14px;
    }
}

.product-card__basket-btn:hover {
    color: rgba(32, 86, 60, 0.8);
}

.product-card__basket-btn:hover .product-card__basket-btn-icon {
    background: var(--greenHover);
}

.product-card .in-process .product-card__basket-btn-icon-process {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-card .in-process .product-card__basket-btn-icon {
    background: #EAEAEA;
    color: var(--greenHover);
}

.product-card .in-basket .product-card__basket-btn {
    display: none;
}

.product-card .in-basket .product-card__basket-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    white-space: nowrap;
}

.product-card .in-basket .input-group {
    max-width: 80px;
    min-width: 80px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 18px;
    border: 1px solid var(--gray2);
    background: #F5F4F4;
}

@media (max-width: 767px) {
    .product-card .in-basket .input-group {
        background: var(--white);
    }
}

.product-card .in-basket .input-group input {
    border: none;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 30px;
    text-align: center;
    background: transparent;
}

.product-card .in-basket .input-group .btn {
    background: transparent;
    border: none;
    padding: 0;
    width: 25px;
    font-size: 0;
    position: relative;
    height: 40px;
    cursor: pointer;
}

.product-card .in-basket .input-group .btn::before {
    position: absolute;
    content: "";
    background: #BEBEBE;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-down::before {
    width: 20px;
    height: 19px;
    background: url("/local/templates/vpl_vue/img/svg/basket.svg") no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-down:hover::before {
    background: url("/local/templates/vpl_vue/img/svg/basket-h.svg") no-repeat;
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-up::before {
    width: 20px;
    height: 19px;
    background: url("/local/templates/vpl_vue/img/svg/plus.svg") no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 50%;
    left: initial;
    right: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-up:hover::before {
    background: url("/local/templates/vpl_vue/img/svg/plus-h.svg") no-repeat;
    background-position: center;
}

.product-card .product-card__basket-amount-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.product-card__basket-btn-icon {
    min-width: 45px;
    max-width: 45px;
    height: 45px;
    border-radius: 18px;
    background: var(--green);
    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;
    font-size: 30px;
    color: var(--white);
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .product-card__basket-btn-icon {
        min-width: 35px;
        max-width: 35px;
        height: 35px;
        font-size: 23px;
        border-radius: 14px;
        padding: 1px;
    }
}

.product-card__basket-btn-icon-process {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 5px;
    right: 7px;
    display: none;
}

@media (max-width: 767px) {
    .product-card__basket-btn-icon-process {
        top: -1px;
        right: 0;
    }
}

.product-card__info-actions-rightside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.product-card__info-actions-item {
    position: relative;
    font-size: 24px;
    color: #D2CDCD;
}

.product-card__info-actions-item:hover {
    color: rgba(108, 100, 92, 0.7);
}

.product-card__info-actions-item:hover .product-card__info-actions-item-informer {
    opacity: 1;
    visibility: visible;
}

.product-card__info-actions-item.is-active {
    color: var(--green);
}

.product-card__info-actions-item:last-of-type .product-card__info-actions-item-informer {
    left: initial;
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.product-card__info-actions-item:last-of-type .product-card__info-actions-item-informer::after {
    left: initial;
    right: 4px;
}

.product-card__info-actions-item-informer {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 2px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 2px 6px;
    border-radius: 5px;
    background: var(--brown);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
}

.product-card__info-actions-item-informer::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: var(--brown);
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
}

.product-card__buy {
    padding: 15px;
    border-top: 1px solid var(--gray2);
    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(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

@media (max-width: 767px) {
    .product-card__buy {
        padding: 15px;
        font-size: 13px;
        line-height: 15px;
    }
}

.product-card__buy:hover {
    color: var(--greenHover);
}

.product-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: var(--greenHover);
    font-size: 16px;
    font-weight: 800;
    line-height: 21px;
}

.product-card__price-old {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.product-card__price-old span {
    color: var(--brown);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: line-through;
}

.product-card__price-discount {
    padding: 1px 3px 1px 9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    background: url("/local/templates/vpl_vue/img/svg/discount-bg.svg") no-repeat;
    background-size: 100%;
    color: var(--black);
    background-position: left center;
}

.line-view .product-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 20px;
}

@media (max-width: 767px) {
    .line-view .product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
    }
}

.line-view .product-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    padding-right: 24px;
    row-gap: 18px;
    width: 100%;
}

@media (max-width: 767px) {
    .line-view .product-card__top {
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px;
    }
}

.line-view .product-card__chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: calc(100% - 286px);
}

@media (max-width: 1199px) {
    .line-view .product-card__chars {
        width: calc(100% - 224px);
    }
}

@media (max-width: 767px) {
    .line-view .product-card__chars {
        width: 100%;
    }
}

.line-view .product-card__chars li {
    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: 5px 0;
    border-bottom: 1px solid var(--gray2);
}

.line-view .product-card__chars li:last-of-type {
    border-bottom: none;
}

.line-view .product-card__chars-name {
    color: var(--brown);
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 1199px) {
    .line-view .product-card__chars-name {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .line-view .product-card__chars-name {
        line-height: 16px;
    }
}

.line-view .product-card__chars-value {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 1199px) {
    .line-view .product-card__chars-value {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .line-view .product-card__chars-value {
        line-height: 16px;
    }
}

.line-view .product-card__name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    padding: 0;
}

@media (max-width: 767px) {
    .line-view .product-card__name {
        margin: 0;
        font-size: 13px;
        line-height: 18px;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.line-view .product-card__img {
    height: 190px;
    max-width: 262px;
    min-width: 262px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (max-width: 1199px) {
    .line-view .product-card__img {
        height: 150px;
        max-width: 200px;
        min-width: 200px;
    }
}

@media (max-width: 767px) {
    .line-view .product-card__img {
        max-width: 100%;
        min-width: 100%;
        height: 190px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.line-view .product-card__wp {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-left: 24px;
    border-left: 1px solid var(--gray2);
    max-width: 250px;
    min-width: 250px;
    padding-top: 40px;
    position: relative;
}

@media (max-width: 767px) {
    .line-view .product-card__wp {
        position: initial;
        padding-left: 0;
        border-left: none;
        max-width: 100%;
        min-width: 100%;
        padding-top: 0;
        margin-top: 10px;
    }
}

.line-view .product-card__tags {
    position: relative;
    top: initial;
    left: initial;
    margin-bottom: 7px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .line-view .product-card__tags {
        position: absolute;
        top: 27px;
        left: 27px;
    }
}

.line-view .product-card__amount {
    position: relative;
    top: initial;
    left: initial;
}

@media (max-width: 767px) {
    .line-view .product-card__amount {
        position: absolute;
        top: 178px;
        left: 27px;
    }
}

.line-view .product-card__info {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.line-view .product-card__info-actions-rightside {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 767px) {
    .line-view .product-card__info-actions-rightside {
        position: relative;
        top: initial;
        right: initial;
    }
}

.line-view .product-card .product-card__price {
    padding: 0;
}

.line-view .product-card__info-actions-top {
    padding: 0;
    margin-bottom: 10px;
}

.line-view .product-card__buy {
    padding: 16px 0 0;
}

@media (max-width: 767px) {
    .line-view .product-card__buy {
        padding: 14px 15px 0;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}

.catalog__items-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.catalog__items-view-item {
    width: 27px;
    height: 27px;
    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;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid var(--gray2);
    color: rgba(108, 100, 92, 0.6);
}

@media (max-width: 767px) {
    .catalog__items-view-item {
        max-width: 40px;
        min-width: 40px;
        height: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 10px;
    }
}

.catalog__items-view-item.is-active {
    color: rgb(108, 100, 92);
}

@media (max-width: 767px) {
    .catalog__items-view-item.is-active {
        display: none;
    }
}

.catalog__items-view-item:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
}

.viewed-products {
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid var(--gray2);
}

@media (max-width: 576px) {
    .viewed-products {
        overflow: hidden;
    }
}

.viewed-products .section__heading {
    margin-bottom: 20px;
}

.viewed-products .section__title {
    font-size: 24px;
    line-height: 29px;
}

@media (max-width: 767px) {
    .viewed-products .section__title {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 576px) {
    .viewed-products__slider {
        width: calc(100% + 16px);
    }
}

.viewed-products__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    padding: 15px 15px 15px 20px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    height: 100%;
}

@media (max-width: 767px) {
    .viewed-products__card {
        border-radius: 10px;
        padding: 15px;
    }
}

.viewed-products__card:hover {
    border-color: rgba(32, 86, 60, 0.4);
}

.viewed-products__card-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    ;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

.viewed-products__card-name {
    color: rgb(44, 41, 31);
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.viewed-products__card:hover .viewed-products__card-name {
    color: #2C291F;
}

.viewed-products__card-img {
    min-width: 80px;
    max-width: 80px;
    height: 50px;
    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;
}

.viewed-products__card-img.no-photo img {
    padding: 4px;
}

.viewed-products__card-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.viewed-products__card .product-card__price {
    margin-top: auto;
}

.slider-buttons {
    position: relative;
}

.slider-buttons .slider-btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    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: 12px;
    border: 1px solid var(--gray2);
    background: #F7F7F7;
    color: var(--brown);
    font-size: 11px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .slider-buttons .slider-btn {
        display: none;
    }
}

.slider-buttons .slider-btn:hover {
    border-color: #EBE5D6;
    background: #F5F4F4;
    color: var(--green);
}

.slider-buttons .slider-btn.swiper-button-prev {
    left: -16px;
}

@media (max-width: 1199px) {
    .slider-buttons .slider-btn.swiper-button-prev {
        left: 0;
    }
}

.slider-buttons .slider-btn.swiper-button-next {
    right: -16px;
}

@media (max-width: 1199px) {
    .slider-buttons .slider-btn.swiper-button-next {
        right: 0;
    }
}

@media (max-width: 1199px) {
    .slider-buttons {
        padding: 0 16px;
    }
}

@media (max-width: 767px) {
    .slider-buttons {
        padding: 0;
        width: calc(100% + 16px);
    }
}

@media (max-width: 767px) {
    .viewed-products {
        overflow: hidden;
        padding: 24px 0;
    }
}

@media (max-width: 576px) {
    .header__mobile .header__catalog-dropdown-search .search__results {
        top: 164px;
    }

    .header__mobile .header__catalog-dropdown-search.is-active .header__search-close {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}


.catalog-section--gray {
    background: rgba(242, 241, 239, 0.50);
}

.catalog-section--gray .catalog-section__type-item {
    border: 0;
    background: #FFF;
}

.catalog-section .section__subtitle {
    color: #7B7B7B;
}



.catalog-section__prim {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px;
    margin-top: 13px;
}

@media (max-width: 1199px) {
    .catalog-section__prim {
        grid-template-columns: repeat(5, calc(20% - 7px));
    }
}

@media (max-width: 991px) {
    .catalog-section__prim {
        grid-template-columns: repeat(4, calc(25% - 6px));
    }
}

@media (max-width: 767px) {
    .catalog-section__prim {
        grid-template-columns: 100%;
        row-gap: 4px;
        margin-top: 8px;
    }
}

.catalog-section__prim-item {
    position: relative;
    padding: 11px 62px 11px 15px;
    border: 1px solid transparent;
    background: var(--white);
    border-radius: 14px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

@media (max-width: 767px) {
    .catalog-section__prim-item {
        padding: 9px 40px 9px 15px;
        min-height: 40px;
        font-size: 13px;
        line-height: 15px;
        width: 100%;
        min-width: 170px;
        min-height: 44px;
        border-radius: 10px;
    }

    .catalog-section__prim-item:nth-child(n + 7) {
        display: none;
    }

    .catalog-section__prim.is-show .catalog-section__prim-item:nth-child(n + 7) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.catalog-section__prim-item:hover {
    border-color: rgba(32, 86, 60, 0.4);
    background: #F5F4F4;
}

.catalog-section__prim-item img {
    width: 50px;
    height: 70px;
    position: absolute;
    bottom: 0;
    right: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .catalog-section__prim-item img {
        height: 40px;
        width: 28px;
    }
}

.catalog-section__type {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 17px;
}

@media (max-width: 991px) {
    .catalog-section__type {
        grid-template-columns: 100%;
    }
}

@media (max-width: 767px) {
    .catalog-section__type {
        row-gap: 4px;
    }
}

.catalog-section__type-item {
    padding: 24px 16px 8px 24px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
}

@media (max-width: 767px) {
    .catalog-section__type-item {
        row-gap: 8px;
        padding: 16px 15px 15px 15px;
        border-radius: 10px;
    }
}

.catalog-section__type-item .btn {
    margin-top: auto;
    display: none;
}

.catalog-section__type-item .btn.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-section__type-item .btn.is-active.is-show {
    margin-top: 6px;
}

.catalog-section__type-item-heading {
    margin-bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 88px;
    -moz-column-gap: 88px;
    column-gap: 88px;
}

@media (max-width: 767px) {
    .catalog-section__type-item-heading {
        margin-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.catalog-section__type-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: rgba(83, 75, 68, 0.9);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 767px) {
    .catalog-section__type-title {
        font-size: 14px;
        line-height: 18px;
    }
}

.catalog-section__type-title:hover {
    color: rgba(44, 41, 31, 0.9);
}

.catalog-section__type-title:hover .catalog-section__type-icon img {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.catalog-section__type-title:hover .catalog-section__type-icon img.hover {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.catalog-section__type-icon {
    position: relative;
    min-width: 27px;
    max-width: 27px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-section__type-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.catalog-section__type-icon img.hover {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.catalog-section__type-amount {
    color: #F1AF7E;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    line-height: 18px;
}

@media (max-width: 767px) {
    .catalog-section__type-amount {
        padding-left: 35px;
        font-size: 11px;
        line-height: 14px;
    }
}

.catalog-section__type-item-list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
    height: 200px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .catalog-section__type-item-list {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        height: auto;
        margin-bottom: -8px;
    }
}

.catalog-section__type-item-list li {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

.catalog-section__type-item-list li:nth-child(n+13) {
    display: none;
}

@media (max-width: 767px) {
    .catalog-section__type-item-list li {
        font-size: 13px;
        line-height: 15px;
    }

    .catalog-section__type-item-list li:nth-child(n+7) {
        display: none;
    }
}

.catalog-section__type-item-list.is-show {
    height: auto;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
}

.catalog-section__type-item-list.is-show li:nth-child(n+13) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .catalog-section__type-item-list.is-show li:nth-child(n+7) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.catalog-section__type-item-link {
    color: var(--brown);
}

@media (max-width: 767px) {
    .catalog-section__prim-item-text {
        min-width: 113px;
    }
}

@media (max-width: 991px) {
    .catalog__leftside {
        position: fixed;
        top: 0;
        left: -10000px;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background: var(--white);
        padding-bottom: 50px;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 10;
    }

    .catalog__leftside.is-open {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .catalog__leftside .container {
        padding: 0 15px;
    }

    .catalog__filter-mob {
        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;
        position: relative;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid var(--gray2);
        font-size: 22px;
        color: rgba(108, 100, 92, 0.6);
    }

    .catalog__filter-mob span {
        position: absolute;
        color: var(--black);
        width: 18px;
        height: 18px;
        border-radius: 11px;
        background: var(--beg);
        top: 3px;
        right: 3px;
        font-size: 10px;
        font-weight: 700;
        line-height: 18px;
        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;
    }
}

@media (max-width: 767px) {
    .product-detail {
        overflow: hidden;
    }
}

.product-detail__wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (max-width: 991px) {
    .product-detail__wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
    }
}

.product-detail__rightside {
    width: 341px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

@media (max-width: 991px) {
    .product-detail__rightside {
        width: 100%;
    }

    .product-detail__rightside .product-detail__actions {
        display: none;
    }
}

@media (max-width: 767px) {
    .product-detail__rightside {
        row-gap: 4px;
    }
}

.product-detail__top {
    display: grid;
    grid-template-columns: 402px auto;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (max-width: 1199px) {
    .product-detail__top {
        grid-template-columns: 100%;
        row-gap: 30px;
    }
}

.product-detail__sliders-top {
    position: relative;
    height: 288px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: var(--white);
    overflow: hidden;
}

.product-detail__sliders-top:hover .zoom {
    background: rgba(44, 41, 31, 0.2);
    color: var(--black);
}

@media (max-width: 767px) {
    .product-detail__sliders-top {
        height: 205px;
    }
}

.product-detail__sliders-main-img {
    height: 288px;
    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: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.product-detail__sliders-main-img video {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    drag: none;
}

.product-detail__sliders-main-img .product-detail__sliders-nav-img-icon {
    width: 60px;
    height: 60px;
}

.product-detail__sliders-main-img .product-detail__sliders-nav-img-icon img {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.product-detail__sliders-main-img:hover .product-detail__sliders-nav-img-icon img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.product-detail__sliders-main-img img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}

@media (max-width: 767px) {
    .product-detail__sliders-main-img {
        height: 205px;
    }
}

.product-detail .product-card__tags {
    z-index: 2;
    top: 10px;
    left: 10px;
}

.product-detail .zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 8px;
    background: rgba(44, 41, 31, 0.1);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    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;
    font-size: 10px;
    color: var(--brown);
    width: 24px;
    height: 24px;
}

.product-detail__sliders-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
}

@media (max-width: 767px) {
    .product-detail__sliders-bottom {
        display: none;
    }
}

.product-detail__sliders-nav {
    width: calc(100% - 69px);
}

.product-detail__sliders-nav-img {
    height: 55px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    padding: 3px;
    position: relative;
    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;
}

.product-detail__sliders-nav-img.no-photo img {
    padding: 5px;
}

.product-detail__sliders-nav-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-detail__sliders-nav-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(206, 201, 201, 0.2);
    border-radius: 14px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.product-detail__sliders-nav-img.video::after {
    opacity: 1;
}

.product-detail__sliders-nav-img:hover {
    border-color: #C5BBA6;
}

.product-detail__sliders-nav-img:hover::after {
    opacity: 1;
}

.product-detail__sliders-nav-img:hover.video::after {
    background: rgba(135, 126, 126, 0.4);
    opacity: 1;
}

.product-detail__sliders-nav-img-icon {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 22.8px;
    background: rgba(38, 35, 32, 0.15);
    -webkit-backdrop-filter: blur(4.80000114440918px);
    backdrop-filter: blur(4.80000114440918px);
    z-index: 1;
}

.product-detail__chars-content-item-wp {
    max-height: 96px;
    overflow: hidden;
    transition: max-height .3s ease-out;
    white-space: pre-wrap;
}

.product-detail__chars-content-item-wp + .btn-showmore{
    display: initial;
    color: #1F8554;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media(max-width: 767px){
    .product-detail__chars-content-item-wp + .btn-showmore{
                font-size: 13px;
        line-height: 15px;
    }
}

.product-detail__chars-content-item-wp + .btn-showmore:hover{
    color: var(--greenHover);
}

.product-detail__chars-content-item-wp.content{
    max-width: 100%;
}

.product-detail__chars-content-item-wp.is-open {
    max-height: fit-content;
}

.product-detail__sliders-more {
    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: 60px;
    height: 55px;
    padding: 3px;
    color: var(--brown);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
}

.product-detail__sliders-more:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
    color: var(--black);
}

.product-detail__sliders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.product-detail .slider-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 16px;
}

@media (max-width: 767px) {
    .product-detail .slider-buttons {
        padding: 0;
        width: calc(100% + 16px);
    }
}

.product-detail .slider-buttons .slider-btn.swiper-button-prev {
    left: 0;
}

.product-detail .slider-buttons .slider-btn.swiper-button-next {
    right: 0;
}

.product-detail .slider-buttons .product-card__price {
    display: none;
}

.product-detail .slider-buttons .viewed-products__card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-detail__leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: calc(100% - 381px);
    width: 100%;
}

.product-detail__slider-more {
    margin: 0;
    width: 100%;
}

@media (max-width: 991px) {
    .product-detail__leftside {
        max-width: 100%;
    }
}

.product-detail__info .product-detail__actions {
    display: none;
}

@media (max-width: 991px) {
    .product-detail__info .product-detail__chars {
        display: none;
    }

    .product-detail__info .product-detail__chars-btn {
        display: none;
    }

    .product-detail__info .product-detail__actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.product-detail__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .product-detail__title {
        font-size: 18px;
        line-height: 22px;
        MB: 4px;
    }
}

.product-detail__art {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .product-detail__art {
        font-size: 13px;
        margin-bottom: 8px;
    }
}

.product-detail__more-wp {
    margin-top: 17px;
}

.product-detail__more-wp .viewed-products__card-img {
    min-width: 60px;
    max-width: 60px;
    height: 35px;
}

.product-detail__more-wp .viewed-products__card {
    padding: 12px 7px 12px 21px;
}

@media (max-width: 767px) {
    .product-detail__more-wp .viewed-products__card {
        padding: 10px 4px 10px 15px;
    }
}

.product-detail__more-wp .viewed-products__card-heading {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-detail__more-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 9px;
}

@media (max-width: 767px) {
    .product-detail__more-title {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 7px;
    }
}

.product-detail__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    padding: 5px 38px 5px 8px;
    border-radius: 10px;
    border: 1px solid var(--gray2);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .product-detail__brand {
        padding: 5px 30px 5px 8px;
        width: 100%;
    }
}

.product-detail__brand:hover {
    border: 1px solid #C5BBA6;
    background: rgba(237, 233, 227, 0.6);
}

.product-detail__brand:hover .product-detail__brand-name {
    color: var(--black);
}

.product-detail__brand svg {
    position: absolute;
    top: 50%;
    right: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #6C645C;
    font-size: 6px;
}

.product-detail__brand-img {
    max-width: 55px;
    min-width: 55px;
    height: 35px;
    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: 5px;
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
}

.product-detail__brand-img img {
    -o-object-fit: contain;
    object-fit: contain;
}

.product-detail__brand-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-detail__brand-name {
    color: rgba(44, 41, 31, 0.7);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .product-detail__brand-name {
        font-weight: 500;
        line-height: 16px;
    }
}

.product-detail__brand-country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .product-detail__brand-country {
        font-size: 13px;
        line-height: 16px;
    }
}

.product-detail__brand-country img {
    min-width: 14px;
    max-width: 14px;
    height: 8px;
    border-radius: 2px;
    overflow: hidden;
}

.product-detail__chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-detail__chars li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid var(--gray2);
}

.product-detail__chars-name {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

.product-detail__chars-value {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.product-detail__chars-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.product-detail__chars-btn svg {
    font-size: 6px;
    margin-top: 2px;
}

.product-detail__video-list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 4px));
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 24px;
}

@media (max-width: 767px) {
    .product-detail__video-list {
        margin-bottom: 20px;
        grid-template-columns: repeat(2, calc(50% - 5px));
    }
}

@media (max-width: 767px) {
    .product-detail__video-list .video-item:nth-child(n+3) {
        display: none;
    }
}

@media (max-width: 767px) {
    .product-detail__video-list.is-show .video-item:nth-child(n+3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.product-detail__chars-block {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-detail__chars-block .product-detail__chars li {
    padding: 10px 0;
}

@media (max-width: 767px) {
    .product-detail__chars-block .product-detail__chars li {
        padding: 5px 0;
    }

    .product-detail__chars-block .product-detail__chars li:nth-child(n+6) {
        display: none;
    }
}

@media (max-width: 767px) {
    .product-detail__chars-block .product-detail__chars.is-open li:nth-child(n+6) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.product-detail__chars-block .product-detail__chars-name {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .product-detail__chars-block .product-detail__chars-name {
        font-size: 12px;
        line-height: 16px;
    }
}

.product-detail__chars-block .product-detail__chars-value {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

@media (max-width: 767px) {
    .product-detail__chars-block .product-detail__chars-value {
        font-size: 12px;
        line-height: 16px;
    }
}

.product-detail__chars__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .product-detail__chars__nav {
        width: calc(100% + 16px);
        overflow-x: auto;
    }

    .product-detail__chars__nav::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        cursor: pointer;
    }

    .product-detail__chars__nav::-webkit-scrollbar-track {
        background: transparent;
    }
}

.product-detail__chars__nav-item {
    padding: 20px;
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
}

.product-detail__chars__nav-item::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: var(--black);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media(max-width: 767px) {
    .product-detail__chars__nav-item::after {
        bottom: 0;
    }
}

.product-detail__chars__nav-item.is-active {
    color: var(--green);
    pointer-events: none;
}

.product-detail__chars__nav-item.is-active::after {
    width: 100%;
    background: var(--green);
}

.product-detail__chars__nav-item:hover {
    color: var(--black);
}

.product-detail__chars__nav-item:hover::after {
    width: 100%;
}

@media (max-width: 767px) {
    .product-detail__chars__nav-item {
        padding: 14px 12px;
        font-size: 13px;
        line-height: 14px;
        white-space: nowrap;
    }
}

.product-detail__chars-content {
    padding-top: 24px;
    position: relative;
}

@media (max-width: 767px) {
    .product-detail__chars-content {
        padding-top: 8px;
    }
}

.product-detail__chars-content-item {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
}

.product-detail__chars-content-item.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    left: initial;
    top: initial;
}

@media (max-width: 767px) {
    .product-detail__chars-content-item-wp {
        max-height: 96px;
        overflow: hidden;
        -webkit-transition: max-height 0.3s ease-out;
        -o-transition: max-height 0.3s ease-out;
        transition: max-height 0.3s ease-out;
    }

    .product-detail__chars-content-item-wp.is-open {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
    }
}

.product-detail__share {
    margin-top: 16px;
    position: relative;
    width: 100%;
    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;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    color: #B5AEAE;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .product-detail__share {
        margin-top: 8px;
        font-size: 11px;
        line-height: 18px;
    }
}

.product-detail__share svg {
    font-size: 12px;
    color: #C4C0C0;
}

@media (max-width: 767px) {
    .product-detail__share svg {
        font-size: 10px;
    }
}

.product-detail__share:hover {
    color: var(--brown);
}

.product-detail__share:hover svg {
    color: var(--brown);
}

.product-detail__share.is-active {
    color: var(--brown);
}

.product-detail__share.is-active svg {
    color: var(--brown);
}

.product-detail__share-inner {
    position: absolute;
    top: calc(100% + 9px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 156px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--white);
    border-radius: 8px;
    padding: 10px 12px;
    -webkit-box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
    box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-detail__share-inner-item {
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-width: 24px;
    min-width: 24px;
    height: 24px;
    border: none;
    background: transparent;
}

.product-detail__share-inner-item img {
    height: 100%;
    object-fit: contain;
}

.product-detail__share-inner-item:hover {
    opacity: .7;
}

.product-detail__share-inner.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.product-detail__share-inner>div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.product-detail__share-inner::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -1px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    background: var(--white);
    z-index: 0;
}

.product-detail__actions {
    padding: 18px 15px 20px 20px;
    border-radius: 20px;
    background: rgba(245, 244, 244, 0.55);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 8px;
}

.product-detail__actions .product-card__basket {
    margin-top: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.product-detail__actions .product-card__basket-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detail__actions .buy-oneclick {
    margin-top: 4px;
    padding: 9px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: var(--brown);
    border-radius: 14px;
    border-color: #D6CCB7;
}

.product-detail__actions .buy-oneclick:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
}

@media (max-width: 767px) {
    .product-detail__actions .buy-oneclick {
        font-size: 11px;
        border-radius: 10px;
        color: rgba(108, 100, 92, 0.6);
        font-weight: 600;
        line-height: 18px;
    }
}

@media (max-width: 767px) {
    .product-detail__actions {
        padding: 10px;
        border-radius: 10px;
        position: relative;
    }
}

.product-detail__actions-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

@media (max-width: 767px) {
    .product-detail__actions-links {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}

.product-detail__actions-price {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .product-detail__actions-price {
        max-width: calc(100% - 75px);
        margin-bottom: 0;
    }
}

.product-detail__actions-price .product-card__price {
    -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: start;
    row-gap: 4px;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}

@media (max-width: 767px) {
    .product-detail__actions-price .product-card__price {
        font-size: 19px;
        line-height: 27px;
    }
}

.product-detail__actions-price .product-card__price-old span {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

@media (max-width: 767px) {
    .product-detail__actions-price .product-card__price-old span {
        font-size: 14px;
        line-height: 14px;
    }
}

.product-detail__actions-tags .product-card__amount-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.product-detail__basket {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

@media (max-width: 767px) {
    .product-detail__basket {
        margin-top: 16px;
    }
}

.product-detail__btn-basket {
    padding: 15px 15px 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    line-height: 22px;
    width: 100%;
    border-radius: 14px;
}

@media (max-width: 767px) {
    .product-detail__btn-basket {
        padding: 10px;
        font-size: 13px;
        line-height: 14px;
    }
}

.product-detail__btn-basket .basket-in {
    display: none;
}

.product-detail__btn-basket .basket-order {
    display: none;
}

.product-detail__btn-basket .basket-disable {
    display: none;
}

.product-detail__btn-basket.basket-in .basket-default {
    display: none;
}

.product-detail__btn-basket.basket-in .basket-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.product-detail__btn-basket.basket-in .basket-in img {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-detail__btn-basket.basket-order {
    background: #8A8A8A;
}

.product-detail__btn-basket.basket-order:hover {
    background: var(--greenHover);
}


.product-detail__btn-basket.basket-order .basket-default {
    display: none;
}

.product-detail__btn-basket.basket-order .basket-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detail__btn-basket.basket-disable {
    color: #BFBFBF;
    background: #DDD;
    /* pointer-events: none;*/
}

.product-detail__btn-basket.basket-disable .basket-default {
    display: none;
}

.product-detail__btn-basket.basket-disable .basket-disable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detail__block {
    padding: 15px 20px;
    border-radius: 20px;
    background: rgba(246, 246, 246, 0.76);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
}

.product-detail__block--payment .product-detail__block-list-name {
    color: var(--black);
}

.product-detail__block--payment ul {
    row-gap: 6px;
}

@media (max-width: 767px) {
    .product-detail__block {
        padding: 10px;
    }
}

.product-detail__block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
}

.product-detail__block-title svg {
    font-size: 6px;
    margin-top: 2px;
}

@media (max-width: 767px) {
    .product-detail__block-title {
        font-size: 13px;
        line-height: 18px;
    }
}

.product-detail__block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2px;
}

.product-detail__block-list--deilivery {
    row-gap: 6px;
}

.product-detail__block-list--deilivery .product-detail__block-list-name{
    display: block;
}

.product-detail__block-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.product-detail__block-list-name {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
}

@media (max-width: 767px) {
    .product-detail__block-list-name {
        font-size: 12px;
        line-height: 15px;
    }
}

.product-detail__block-list-name img {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .product-detail__block-list-name img {
        max-width: 15px;
        min-width: 15px;
        height: 15px;
    }
}

.product-detail__block-list-value {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 767px) {
    .product-detail__block-list-value {
        font-size: 12px;
    }
}

.product-detail__downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 18px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .product-detail__downloads {
        padding: 10px;
    }
}

.product-detail__downloads-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .product-detail__downloads-item {
        padding: 4px 0;
    }
}

.product-detail__downloads-item:last-of-type {
    border-bottom: none;
}

.product-detail__downloads-item:hover .product-detail__downloads-item-img img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.product-detail__downloads-item:hover .product-detail__downloads-item-img img.hover {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.product-detail__downloads-item-img {
    position: relative;
    max-width: 18px;
    min-width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 3px;
}

.product-detail__downloads-item-img img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.product-detail__downloads-item-img img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.product-detail__downloads-item-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 18px;
    margin-right: 6px;
    width: 100%;
}

@media (max-width: 767px) {
    .product-detail__downloads-item-center {
        -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: start;
        font-size: 12px;
        line-height: 16px;
    }
}

.product-detail__downloads-item-center span {
    color: rgba(108, 100, 92, 0.5);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .product-detail__downloads-item-center span {
        margin-left: 0;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }
}

.product-detail__downloads-item-icon {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #F8F8F8;
    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;
    font-size: 7px;
    color: rgba(108, 100, 92, 0.5);
}

.btn-showmore {
    display: none;
    color: var(--brown);
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    padding-right: 12px;
    position: relative;
    margin-top: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 767px) {
    .btn-showmore.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.btn-showmore::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: url("/local/templates/vpl_vue/img/svg/arrow-down.svg") no-repeat;
    background-size: contain;
}

.btn-showmore.is-show::after {
    -webkit-transform: translateY(-45%) scale(-1);
    -ms-transform: translateY(-45%) scale(-1);
    transform: translateY(-45%) scale(-1);
}

.btn-showmore.is-bigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.video-item__img {
    position: relative;
    height: 170px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 576px) {
    .video-item__img {
        height: 90px;
    }
}

.video-item__img::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 41, 31, 0.3);
    border-radius: 10px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.video-item__img video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-item__img-icon {
    position: absolute;
    border-radius: 31px;
    background: rgba(38, 35, 32, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    left: 16px;
    bottom: 16px;
    z-index: 1;
    width: 45px;
    height: 45px;
    font-size: 14px;
    color: var(--white);
    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: 4px;
}

@media (max-width: 767px) {
    .video-item__img-icon {
        width: 25px;
        height: 25px;
        font-size: 8px;
        left: 8px;
        bottom: 8px;
    }
}

.video-item__name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 16px 0 8px;
}

@media (max-width: 767px) {
    .video-item__name {
        font-size: 13px;
        line-height: 15px;
    }
}

.video-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin-top: auto;
}

.video-item__info-size {
    color: rgba(108, 100, 92, 0.6);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.video-item__info-icon {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    background: var(--gray2);
    border-radius: 100%;
    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: 1px;
    font-size: 9px;
    color: rgba(108, 100, 92, 0.5);
}

.video-item:hover .video-item__img::before {
    opacity: 1;
    visibility: visible;
}

.swiper-slide-thumb-active .product-detail__sliders-nav-img {
    border-color: var(--brown);
}

@media (max-width: 767px) {
    .recommend {
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .recommend-slider {
        width: calc(100% + 16px);
    }
}

.recommend-slider .product-card {
    height: 100%;
}

.modal-payment__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-payment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 17px;
    -moz-column-gap: 17px;
    column-gap: 17px;
    padding: 30px 0;
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .modal-payment__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 16px;
        padding: 16px 0;
    }
}

.modal-payment__item:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.modal-payment__item:first-of-type {
    padding-top: 0;
}

.modal-payment__item-img {
    max-width: 170px;
    min-width: 170px;
    height: 120px;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .modal-payment__item-img {
        border-radius: 10px;
        max-width: 122px;
        min-width: 122px;
        height: 82px;
    }
}

.modal-payment__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .modal-payment__item-info {
        row-gap: 8px;
    }
}

.modal-payment__item-title {
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .modal-payment__item-title {
        font-size: 16px;
    }
}

.modal-payment__item-text {
    color: var(--black);
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .modal-payment__item-text {
        font-size: 13px;
        line-height: 16px;
    }
}

.modal-delivery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-delivery__list.content p {
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .modal-delivery__list.content p {
        font-size: 13px;
        line-height: 16px;
    }
}

.modal-delivery__list.content ul {
    margin: 0 0 16px;
}

.modal-delivery__list.content ul li {
    font-size: 13px;
    line-height: 16px;
    padding-left: 20px;
}

.modal-delivery__list.content ul li:after {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    left: 4px;
    top: 4px;
}

.modal-delivery__item {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-delivery__item:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.modal-delivery__item:first-of-type {
    padding-top: 0;
}

.modal-delivery__item-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .modal-delivery__item-title {
        font-size: 16px;
    }
}

.modal-delivery__item-informer {
    padding: 4px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    border-radius: 10px;
    background: #F5F4F4;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 767px) {
    .modal-delivery__item-informer {
        font-size: 12px;
        line-height: 15px;
    }
}

.modal-delivery__item-informer span {
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 767px) {
    .modal-delivery__item-informer span {
        font-size: 12px;
    }
}

.modal-delivery__item-comp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
}

.modal-delivery__item-comp-img {
    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: 10px;
    border-radius: 9px;
    border: 1px solid var(--gray2);
    height: 59px;
    min-width: 125px;
}

.modal-delivery__item-comp-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.basket {
    display: grid;
    grid-template-columns: auto 370px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 991px) {
    .basket {
        grid-template-columns: 100%;
        row-gap: 16px;
    }
}

.basket__top {
    padding: 10px 0;
    border-top: 1px solid var(--gray2);
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .basket__top {
        padding-top: 0;
        border-top: none;
    }
}

.basket__leftside-del {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.basket__leftside-del:hover {
    color: var(--black);
}

.basket__leftside-del:hover .basket__leftside-del-icon img {
    position: absolute;
    opacity: 0;
}

.basket__leftside-del:hover .basket__leftside-del-icon img.hover {
    opacity: 1;
    position: relative;
}

@media (max-width: 767px) {
    .basket__leftside-del {
        font-size: 13px;
        line-height: 15px;
    }
}

.basket__leftside-del-icon {
    max-width: 19px;
    min-width: 19px;
    height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.basket__leftside-del-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket__leftside-del-icon img.hover {
    position: absolute;
    opacity: 0;
}

.basket__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .basket__list {
        margin-top: 0;
    }
}

.basket__item {
    display: grid;
    grid-template-columns: 30px 475px auto 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    border-bottom: 1px solid var(--gray2);
    padding: 11px 0;
    position: relative;
}

@media (max-width: 1440px) {
    .basket__item {
        grid-template-columns: 30px 375px auto 150px;
    }
}

@media (max-width: 1199px) {
    .basket__item {
        grid-template-columns: 100%;
        row-gap: 8px;
    }
}

@media(max-width: 767px) {
    .basket__item:last-of-type {
        border-bottom: none;
    }
}

.basket__item--disable {
    opacity: 0.7;
}

.basket__item--disable .basket__item-counter-top {
    pointer-events: none;
}


.basket__item-delete {
    width: 29px;
    height: 29px;
    border-radius: 10px;
    background: var(--gray2);
    color: rgba(16, 36, 43, 0.4);
    font-size: 10px;
    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;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket__item-delete:hover {
    background: #F5F5F5;
    color: rgb(16, 36, 43);
}

@media (max-width: 1199px) {
    .basket__item-delete {
        position: absolute;
        bottom: 11px;
        right: 0;
    }
}

.basket__item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.basket__item-main-img {
    min-width: 72px;
    max-width: 72px;
    height: 59px;
    padding: 3px;
    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;
}

.basket__item-main-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .basket__item-main-img {
        min-width: 47px;
        max-width: 47px;
        height: 38px;
    }
}

.basket__item-main-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2px;
}

.basket__item-main-info-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

@media (max-width: 767px) {
    .basket__item-main-info-name {
        font-size: 13px;
        line-height: 18px;
    }
}

.basket__item-main-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
}

.basket__item-main-info-item {
    color: var(--brown);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.basket__item-counter-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

@media (max-width: 767px) {
    .basket__item-counter-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        row-gap: 8px;
    }
}

.basket__item-counter-top .input-group {
    height: 38px;
    min-width: 94px;
}

@media (max-width: 767px) {
    .basket__item-counter-top .input-group {
        max-width: 94px;
    }

    .basket__item-counter-top .input-group input {
        max-width: 36px;
    }
}

.basket__item-counter-top .input-group .btn {
    height: 38px;
    width: 28px;
}

.basket__item-counter-top .input-group .btn.bootstrap-touchspin-down::before {
    left: 16px;
}

.basket__item-counter-top .input-group .btn.bootstrap-touchspin-up::before {
    right: 16px;
}

.basket__item-counter-top .product-card__price {
    -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: start;
    row-gap: 1px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.basket__item-counter-top .product-card__price span.small {
    font-size: 11px;
}

@media (max-width: 767px) {
    .basket__item-counter-top .product-card__price {
        width: calc(100% - 109px);
    }
}

.basket__item-price-total .product-card__price {
    -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: start;
    row-gap: 1px;
}

@media (max-width: 1199px) {
    .basket__item-price-total {
        max-width: calc(100% - 50px);
    }
}

.basket__delivery-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .basket__delivery-wp {
        margin-top: 0;
        row-gap: 4px;
    }
}

.basket__delivery-item {
    padding: 28px 30px 24px 30px;
    border-radius: 20px;
    background: #FBFAF8;
}

@media (max-width: 767px) {
    .basket__delivery-item {
        padding: 15px;
        border-radius: 10px;
    }
}

.basket__delivery-item-title {
    color: var(--hardblack);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .basket__delivery-item-title {
        font-size: 16px;
        line-height: 22px;
    }
}

.basket__delivery-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

.basket__delivery-address-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    width: 100%;
}

.basket__delivery-address-label {
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.basket__delivery-address-wp {
    position: relative;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: #FBFAF8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    width: calc(100% - 45px);
}

.basket__delivery-address-wp input {
    height: 54px;
    border: none;
    width: 100%;
    background: transparent;
    padding: 18px 20px 18px 16px;
    color: rgba(44, 41, 31, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

@media (max-width: 767px) {
    .basket__delivery-address-wp input {
        height: 39px;
        padding: 0 0 0 16px;
        font-size: 14px;
    }
}

.basket__delivery-address-wp input::-webkit-input-placeholder {
    color: rgba(44, 41, 31, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.basket__delivery-address-wp input::-moz-placeholder {
    color: rgba(44, 41, 31, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.basket__delivery-address-wp input:-ms-input-placeholder {
    color: rgba(44, 41, 31, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.basket__delivery-address-wp input::-ms-input-placeholder {
    color: rgba(44, 41, 31, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.basket__delivery-address-wp input::placeholder {
    color: rgba(44, 41, 31, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

@media (max-width: 767px) {
    .basket__delivery-address-wp input::-webkit-input-placeholder {
        font-size: 14px;
    }

    .basket__delivery-address-wp input::-moz-placeholder {
        font-size: 14px;
    }

    .basket__delivery-address-wp input:-ms-input-placeholder {
        font-size: 14px;
    }

    .basket__delivery-address-wp input::-ms-input-placeholder {
        font-size: 14px;
    }

    .basket__delivery-address-wp input::placeholder {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .basket__delivery-address-wp {
        width: 100%;
    }
}

.basket__delivery-address-block {
    position: relative;
}

.basket__delivery-address-block.is-active .basket__delivery-address-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.basket__delivery-address-block.is-active .basket__delivery-address-wp {
    background: var(--white);
}

.basket__delivery-address-clear {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 54px;
    padding: 0 10px;
    font-size: 10px;
    color: rgba(16, 36, 43, 0.4);
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
}

.basket__delivery-address-clear::after {
    position: absolute;
    content: "";
    width: 1px;
    right: 0;
    height: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--gray2);
}

.basket__delivery-address-clear:hover {
    color: rgba(16, 36, 43, 0.8);
}

@media (max-width: 767px) {
    .basket__delivery-address-clear {
        height: 39px;
    }
}

.basket__delivery-address-result-list {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}

.basket__delivery-address-result-list::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    cursor: pointer;
}

.basket__delivery-address-result-list::-webkit-scrollbar-track {
    background: transparent;
}

.basket__delivery-address-result-list::-webkit-scrollbar-thumb {
    background-color: #534B44;
    border: none;
}

.basket__delivery-address-result {
    position: absolute;
    overflow: hidden;
    top: 55px;
    left: 0;
    width: calc(100% - 45px);
    background: var(--white);
    z-index: 1;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
}

.basket__delivery-address-result.is-show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media (max-width: 767px) {
    .basket__delivery-address-result {
        top: 38px;
        width: 100%;
    }
}

.basket__delivery-address-result-item {
    padding: 10px 0 10px 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #DDDADA;
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.basket__delivery-address-result-item span {
    color: #534B44;
}

.basket__delivery-address-result-item:last-of-type {
    border-bottom: none;
}

.basket__delivery-address-result-item:hover {
    background: #FBFAF8;
}

.basket__delivery-address-search {
    border: none;
    background: transparent;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px 0 10px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    font-size: 16px;
    color: rgba(16, 36, 43, 0.6);
    position: relative;
}

.basket__delivery-address-search:hover {
    color: rgba(16, 36, 43, 0.8);
}

.basket__delivery-address-text {
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: calc(100% - 45px);
}

.basket__delivery-personal-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--gray2);
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .basket__delivery-personal-nav {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .basket__delivery-personal-nav::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        cursor: pointer;
    }

    .basket__delivery-personal-nav::-webkit-scrollbar-track {
        background: transparent;
    }
}

.basket__delivery-personal-nav-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px;
    position: relative;
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket__delivery-personal-nav-link:hover{
color: var(--green);
}

.basket__delivery-personal-nav-link::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 0;
    background: var(--green);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket__delivery-personal-nav-link.is-active {
    color: var(--green);
}

.basket__delivery-personal-nav-link.is-active::after {
    width: 100%;
}

@media (max-width: 767px) {
    .basket__delivery-personal-nav-link {
        padding: 14px 12px;
        white-space: nowrap;
        font-size: 13px;
        line-height: 14px;
    }
}

.basket__delivery-personal-content {
    position: relative;
}

.basket__delivery-personal-content-item {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.basket__delivery-personal-content-item.is-active {
    position: relative;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.basket__delivery-personal-content-double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.basket__delivery-personal-content-double .field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 767px) {
    .basket__delivery-personal-content-double .field {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .basket__delivery-personal-content-double {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4px;
    }
}

.basket__delivery-personal-serv {
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    background: #FBFAF8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

@media (max-width: 767px) {
    .basket__delivery-personal-serv {
        padding: 15px;
        row-gap: 8px;
    }

    .basket__delivery-personal-serv .filter__item-checkbox-value {
        font-size: 13px;
        line-height: 15px;
    }
}

.basket__delivery-personal-serv-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

@media (max-width: 767px) {
    .basket__delivery-personal-serv-title {
        font-size: 13px;
        line-height: 20px;
    }
}

.basket__delivery-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

@media (max-width: 767px) {
    .basket__delivery-radio {
        row-gap: 4px;
    }
}

.basket__delivery-radio-item {
    position: relative;
    width: 100%;
}

.basket__delivery-radio-item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.basket__delivery-info {
    padding: 12px 20px 12px 59px;
    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;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    border-radius: 10px;
    border: 1px solid #D6CCB7;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket__delivery-info::before {
    position: absolute;
    content: "";
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("/local/templates/vpl_vue/img/svg/radio-uncheck.svg") no-repeat center;
}

@media (max-width: 767px) {
    .basket__delivery-info::before {
        left: 15px;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
}

.basket__delivery-info:hover {
    border-color: #CEC4AE;
    background: #F5F4F4;
}

.basket__delivery-info:hover::before {
    background: url("/local/templates/vpl_vue/img/svg/radio-uncheck-h.svg") no-repeat center;
    background-size: contain;
}

@media (max-width: 767px) {
    .basket__delivery-info {
        padding: 13px 15px 13px 44px;
        -webkit-column-gap: 9px;
        -moz-column-gap: 9px;
        column-gap: 9px;
    }
}

.basket__delivery-radio-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 5px;
}

.basket__delivery-radio-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

@media (max-width: 767px) {
    .basket__delivery-radio-title {
        font-size: 13px;
        line-height: 14px;
    }
}

.basket__delivery-radio-chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
}

.basket__delivery-radio-chars li {
    color: #555;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .basket__delivery-radio-chars li {
        font-size: 12px;
        line-height: 16px;
    }
}

.basket__delivery-radio-chars li span {
    font-weight: 700;
}

.basket__delivery-radio-icon {
    max-width: 45px;
    min-width: 45px;
    height: 45px;
    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: 11px;
    border-radius: 10px;
    background: #DDDADA;
}

.basket__delivery-radio-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .basket__delivery-radio-icon {
        max-width: 35px;
        min-width: 35px;
        height: 35px;
        padding: 10px;
    }
}

.basket__sidebar-inner {
    padding: 40px 18px 24px;
    border-radius: 20px;
    background: #F6F4F4;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .basket__sidebar-inner {
        padding: 15px;
        border-radius: 10px;
    }
}

.basket__sidebar-block-total {
    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;
    color: var(--brown);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-total {
        font-size: 17px;
        line-height: 21px;
    }
}

.basket__sidebar-block-total span {
    color: var(--black);
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-total span {
        font-size: 18px;
        line-height: 22px;
    }
}

.basket__sidebar-block:first-of-type {
    padding-top: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--gray2);
}

.basket__sidebar-block .product-card__price {
    -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: start;
    row-gap: 3px;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

@media (max-width: 767px) {
    .basket__sidebar-block .product-card__price {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 3px;
    }
}

.basket__sidebar-block .product-card__price-old span {
    font-size: 16px;
}

@media (max-width: 767px) {
    .basket__sidebar-block .product-card__price-old span {
        font-size: 14px;
        line-height: 14px;
    }
}

.basket__sidebar-block .btn--green {
    width: 100%;
    padding: 19px;
    border-radius: 14px;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}



@media (max-width: 767px) {
    .basket__sidebar-block .btn--green {
        padding: 7px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 20px;
    }
}

.basket__sidebar-block-discount {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.basket__sidebar-block-discount-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-discount-title {
        font-size: 13px;
        line-height: 15px;
    }
}

.basket__sidebar-block-discount-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 4px 5px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 7px;
    border: 1px solid var(--gray2);
    background: #FBFAF8;
}

.basket__sidebar-block-discount-wp input {
    border: none;
    margin: 0 !important;
    padding: 0 !important;
    height: 46px !important;
    color: #8A8A8A !important;
    font-size: 16px !important;
    line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::-webkit-input-placeholder {
    font-size: 16px !important;
    line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::-moz-placeholder {
    font-size: 16px !important;
    line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input:-ms-input-placeholder {
    font-size: 16px !important;
    line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::-ms-input-placeholder {
    font-size: 16px !important;
    line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::placeholder {
    font-size: 16px !important;
    line-height: 18px !important;
}

@media (max-width: 767px) {
    .basket__sidebar-block-discount-wp input {
        height: 35px !important;
        font-size: 14px !important;
    }

    .basket__sidebar-block-discount-wp input::-webkit-input-placeholder {
        font-size: 14px !important;
    }

    .basket__sidebar-block-discount-wp input::-moz-placeholder {
        font-size: 14px !important;
    }

    .basket__sidebar-block-discount-wp input:-ms-input-placeholder {
        font-size: 14px !important;
    }

    .basket__sidebar-block-discount-wp input::-ms-input-placeholder {
        font-size: 14px !important;
    }

    .basket__sidebar-block-discount-wp input::placeholder {
        font-size: 14px !important;
    }
}

.basket__sidebar-block-discount-wp .btn {
    padding: 13px 16px;
    -webkit-transition: background 0.3s ease-out, color 0.3s ease-out;
    -o-transition: background 0.3s ease-out, color 0.3s ease-out;
    transition: background 0.3s ease-out, color 0.3s ease-out;
    font-size: 14px;
    cursor: pointer;
    border-color: #D6CCB7;
    background: #F6EFE0;
}

.basket__sidebar-block-discount-wp .btn:hover {
    background: #EBE5D6;
}

@media (max-width: 767px) {
    .basket__sidebar-block-discount-wp .btn {
        padding: 8px 10px;
        font-size: 11px;
    }
}

.basket__sidebar-block-discount-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-discount-list {
        margin-top: 4px;
    }
}

.basket__sidebar-block-discount-list li {
    padding: 6px 10px;
    border-bottom: 1px solid var(--gray2);
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 10px;
}

.basket__sidebar-block-discount-list li:last-of-type {
    border-bottom: none;
}

.basket__sidebar-block-discount-list li:hover {
    background: #EDEAEA;
    border-color: transparent;
}

.basket__sidebar-block-discount-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.basket__sidebar-block-discount-list-info.disable .basket__sidebar-block-discount-list-status {
    color: var(--red);
}

.basket__sidebar-block-discount-list-name {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-discount-list-name {
        font-size: 11px;
        line-height: 15px;
    }
}

.basket__sidebar-block-discount-list-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-discount-list-status {
        font-size: 13px;
        line-height: 15px;
    }
}

.basket__sidebar-block-discount-list-status-icon {
    min-width: 12px;
    max-width: 12px;
    height: 12px;
    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;
}

.basket__sidebar-block-discount-list-status-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.basket__sidebar-block-discount-list-del {
    position: relative;
    max-width: 20px;
    min-width: 20px;
    height: 30px;
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.basket__sidebar-block-discount-list-del img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.basket__sidebar-block-discount-list-del img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.basket__sidebar-block-discount-list-del:hover img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.basket__sidebar-block-discount-list-del:hover img.hover {
    opacity: 1;
    position: relative;
    visibility: visible;
}

.basket__sidebar-block-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

.basket__sidebar-block-subtitle span {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #040404;
}

.basket__sidebar-block-subtitle.red span {
    color: var(--red);
}

.basket__sidebar-block-delivery {
    margin-top: 16px;
    padding: 14px;
    border-radius: 10px;
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.basket__sidebar-block-delivery li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    flex-direction: column;
}

@media (max-width: 767px) {
    .basket__sidebar-block-delivery li {
        -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: start;
    }
}

.basket__sidebar-block-delivery-title {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}

.basket__sidebar-block-delivery-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.basket__sidebar-block-delivery-value svg {
    font-size: 13px;
    min-width: 13px;
    color: #8A8A8A;
}

.basket__sidebar-block-delivery-value:hover svg {
    color: var(--greenHover);
}

.basket__sidebar-block-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 7px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-info {
        row-gap: 4px;
    }
}

.basket__sidebar-block-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 767px) {
    .basket__sidebar-block-title {
        margin-bottom: 3px;
    }
}

.basket__delivery-reg-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    display: block;
}

.basket__delivery-reg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 9px;
}

.basket__delivery-reg-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

@media (max-width: 767px) {
    .basket__delivery-reg-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4px;
    }
}

.basket__delivery-reg-top .field {
    width: 100%;
}

.basket__delivery-reg-top .btn {
    min-width: 153px;
    padding: 9px;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .basket__delivery-reg-top .btn {
        padding: 7px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 20px;
        width: 100%;
    }
}

.basket__delivery-reg-top .field__input {
    margin-bottom: 0 !important;
}

.basket .filter__item-checkbox {
    padding-bottom: 0;
}

.basket .field__input {
    height: 44px;
    padding-top: 13px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
}

.basket .field__input--textarea {
    height: 90px;
    margin-bottom: 0;
    margin-top: 8px;
}

@media (max-width: 767px) {
    .basket .field__input--textarea {
        margin-top: 4px;
    }
}

.basket__delivery-personal-content .checkbox__input::after {
    left: -1px;
}



@media (max-width: 1440px) {
    .basket__delivery-personal-content .checkbox__input::after {
        left: -0.5px;
    }
}

@media (max-width: 767px) {
    .basket .field__input {
        height: 42px;
        padding-right: 25px;
    }

    .basket__delivery-personal-content .checkbox__input::after {
        left: 0 !important;
    }
}

.basket .field__label {
    font-size: 14px;
    line-height: 18px;
}

.basket .is-required::after {
    top: 14px;
}

@media (max-width: 767px) {
    .basket .is-required::after {
        top: 12px;
    }
}

.basket .checkbox__wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .basket .checkbox__wp {
        margin-top: 10px;
    }

    .basket .checkbox__wp .checkbox__input::after {
        left: 0;
    }
}

.basket__delivery-radio-item input:checked~.basket__delivery-info {
    border-color: #C5BBA6;
    background: #F5F4F4;
}

.basket__delivery-radio-item:hover input:checked~.basket__delivery-info {
    border-color: #BDB39B;
    background: #EEE;
}

.basket__delivery-radio-item input:checked~.basket__delivery-info::before {
    background: url("/local/templates/vpl_vue/img/svg/radio-check.svg") no-repeat center;
    background-size: contain;
}

.basket__delivery-radio-item:hover input:checked~.basket__delivery-info::before {
    background: url("/local/templates/vpl_vue/img/svg/radio-check-h.svg") no-repeat center;
    background-size: contain;
}

@media (max-width: 991px) {
    .basket__sidebar .show .btn {
        padding: 7px 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 11px;
        line-height: 20px;
    }

    .show .basket__sidebar-actions {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        padding: 10px 15px;
        background: #F6F4F4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    /* .show .basket__sidebar-block-total {
margin-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
font-size: 8px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.show .basket__sidebar-block-total span {
font-size: 16px;
line-height: 20px;
} */
}

.empty {
    padding: 0 0 70px;
}

@media (max-width: 767px) {
    .empty {
        padding: 0 0 40px;
    }
}

.empty__wp {
    padding: 120px 60px;
    border-radius: 20px;
    background: #FBFAF8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .empty__wp {
        padding: 50px 20px;
    }
}

.empty__wp .btn {
    border-radius: 10px;
    border-color: #D6CCB7;
    padding: 9px 8px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.empty__wp .btn svg {
    font-size: 7px;
}

.empty__wp .btn:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
}

@media (max-width: 767px) {
    .empty__wp .btn {
        font-size: 11px;
        line-height: 18px;
    }
}

.empty__title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .empty__title {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 5px;
    }
}

.empty__subtitle {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .empty__subtitle {
        font-size: 14px;
        line-height: 18px;
    }
}

.order-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 570px;
    margin: 0 auto;
}

.order-success__title {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .order-success__title {
        margin-bottom: 20px;
    }
}

.order-success__text {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .order-success__text {
        font-size: 14px;
        line-height: 18px;
    }
}

.order-success__text a {
    color: var(--green);
}

.order-success__text a:hover {
    color: var(--greenHover);
}

.order-success__btns {
    margin-top: 24px;
}

.order-success__btns .btn {
    padding: 11px 30px;
    color: rgba(44, 41, 31, 0.8);
    font-weight: 600;
}

@media (max-width: 767px) {
    .order-success__btns .btn {
        padding: 9px 15px;
    }
}

.text-block.content {
    max-width: 770px;
}

@media (max-width: 1199px) {
    .text-block.content {
        max-width: 100%;
    }
}

.text-block.content .services-detail__item-img {
    margin: 0;
}

.text-block.content .services-detail__item-img img {
    margin: 0;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .text-block.content .services-detail__item-img img {
        border-radius: 7px;
    }
}

.payment__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.payment__list-item {
    padding: 20px 0;
    border-bottom: 1px solid #DDDADA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
}

.payment__list-item:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

@media (max-width: 991px) {
    .payment__list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 8px;
    }

    .payment__list-item:first-child {
        padding-top: 0;
    }
}

.payment__list-item-name {
    max-width: 266px;
    min-width: 266px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

@media(max-width: 991px) {
    .payment__list-item-name {
        order: 2;
    }
}

@media (max-width: 767px) {
    .payment__list-item-name {
        font-size: 16px;
        line-height: 22px;
    }
}

.payment__list-item-desc {
    /* max-width: 527px; */
    width: 100%;
    font-size: 15px;
    line-height: 21px;
}

.payment__list-item-desc.content {
    margin: 0;
}

@media (max-width: 1199px) {
    .payment__list-item-desc {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .payment__list-item-desc {
        order: 3;
    }
}

@media (max-width: 767px) {
    .payment__list-item-desc {
        font-size: 13px;
        line-height: 16px;
        max-width: 100%;
    }
}

.payment__list-item-img {
    margin-left: auto;
    height: 163px;
    min-width: 244px;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .payment__list-item-img {
        margin-left: 0;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .payment__list-item-img {
        height: 82px;
    }
}

.payment__list-item-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.delivery-block {
    display: grid;
    grid-template-columns: 266px auto;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
}

@media (max-width: 991px) {
    .delivery-block {
        grid-template-columns: 100%;
        row-gap: 16px;
    }
}

.delivery-block__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .delivery-block__title {
        font-size: 16px;
    }
}

.delivery-block__desc.content {
    max-width: 100%;
    margin: 0;
}

.delivery-block__desc.content .delivery-block__pic-item img {
    margin: 0;
}

.delivery-block__pic {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 11px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 767px) {
    .delivery-block__pic {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

.delivery-block__pic-item {
    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: 0 10px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    overflow: hidden;
    height: 128px;
}

@media (max-width: 767px) {
    .delivery-block__pic-item {
        height: 65px;
        border-radius: 10px;
    }
}

.delivery-block__pic-item img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}

.brands__filter {
    display: grid;
    grid-template-columns: 70px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 10px;
    border-radius: 20px;
    background: #F5F4F4;
}

@media (max-width: 767px) {
    .brands__filter {
        grid-template-columns: 100%;
        row-gap: 6px;
        border-radius: 10px;
    }
}

.brands__filter-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
}

.brands__filter-btn {
    border-radius: 10px;
    background: #EBE5D6;
    padding: 10px;
    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;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    height: 100%;
}

.brands__filter-btn:hover {
    background: #E0DACB;
}

.brands__filter-btn.is-active {
    background: var(--brown);
    color: var(--white);
}

.brands__filter-lins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.brands__filter-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
}

.brands__filter-line-item {
    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: 10px;
    background: #EBE5D6;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 26px;
    padding: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.brands__filter-line-item.is-active {
    background: var(--brown);
    color: var(--white);
}

.brands__filter-line-item.disable {
    background: #ECEBEB;
    color: #DDDADA;
    pointer-events: none;
}

.brands__filter-line-item:hover {
    background: #E0DACB;
}

.brands__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.brands__blocks-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .brands__blocks-item {
        row-gap: 8px;
        padding: 16px 0;
    }
}

.brands__blocks-item:first-of-type {
    padding-top: 0;
}

.brands__blocks-item:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.brands__blocks-item.disable {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.brands__blocks-item.is-hide {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.brands__blocks-item.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.brands__blocks-item-title {
    color: var(--brown);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.brands__blocks-item-list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 23px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 10px;
}

@media (max-width: 767px) {
    .brands__blocks-item-list {
        grid-template-columns: repeat(2, calc(50% - 15px));
    }
}

@media (max-width: 576px) {
    .brands__blocks-item-list {
        row-gap: 8px;
        grid-template-columns: 100%;
    }
}

.brands__blocks-item-list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.brands__blocks-item-list-link:hover .brands__blocks-item-list-link-name {
    color: rgb(44, 41, 31);
}

.brands__blocks-item-list-link-logo {
    max-width: 55px;
    min-width: 55px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid var(--gray2);
    padding: 3px;
    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;
}

.brands__blocks-item-list-link-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.brands__blocks-item-list-link-name {
    color: rgba(44, 41, 31, 0.7);
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.brand__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.brand__detail-top {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 169px 553px auto;
    -webkit-column-gap: 129px;
    -moz-column-gap: 129px;
    column-gap: 129px;
}

@media (max-width: 1199px) {
    .brand__detail-top {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}

@media (max-width: 991px) {
    .brand__detail-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 16px;
    }
}

.brand__detail-logo {
    width: 100%;
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    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: 10px;
    height: 108px;
}

.brand__detail-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 991px) {
    .brand__detail-logo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 170px;
    }
}

@media (max-width: 767px) {
    .brand__detail-logo {
        width: 100px;
        height: 64px;
        border-radius: 10px;
    }
}

.brand__detail-desc.content {
    margin: 0;
    max-width: 100%;
}

.brand__detail-desc.content p.big-text {
    color: var(--black);
}

@media (max-width: 991px) {
    .brand__detail-desc {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.brand__detail-country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    margin-left: auto;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

@media (max-width: 991px) {
    .brand__detail-country {
        width: calc(100% - 200px);
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .brand__detail-country {
        font-size: 13px;
        line-height: 16px;
        width: calc(100% - 120px);
    }
}

.brand__detail-country img {
    min-width: 14px;
    max-width: 14px;
    height: 8px;
    border-radius: 2px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1440px) {
    .brand__detail--promo .product-detail__share-inner {
        left: initial;
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 767px) {
    .brand__detail--promo .product-detail__share-inner {
        left: 0;
        right: initial;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.brand__detail--promo .brand__detail-top {
    grid-template-columns: 200px 553px auto;
    -webkit-column-gap: 99px;
    -moz-column-gap: 99px;
    column-gap: 99px;
}

@media (max-width: 1440px) {
    .brand__detail--promo .brand__detail-top {
        grid-template-columns: 200px 453px auto;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}

.brand__detail--promo .brand__detail-logo {
    padding: 0;
    background: transparent;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-radius: 0;
    overflow: visible;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.brand__detail--promo .promo__item-info-leftside {
    row-gap: 13px;
}

@media (max-width: 767px) {
    .brand__detail--promo .promo__item-info-leftside {
        row-gap: 4px;
    }
}

.brand__detail--promo .promo__item-info-date {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 767px) {
    .brand__detail--promo .promo__item-info-date {
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

.brand__detail--promo .promo__item-info-date span {
    margin-right: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Inter;
    font-size: 55px;
    font-weight: 600;
    line-height: 67px;
    letter-spacing: 2.75px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .brand__detail--promo .promo__item-info-date span {
        margin-right: 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }
}

.brand__detail--promo .promo__item-info-date span.promo__item-info-date-year {
    margin-right: 0;
    color: var(--brown);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    padding-top: 5px;
}

@media (max-width: 767px) {
    .brand__detail--promo .promo__item-info-date span.promo__item-info-date-year {
        font-size: 8px;
        font-weight: 700;
        line-height: 10px;
        letter-spacing: 0.4px;
    }
}

.brand__detail--promo .brand__detail-country {
    height: 265px;
    border-radius: 20px;
    overflow: hidden;
}

.brand__detail--promo .brand__detail-country img {
    height: 100%;
    min-width: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border-radius: 0;
    overflow: visible;
}

@media (max-width: 991px) {
    .brand__detail--promo .brand__detail-country {
        max-width: calc(100% - 220px);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .brand__detail--promo .brand__detail-country {
        height: 90px;
        border-radius: 10px;
        max-width: calc(100% - 151px);
    }

    .brand__detail--promo .brand__detail-country img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.brand__projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
}

@media (max-width: 767px) {
    .brand__projects {
        row-gap: 8px;
    }
}

.brand__projects-list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 10px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.brand__projects-list .projects__item:nth-of-type(n + 7) {
    display: none;
}

.brand__projects-list.is-show .projects__item:nth-of-type(n + 7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1199px) {
    .brand__projects-list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 576px) {
    .brand__projects-list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.brand__projects .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: none;
    padding: 12px 30px;
}

.brand__projects .btn.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .brand__projects .btn {
        width: 100%;
        padding: 10px;
    }
}

.promo__list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 23px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
}

.promo__list .content-nav {
    grid-column: 1/5;
}

@media (max-width: 1023px) {
    .promo__list {
        grid-template-columns: repeat(3, calc(33% - 17px));
    }

    .promo__list .content-nav {
        grid-column: 1/4;
    }
}

@media (max-width: 767px) {
    .promo__list {
        grid-template-columns: repeat(2, calc(50% - 10px));
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 20px;
    }

    .promo__list .content-nav {
        grid-column: 1/3;
    }
}

@media (max-width: 576px) {
    .promo__list {
        grid-template-columns: 100%;
        row-gap: 18px;
    }

    .promo__list .content-nav {
        grid-column: 1/2;
    }
}

.promo-detail .catalog__bottom {
    margin-top: 0;
}

.projects__intra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 991px) {
    .projects__intra {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 30px;
    }
}

.projects__intra-rightside-inner {
    position: relative;
}

.projects__intra-text.content {
    max-width: 100%;
    margin: 0;
}

.projects__intra-text.content .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 38px;
    color: var(--white);
    border-radius: 14px;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .projects__intra-text.content .btn {
        padding: 7px 25px;
        line-height: 20px;
        border-radius: 10px;
    }
}

.projects__intra-numbers {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 1px));
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    row-gap: 2px;
    min-width: 468px;
}

@media (max-width: 767px) {
    .projects__intra-numbers {
        min-width: 100%;
    }
}

.projects__intra-numbers-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
    padding: 14px 30px 20px 30px;
    border-radius: 20px;
    background: #FBFAF8;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
    color: rgba(108, 100, 92, .8);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

@media (max-width: 767px) {
    .projects__intra-numbers-item {
        padding: 15px 10px 10px 15px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 14px;
    }
}

.projects__intra-numbers-item span {
    color: var(--black);
    font-size: 46px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -1px;
}

@media (max-width: 767px) {
    .projects__intra-numbers-item span {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0;
    }
}

@media (max-width: 991px) {
    .projects__intra--serv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .projects__intra--serv .projects__intra-rightside {
        margin: 0 auto;
    }
}

.projects__intra-slider-img {
    height: 385px;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 568px;
}

.projects__intra-slider-img.no-photo {
    min-width: 568px;
}

.projects__intra-slider-img.no-photo img {
    max-width: 80%;
    -o-object-fit: contain;
    object-fit: contain;

}

.projects__intra-slider-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .projects__intra-slider-img {
        height: 268px;
        max-width: 100%;
        border-radius: 10px;
    }

    .projects__intra-slider-img.no-photo {
        min-width: 100%;
    }
}

@media (max-width: 576px) {
    .projects__intra-slider-img {
        height: 195px;
    }
}

.projects__intra-rightside {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 568px;
}

@media (max-width: 767px) {
    .projects__intra-rightside {
        max-width: 100%;
    }
}

.projects__intra-rightside .zoom {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    border-radius: 6px;
    background: rgba(44, 41, 31, 0.1);
    -webkit-backdrop-filter: blur(15.373046875px);
    backdrop-filter: blur(15.373046875px);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
    .projects__intra-rightside .zoom {
        bottom: 15px;
        right: 15px;
    }
}

.projects__intra-rightside:hover .zoom {
    background: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255);
}

.projects__intra-rightside .slider-arrows {
    position: absolute;
    z-index: 3;
    left: 30px;
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 35px;
    background: rgba(38, 38, 38, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 767px) {
    .projects__intra-rightside .slider-arrows {
        display: none;
    }
}

.projects__intra-rightside .slider-arrows::before {
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 100%;
    background: url("/local/templates/vpl_vue/img/svg/hs-line.svg") no-repeat;
    background-size: cover;
}

.projects__intra-rightside .slider-arrows .slider-btn {
    padding: 14px 15px 14px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.projects__intra-rightside .slider-arrows .slider-btn:hover {
    opacity: 0.8;
}

.projects__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
}

@media (max-width: 767px) {
    .projects__list {
        row-gap: 16px;
    }
}

.projects__list-filter {
    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;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
}

@media (max-width: 767px) {
    .projects__list-filter {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: calc(100% + 30px);
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: auto;
    }

    .projects__list-filter::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }

    .projects__list-filter::-webkit-scrollbar-track {
        background: transparent !important;
    }
}

.projects__list-filter-item {
    padding: 9px 13px;
    border-radius: 10px;
    border: 1px solid #D6CCB7;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}

@media (max-width: 767px) {
    .projects__list-filter-item {
        font-size: 13px;
        line-height: 15px;
        white-space: nowrap;
    }
}

.projects__list-filter-item:hover {
    background: rgba(214, 204, 183, 0.3);
    color: rgba(44, 41, 31, 0.8);
}

.projects__list-filter-item.is-active {
    border-color: #C5BBA6;
    background: #D6CCB7;
}

.projects__list-wp {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 9px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 991px) {
    .projects__list-wp {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 576px) {
    .projects__list-wp {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.projects__list-wp .content-nav {
    margin-top: 20px;
    grid-column: 1/4;
}

@media (max-width: 991px) {
    .projects__list-wp .content-nav {
        grid-column: 1/3;
    }
}

@media (max-width: 576px) {
    .projects__list-wp .content-nav {
        grid-column: 1/2;
    }
}

.project-map .nice-select {
    border-color: rgba(176, 189, 209, 0.3);
    background: #FBFAF8;
    width: 350px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.project-map .nice-select .option:hover {
    color: #534B44;
}

@media (max-width: 576px) {
    .project-map .nice-select {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .project-map .section__nav {
        width: 100%;
    }

    .project-map .sort__select-wp {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .clients__sp {
        overflow: hidden;
    }
}

.city__map {
    height: 533px;
    width: calc(100% - 1px);
}

.form-section {
    position: relative;
}

.form-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.form-section__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.form-section .section__heading {
    position: relative;
    z-index: 1;
}

.form-section form {
    max-width: 873px;
    z-index: 1;
    position: relative;
}

.form-section form .nice-select {
    width: 100%;
    background: #FBFAF8;
    height: 45px;
    line-height: 45px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .form-section form .nice-select {
        font-size: 14px;
        font-weight: 400;
    }
}

.form-section form .form-select {
    min-height: 45px;
    height: 45px;
    margin-bottom: 4px;
}

.form-section form .field__input--textarea {
    height: 131px;
}

.form-section form .field__input--textarea.field__input--height {
    height: 230px;
}

@media (max-width: 767px) {
    .form-section form .field__input--textarea.field__input--height {
        height: 207px;
    }
}

@media (max-width: 767px) {
    .form-section form .field__input--textarea {
        height: 109px;
    }
}

.form-section .checkbox {
    margin-top: 8px;
}

.form-section .form__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .form-section .form__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px;
        border-radius: 10px;
    }
}

.form-section .form__top>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-section .nice-select::after {
    opacity: 0.7;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    background-size: cover;
}

@media (max-width: 767px) {
    .form-section .nice-select::after {
        width: 14px;
        height: 14px;
        top: calc(50% - 7px);
    }
}

.form-section .nice-select .list {
    position: absolute;
    top: 100%;
    padding: 10px;
    border-radius: 10px;
}

.form-section .list__heading {
    display: none;
}

.form-section .form__submit-container .btn {
    padding: 21px 10px;
    width: 100%;
}

.form-section .checkbox__input:checked::after {
    left: -.4px;
}

@media (max-width: 767px) {
    .form-section .form__submit-container .btn {
        padding: 6px;
    }
}

@media (max-width: 767px) {
    .form-section .is-required::after {
        top: 15px;
    }

    .form-section .nice-select .list {
        width: calc(100% + 4px);
        left: -2px;
    }
}

.modal .form__submit-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 56px;
    -moz-column-gap: 56px;
    column-gap: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .services {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 24px;
    }
}

.services__text.content {
    max-width: 100%;
    margin: 0;
}

.services__img {
    height: 395px;
    border-radius: 20px;
    overflow: hidden;
    min-width: 574px;
}

.services__img.no-photo img {
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1199px) {
    .services__img {
        min-width: 474px;
    }
}

@media (max-width: 991px) {
    .services__img {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
    }
}

@media (max-width: 767px) {
    .services__img {
        height: auto;
        border-radius: 10px;
    }

    .services__img.no-photo {
        min-height: 300px;
    }
}

.services__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.services__list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 15px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 991px) {
    .services__list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 767px) {
    .services__list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.services__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    padding: 30px 24px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
    .services__list-item {
        row-gap: 10px;
        padding: 15px;
        border-radius: 10px;
    }
}

.services__list-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    min-height: 110px;
}

@media (max-width: 991px) {
    .services__list-item-top {
        min-height: fit-content;
    }
}

@media (max-width: 767px) {
    .services__list-item-top {
        row-gap: 8px;
    }
}

.services__list-item-icon {
    width: 50px;
    height: 50px;
}

@media (max-width: 767px) {
    .services__list-item-icon {
        width: 30px;
        height: 30px;
    }
}

.services__list-item-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.services__list-item-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding-right: 10px;
}

@media (max-width: 767px) {
    .services__list-item-name {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (max-width: 375px) {
    .services__list-item-name {
        max-width: 157px;
    }
}

.services__list-item-name svg {
    font-size: 7px;
    margin-left: 3px;
    height: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .services__list-item-name svg {
        height: 15px;
    }
}

.services__list-item-text {
    color: rgba(44, 41, 31, 0.8);
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .services__list-item-text {
        font-size: 13px;
        line-height: 16px;
    }
}

.projects__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    position: relative;
}

.projects__detail .product-detail__share {
    position: absolute;
    right: 0;
    top: -81px;
    /* justify-content: flex-end; */

    margin-left: auto;
    width: fit-content;
}

.projects__detail .product-detail__share-inner {
    top: calc(100% + 2px);
}

.projects__detail-top {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.projects__detail-top .swiper-pagination {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .projects__detail-top {
        border-radius: 0;
        margin-top: 20px;
    }

    .projects__detail .product-detail__share {
        z-index: 2;
        top: -19px;
    }

    .projects__detail .product-detail__share-inner {
        top: calc(100% + 6px);
    }
}

.projects__detail-tags {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

@media (max-width: 767px) {
    .projects__detail-tags {
        position: relative;
        top: initial;
        left: initial;
        margin-top: 22px;
        width: 100%;
    }
}

.projects__detail-slider-wp {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.projects__detail-slider-wp::after {
    position: absolute;
    content: "";
    border-radius: 928px;
    background: rgba(32, 31, 30, 0.59);
    -webkit-filter: blur(40px);
    filter: blur(40px);
    width: 928px;
    height: 290px;
    left: -343px;
    bottom: -106px;
    z-index: 1;
}

@media (max-width: 767px) {
    .projects__detail-slider-wp::after {
        content: none;
    }
}

.projects__detail-tags-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 16px;
    border-radius: 10px;
    background: rgba(44, 41, 31, 0.3);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.projects__detail-tags-item span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .projects__detail-tags-item span {
        color: var(--brown);
        font-size: 7px;
        font-weight: 700;
        line-height: 9px;
        letter-spacing: 0.42px;
    }
}

@media (max-width: 767px) {
    .projects__detail-tags-item {
        border-radius: 10px;
        background: rgba(44, 41, 31, 0.1);
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        color: var(--black);
        font-size: 13px;
        line-height: 14px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.projects__detail-btn {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 30px;
    padding: 19px 50px;
    font-size: 17px;
    line-height: 21px;
}

@media (max-width: 767px) {
    .projects__detail-btn {
        position: relative;
        bottom: initial;
        left: initial;
        padding: 6px 20px;
        width: 100%;
        font-size: 11px;
        line-height: 20px;
        margin-top: 22px;
    }
}

.projects__detail .zoom {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    font-size: 12px;
}

@media (max-width: 767px) {
    .projects__detail .zoom {
        bottom: 15px;
        right: 15px;
    }
}

.projects__detail-slider-img {
    width: 100%;
    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: 20px;
    overflow: hidden;
    height: 477px;
}

@media (max-width: 767px) {
    .projects__detail-slider-img {
        height: 350px;
        border-radius: 10px;
    }
}

@media (max-width: 576px) {
    .projects__detail-slider-img {
        height: 250px;
    }
}

.projects__detail-slider-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.projects__detail-slider-img video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.projects__detail .swiper-slide-thumb-active .projects__detail-slider-nav-img::before {
    opacity: 1;
}

.projects__detail-slider-img-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(38, 35, 32, 0.15);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--white);
    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: 100%;
    color: var(--white);
    font-size: 17px;
}

.projects__detail-slider-img-icon svg {
    margin-left: 2px;
}

.projects__detail-slider-img-icon:hover {
    color: var(--black);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

@media (max-width: 767px) {
    .projects__detail-slider-img-icon {
        width: 30px;
        height: 30px;
        font-size: 11px;
    }
}

.projects__detail-bottom {
    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;
}

@media (max-width: 767px) {
    .projects__detail-bottom {
        display: none;
    }
}

.projects__detail-bottom .section__nav-arrows {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

.projects__detail-bottom .section__nav-arrows .slider-btn {
    font-size: 20px;
}

.projects__detail-slider-nav {
    width: 900px;
    margin: 0;
}

.projects__detail-slider-nav-img {
    height: 69px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.projects__detail-slider-nav-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.projects__detail-slider-nav-img::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: rgb(64 139 34 / 40%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.projects__detail-slider-nav-img:hover::before {
    opacity: 1;
}

.projects__detail-slider-nav-img .projects__detail-slider-img-icon {
    width: 30px;
    height: 30px;
    font-size: 10px;
}

.project-brands {
    display: grid;
    grid-template-columns: repeat(6, calc(16% - 4px));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
}

@media (max-width: 1199px) {
    .project-brands {
        grid-template-columns: repeat(4, calc(25% - 12px));
    }
}

@media (max-width: 767px) {
    .project-brands {
        grid-template-columns: repeat(2, calc(50% - 2px));
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        row-gap: 4px;
    }
}

.zoom {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    width: 30px;
    height: 30px;
    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: 6px;
    background: rgba(44, 41, 31, 0.1);
    -webkit-backdrop-filter: blur(15.373046875px);
    backdrop-filter: blur(15.373046875px);
    font-size: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.zoom:hover {
    background: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255);
}

.services-detail__list {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 2px));
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
}

@media (max-width: 767px) {
    .services-detail__list {
        grid-template-columns: 100%;
    }
}

.services-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 15px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    color: rgba(44, 41, 31, 0.8);
    font-size: 15px;
    line-height: 21px;
}

@media (max-width: 767px) {
    .services-detail__item {
        color: rgb(44, 41, 31);
        font-size: 13px;
        line-height: 16px;
    }
}

.services-detail__item-img {
    height: 90px;
    max-width: 120px;
    min-width: 120px;
}

@media (max-width: 767px) {
    .services-detail__item-img {
        height: 67px;
        max-width: 90px;
        min-width: 90px;
    }
}

.services-detail__item-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header__bottom-nav-dropdown-block-title-desc {
    font-size: 16px;
    line-height: 24px;
}

.instrumentation__list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 9px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 991px) {
    .instrumentation__list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 767px) {
    .instrumentation__list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }

    .instrumentation__list .header__bottom-nav-dropdown-block-title {
        font-size: 14px;
        line-height: 18px;
        color: rgba(83, 75, 68, 0.9);
        opacity: 1;
    }

    .instrumentation__list .header__bottom-nav-dropdown-block-title:hover {
        color: var(--greenHover);
    }

    .instrumentation__list .header__bottom-nav-dropdown-block-list {
        line-height: 15px;
    }

    .instrumentation__list .header__bottom-nav-dropdown-block-list a {
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
    }
}

.videoobzor__item {
    max-width: 772px;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.videoobzor__item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.videoobzor__item::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 197px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(6.63%, #202526), color-stop(88.35%, rgba(32, 37,
                    38, 0)));
    background: -o-linear-gradient(bottom, #202526 6.63%, rgba(32, 37, 38, 0) 88.35%);
    background: linear-gradient(0deg, #202526 6.63%, rgba(32, 37, 38, 0) 88.35%);
}

@media (max-width: 767px) {
    .videoobzor__item::after {
        height: 70px;
    }
}

.videoobzor__item-info {
    padding: 323px 24px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    position: relative;
    z-index: 1;
    width: 100%;
}

@media (max-width: 991px) {
    .videoobzor__item-info {
        padding: 223px 24px 20px;
    }
}

@media (max-width: 767px) {
    .videoobzor__item-info {
        padding: 107px 15px 15px;
    }
}

.videoobzor__item-name {
    color: var(--white);
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}

@media (max-width: 767px) {
    .videoobzor__item-name {
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
    }
}

.videoobzor__item-name svg {
    font-size: 10px;
    height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1px;
}

@media (max-width: 767px) {
    .videoobzor__item-name svg {
        font-size: 6px;
        height: 15px;
    }
}

.videoobzor__item-year {
    color: rgba(255, 255, 255, 0.7);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .videoobzor__item-year {
        font-size: 7px;
        font-weight: 700;
        line-height: 9px;
        letter-spacing: 0.42px;
    }
}

.videoobzor__item .block-play {
    z-index: 3;
}

.block-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(38, 35, 32, 0.15);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--white);
    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: 100%;
    color: var(--white);
    font-size: 17px;
}

.block-play svg {
    margin-left: 2px;
}

.block-play:hover {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--black);
}

@media (max-width: 767px) {
    .block-play {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
}

.equipment-page__list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 9px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 991px) {
    .equipment-page__list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 767px) {
    .equipment-page__list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.equipment-page__list-item {
    padding: 15px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .equipment-page__list-item {
        font-size: 13px;
        line-height: 14px;
        border-radius: 10px;
    }
}

.equipment-page__list-item-img {
    height: 90px;
    max-width: 120px;
    min-width: 120px;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .equipment-page__list-item-img {
        height: 67px;
        max-width: 90px;
        min-width: 90px;
        border-radius: 7px;
    }
}

.equipment-page__list-item-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.equipment-page__list-item-img.no-photo img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 80%;
}

.calc {
    background: url("/local/templates/vpl_vue/img/content/bgCalc.png") no-repeat;
    background-size: cover;
}

.calc form {
    display: grid;
    grid-template-columns: auto 353px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media (max-width: 991px) {
    .calc form {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.calc__leftside {
    border-radius: 20px;
    overflow: hidden;
    background: var(--brown);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media (max-width: 767px) {
    .calc__leftside {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 10px;
    }
}

.calc__leftside .is-required::after {
    top: 18px;
}

.calc__leftside .field__input {
    height: 54px;
    padding: 13px 18px;
    color: var(--brown);
    background: #FBFAF8;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .calc__leftside .field__input {
        height: 42px;
        padding: 12px 15px;
        line-height: 18px;
    }
}

.calc__type {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0px 60px 30px;
    row-gap: 24px;
}

@media (max-width: 767px) {
    .calc__type {
        padding: 15px;
        row-gap: 16px;
        width: 100%;
    }
}

.calc__type::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 233px;
    height: 100%;
    background: url("/local/templates/vpl_vue/img/svg/calc-bg.svg") no-repeat;
    background-position: bottom;
    background-size: cover;
    z-index: 0;
}

.calc__type-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    border-radius: 0 0 14px 14px;

}

.calc__type-item:nth-child(n + 2) {
    overflow: hidden;
}

.calc__type-item .noUi-target {
    margin-top: 0;
    position: absolute;
    top: calc(100% - 9px);
    width: calc(100% - 20px);
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.calc__type-item .calc__type-item .noUi-target {
    border: none;
}

.calc__type-item .noUi-base,
.calc__type-item .noUi-connects {
    height: 4px;
}

.calc__type-item-title {
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 767px) {
    .calc__type-item-title {
        font-size: 13px;
        line-height: 14px;
    }
}

.calc__type-item-title sup {
    font-size: 10px;
    line-height: 10px;
}

.calc__checkboxes {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 35px 30px 50px 30px;
    border-radius: 20px;
    background: var(--black);
    -webkit-box-shadow: -10px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -10px 0px 30px 0px rgba(0, 0, 0, 0.2);
    row-gap: 53px;
}

@media (max-width: 767px) {
    .calc__checkboxes {
        padding: 15px;
        row-gap: 16px;
        width: 100%;
        border-radius: 10px;
    }
}

.calc__checkboxes-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calc__checkboxes-wp .filter__item-checkbox {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .calc__checkboxes-wp .filter__item-checkbox {
        padding: 8px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

.calc__checkboxes-wp .filter__item-checkbox:first-of-type {
    padding-top: 0;
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox-value-name {
    color: rgba(255, 255, 255, 0.8);
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox input {
    opacity: 0.8;
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox-value-sum {
    color: var(--white);
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox-value-sum span {
    color: rgba(255, 255, 255, 0.6);
}

.calc__checkboxes-wp .filter__item-checkbox-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.calc__checkboxes-wp .filter__item-checkbox-value-name {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .calc__checkboxes-wp .filter__item-checkbox-value-name {
        font-size: 13px;
        line-height: 15px;
    }
}

.calc__checkboxes-wp .filter__item-checkbox-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .calc__checkboxes-wp .filter__item-checkbox-value {
        -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: start;
        row-gap: 4px;
        font-size: 13px;
        line-height: 15px;
    }
}

.calc__checkboxes-wp .filter__item-checkbox-value-sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    min-width: 100px;
}

@media (max-width: 767px) {
    .calc__checkboxes-wp .filter__item-checkbox-value-sum {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
}

.calc__checkboxes-wp .filter__item-checkbox-value-sum span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

@media (max-width: 767px) {
    .calc__checkboxes-wp .filter__item-checkbox-value-sum span {
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
    }
}

.calc__sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.calc__sum-title {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .calc__sum-title {
        font-size: 13px;
        line-height: 14px;
    }
}

.calc__sum-amount {
    color: var(--white);
    font-family: "Inter", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

@media (max-width: 1199px) {
    .calc__sum-amount {
        font-size: 32px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .calc__sum-amount {
        font-size: 18px;
        line-height: 22px;
    }
}

.calc__sum-amount span {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .calc__sum-amount span {
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
    }
}

.calc__rightside {
    border-radius: 20px;
    background: var(--white);
    padding: 20px;
}

@media (max-width: 767px) {
    .calc__rightside {
        padding: 15px;
        border-radius: 10px;
    }
}

.calc__rightside .field__input {
    height: 40px;
    padding: 6px 0 0 18px;
    border-radius: 14px;
}

.calc__rightside .field__label {
    top: 8px;
}

.calc__rightside .field.active .field__label {
    top: 2px;
}

.calc__rightside .field__input:focus+.field__label {
    top: 2px;
}

.calc__rightside .is-required::after {
    top: 11px;
}

.calc__rightside .field__error-text {
    display: none;
}

.calc__rightside .field__input--textarea {
    height: 74px;
    padding-top: 13px;
}

.calc__rightside .form__submit {
    margin-top: 16px;
    row-gap: 8px;
}

@media (max-width: 767px) {
    .calc__rightside .form__submit {
        margin-top: 8px;
    }
}

.calc__rightside .form__submit-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

@media (max-width: 991px) {
    .calc__rightside .form__submit-container .captcha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.calc__rightside .form__submit-container .btn {
    width: 100%;
    padding: 17px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

@media (max-width: 767px) {
    .calc__rightside .form__submit-container .btn {
        border-radius: 10px;
        padding: 8px;
    }
}

.calc .nice-select {
    height: 54px;
    line-height: 54px;
    width: 100%;
    padding-left: 22px;
    font-size: 16px;
    font-weight: 400;
    background: #FBFAF8;
}

@media (max-width: 767px) {
    .calc .nice-select {
        height: 45px;
        line-height: 45px;
        padding-left: 16px;
        font-size: 14px;
        color: rgba(44, 41, 31, 0.6);
    }
}

.calc .nice-select::after {
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    background-size: cover;
    opacity: 0.6;
}

.advan__list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 15px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 1199px) {
    .advan__list {
        grid-template-columns: repeat(3, calc(33% - 10px));
    }
}

@media (max-width: 991px) {
    .advan__list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 767px) {
    .advan__list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.advan__list-item {
    padding: 30px 24px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

@media (max-width: 767px) {
    .advan__list-item {
        padding: 15px;
        border-radius: 10px;
        row-gap: 10px;
    }
}

.advan__list-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

.advan__list-item-icon {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .advan__list-item-icon {
        height: 24px;
    }
}

.advan__list-item-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.advan__list-item-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .advan__list-item-title {
        font-size: 12px;
        line-height: 15px;
    }
}

.advan__list-item-desc {
    color: var(--brown);
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .advan__list-item-desc {
        font-size: 13px;
        line-height: 16px;
        color: rgba(44, 41, 31, 0.8);
    }
}

.equip__assort {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 9px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.equip__assort .content-nav {
    margin-top: 10px;
    grid-column: 1/4;
}

@media (max-width: 991px) {
    .equip__assort {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }

    .equip__assort .content-nav {
        grid-column: 1/3;
    }
}

@media (max-width: 767px) {
    .equip__assort {
        grid-template-columns: 100%;
        row-gap: 4px;
    }

    .equip__assort .content-nav {
        grid-column: 1/2;
        margin-top: 12px;
    }
}

.equip__assort-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    padding: 12px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .equip__assort-item {
        border-radius: 10px;
    }
}

.equip__assort-item:hover {
    border-color: #DDDADA;
}

.equip__assort-item-img {
    max-width: 89px;
    min-width: 89px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.equip__assort-item-img.no-photo img{
    width: 85% !important;
}

@media (max-width: 767px) {
    .equip__assort-item-img {
        max-width: 57px;
        min-width: 57px;
        height: 41px;
    }
}

.equip__assort-item-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.equip__assort-item-title {
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 767px) {
    .equip__assort-item-title {
        font-size: 13px;
        line-height: 16px;
    }
}

.steps {
    background: url("/local/templates/vpl_vue/img/content/bgStep.png") no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .steps {
        background-position: bottom;
    }
}

.steps .section__title {
    color: var(--white);
}

.steps__list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 8px));
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}

@media (max-width: 1199px) {
    .steps__list {
        grid-template-columns: repeat(3, calc(33% - 3px));
    }
}

@media (max-width: 767px) {
    .steps__list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.steps__list-item {
    border-radius: 20px;
    background: #F5F4F4;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    padding: 20px 30px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
}

@media (max-width: 767px) {
    .steps__list-item {
        padding: 15px;
        border-radius: 10px;
    }
}

.steps__list-item-num {
    color: var(--green);
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
}

@media (max-width: 767px) {
    .steps__list-item-num {
        font-size: 26px;
        line-height: 32px;
    }
}

.steps__list-item-text {
    color: var(--brown);
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .steps__list-item-text {
        font-size: 13px;
        line-height: 16px;
    }
}

.result__list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 9px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

@media (max-width: 1199px) {
    .result__list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 576px) {
    .result__list {
        grid-template-columns: 100%;
    }
}

.result__list-item {
    padding: 258px 23px 39px 36px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 767px) {
    .result__list-item {
        padding: 171px 15px 15px;
    }
}

.result__list-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.result__list-item:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 192px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(104, 46, 7, 0)), to(rgba(43, 32, 24, 0.9)));
    background: -o-linear-gradient(top, rgba(104, 46, 7, 0) 0%, rgba(43, 32, 24, 0.9) 100%);
    background: linear-gradient(180deg, rgba(104, 46, 7, 0) 0%, rgba(43, 32, 24, 0.9) 100%);
}

.result__list-item:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.result__list-item-title {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .result__list-item-title {
        font-size: 13px;
        line-height: 18px;
    }
}

.news__list {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 16px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
}

.news__list .content-nav {
    grid-column: 1/4;
}

@media (max-width: 991px) {
    .news__list {
        grid-template-columns: repeat(2, calc(50% - 15px));
    }

    .news__list .content-nav {
        grid-column: 1/3;
    }
}

@media (max-width: 576px) {
    .news__list {
        grid-template-columns: 100%;
        row-gap: 18px;
    }

    .news__list .content-nav {
        grid-column: 1/2;
    }

    .news__list .news__item-img {
        height: 190px;
    }
}

.news__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 991px) {
    .news__detail {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 30px;
    }
}

.news__detail-date {
    max-width: 170px;
    min-width: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #40745B;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 991px) {
    .news__detail-date {
        max-width: calc(50% - 15px);
        min-width: calc(50% - 15px);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width: 767px) {
    .news__detail-date {
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
        font-size: 14px;
        line-height: 20px;
    }
}

.news__detail-date span {
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 1.75px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .news__detail-date span {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
    }
}

.news__detail-date span.news__detail-date-year {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 3px;
    color: var(--brown);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.7px;
    margin-left: 2px;
}

@media (max-width: 767px) {
    .news__detail-date span.news__detail-date-year {
        margin-left: 4px;
        font-size: 8px;
        font-weight: 700;
        line-height: 10px;
        letter-spacing: 0.4px;
    }
}

.news__detail-share {
    max-width: 184px;
    min-width: 184px;
}

.news__detail-share .product-detail__share {
    margin: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

@media (max-width: 1199px) {
    .news__detail-share .product-detail__share-inner {
        left: initial;
        row-gap: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        right: 0;
    }
}

@media (max-width: 991px) {
    .news__detail-share {
        max-width: calc(50% - 15px);
        min-width: calc(50% - 15px);
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.news__detail-text {
    width: calc(100% - 414px);
}

@media (max-width: 991px) {
    .news__detail-text {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.news__detail-text .projects__intra-rightside {
    max-width: 100%;
    margin-bottom: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.news__detail-text.content .projects__intra-slider-img {
    height: 420px;
    max-width: 100%;
}

@media (max-width: 576px) {
    .news__detail-text.content .projects__intra-slider-img {
        height: 160px;
    }
}

.news__detail-text.content .projects__intra-slider-img img {
    margin: 0;
}

.news__detail-text.content p {
    margin: 0 0 24px;
}

.news__detail-text.content p:last-of-type {
    margin-bottom: 0;
}

.contacts__map {
    height: 546px;
    width: 100%;
}

@media (max-width: 767px) {
    .contacts__map {
        height: 450px;
    }
}

.contacts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.contacts__list-item {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray2);
    display: grid;
    grid-template-columns: 314px auto auto;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    align-items: center;
    margin-top: -1px;
}

.contacts__block-title~.contacts__list-item {
    border-top: 1px solid var(--gray2);
}

.contacts__list-item:last-child {
    border-bottom: 0;
}

@media (max-width: 991px) {
    .contacts__list-item {
        grid-template-columns: 100%;
        row-gap: 6px;
    }
}

.contacts__list-item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 9px;
}

@media (max-width: 767px) {
    .contacts__list-item-main {
        margin-bottom: 4px;
        row-gap: 4px;
    }
}

.contacts__list-item-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .contacts__list-item-name {
        font-size: 14px;
        line-height: 20px;
    }
}

.contacts__list-item-location {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .contacts__list-item-location {
        font-size: 13px;
        line-height: 16px;
    }
}

.contacts__list-item-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

@media (max-width: 767px) {
    .contacts__list-item-actions {
        row-gap: 12px;
    }
}

.contacts__list-item-actions-top-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.contacts__list-item-actions-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    width: 100%;
    row-gap: 10px;
}

@media (max-width: 767px) {
    .contacts__list-item-actions-top-leftside {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .contacts__list-item-actions-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 6px;
    }
}

.contacts__list-item-actions-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    border-radius: 8px;
    background: rgba(231, 231, 231, 0.30);
    padding: 3px 6px;
}

@media (max-width: 767px) {
    .contacts__list-item-actions-tel {
        font-size: 14px;
        line-height: 16px;
    }
}

.contacts__list-item-actions-tel img {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts__list-item-actions-tel img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.contacts__list-item-actions-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.contacts__list-item-actions-soc {
    max-width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 7px;
    background: #F5F5F5;
    font-size: 30px;
    color: var(--brown);
}

.contacts__list-item-actions-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-left: auto;
    padding-right: 50px;
}

@media (max-width: 992px) {
    .contacts__list-item-actions-time {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .contacts__list-item-actions-time {
        font-size: 12px;
        line-height: 16px;
    }
}

.contacts__list-item-actions-time span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 767px) {
    .contacts__list-item-actions-time span {
        font-size: 13px;
        line-height: 15px;
    }
}

.contacts__list-item-mail-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    border-radius: 8px;
    background: rgba(231, 231, 231, 0.30);
    padding: 3px 6px;
}

@media (max-width: 767px) {
    .contacts__list-item-mail-link {
        font-size: 14px;
        line-height: 16px;
    }
}

.contacts__list-item-mail-link img {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts__list-item-gal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
}

@media (max-width: 991px) {
    .contacts__list-item-gal {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}

@media (max-width: 767px) {
    .contacts__list-item-gal {
        -webkit-column-gap: 3px;
        -moz-column-gap: 3px;
        column-gap: 3px;
        row-gap: 3px;
    }
}

.contacts__list-item-gal-item {
    max-width: 68px;
    min-width: 68px;
    height: 42px;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .contacts__list-item-gal-item {
        max-width: 50px;
        min-width: 50px;
        height: 35px;
    }
}

@media (max-width: 767px) {
    .contacts__list-item-gal-item {
        max-width: 52px;
        min-width: 52px;
        height: 32px;
        border-radius: 6px;
    }
}

.contacts__list-item-gal-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.search-page {
    padding: 40px 0;
    position: relative;
    background: #EBE5D6;
}

.search-page::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 390px;
    height: 100%;
    background: url("/local/templates/vpl_vue/img/svg/sp-a.svg") no-repeat;
    background-size: cover;
    z-index: 0;
}

@media(max-width: 440px) {
    .search-page::before {
        width: 100%;
    }
}

.search-page:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 390px;
    height: 100%;
    background: url("/local/templates/vpl_vue/img/svg/sp-s.svg") no-repeat;
    background-size: cover;
    z-index: 0;
}

.search-page form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .search-page form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px;
    }
}

.search-page form .btn {
    height: 50px;
    max-width: 225px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .search-page form .btn {
        height: auto;
        max-width: 100%;
    }
}

.search-page__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #F7F7F7;
    background: var(--white);
    height: 50px;
}

@media (max-width: 767px) {
    .search-page__container {
        height: 45px;
        border-radius: 10px;
    }
}

.search-page__container input {
    background: var(--white);
    border: none;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .search-page__container input {
        font-size: 14px;
        line-height: 18px;
    }
}

.search-page__container-clear {
    height: 10px;
    color: #8A8A8A;
    padding: 10px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-page__container-clear:hover {
    color: var(--greenHover);
}

@media (max-width: 767px) {
    .search-page__container-clear {
        font-size: 8px;
    }
}

.search-page__result {
    padding: 30px 0 50px;
}

@media (max-width: 767px) {
    .search-page__result {
        padding: 20px 0 30px;
    }
}

.compare-nav {
    padding: 0 0 50px;
}

@media (max-width: 767px) {
    .compare-nav {
        padding: 0 0 30px;
    }
}

.compare-nav__clear {
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .compare-nav__clear {
        padding-bottom: 0;
        border-bottom: none;
    }
}

@media (max-width: 767px) {
    .compare-nav__top {
        margin-bottom: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .compare-nav__clear-text {
        display: none;
    }

    .compare-nav__clear--fav .compare-nav__clear-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare-nav__clear--fav {
        margin-bottom: 16px;
    }
}

.compare-nav__clear-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 767px) {
    .compare-nav__clear-btn {
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid var(--gray2);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .compare-nav__clear--fav .compare-nav__clear-btn {
        min-width: fit-content;
        max-width: fit-content;
        height: auto;
        border-radius: 0;
        border: none;
    }

    .compare-nav__clear--fav .compare-nav__clear-btn-icon {
        margin-bottom: 2px;
    }
}

.compare-nav__clear-btn:hover {
    color: var(--greenHover);
}

.compare-nav__clear-btn:hover .compare-nav__clear-btn-icon img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.compare-nav__clear-btn:hover .compare-nav__clear-btn-icon img.hover {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.compare-nav__clear-btn-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 20px;
    min-width: 20px;
    height: 20px;
}

.compare-nav__clear-btn-icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.compare-nav__clear-btn-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.compare-nav__bottom {
    padding: 16px 0 18px;
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

@media (max-width: 767px) {
    .compare-nav__bottom {
        padding: 0;
    }
}

.compare-nav__bottom .section__nav-arrows {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

.compare-nav__bottom .section__nav-arrows .slider-btn {
    font-size: 17px;
}

.compare-nav__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: var(--brown);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 767px) {
    .compare-nav__btn {
        font-size: 13px;
        line-height: 14px;
    }
}

.compare-nav__btn.is-active .compare-nav__btn-container {
    background: var(--brown);
    border-color: var(--brown);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.compare-nav__btn.is-active .compare-nav__btn-value {
    background: var(--white);
}

.compare-nav__btn-container {
    max-width: 41px;
    min-width: 41px;
    height: 26px;
    border-radius: 12px;
    background: var(--gray2);
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 2px;
    cursor: pointer;
    border: 1px solid #DDDADA;
}

@media (max-width: 767px) {
    .compare-nav__btn-container {
        max-width: 30px;
        min-width: 30px;
        height: 18px;
    }
}

.compare-nav__btn-value {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: var(--black);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .compare-nav__btn-value {
        width: 12px;
        height: 12px;
    }
}

.compare-sliders__bottom-wp {
    overflow: hidden;
}

.compare-sliders .product-card__del.product-card__compare-del {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .compare-sliders .product-card__tags {
        display: none;
    }

    .compare-sliders .product-card__amount {
        display: none;
    }

    .compare-sliders .product-card__img {
        height: 102px;
    }

    .compare-sliders .product-card__img.no-photo img {
        padding: 15px;
    }

    .compare-sliders .product-card__info-actions {
        display: none;
    }

    .compare-sliders .product-card__price-old {
        display: none;
    }
}

.compare-chars__list-item {
    padding: 14px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
    position: relative;
}



/* .compare-chars__list-item:last-of-type .compare-chars__list-item-value::after {
content: none;
} */

.compare-chars__list-item-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
}

.compare-chars__list-item-value {
    color: #40745B;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    height: 100%;
    position: relative;
    /* padding-bottom: 14px; */
    padding: 10px 30px;
    padding-left: 10px;
}


.compare-chars__list-item-value:first-of-type {
    padding-left: 20px;
}

@media(max-width: 767px) {
    .compare-chars__list-item-value {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 20px;
    }

    .compare-chars__list-item-value:first-of-type {
        padding-left: 10px;
    }
}


/* .compare-chars__list-item-value:last-of-type{
padding-right: 20px;
} */

/* .compare-chars__list-item-value::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: calc(100% + 20px);
height: 1px;
background: var(--gray2);
} */

.compare-chars__list-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 13px;
}





.compare-chars__list-items-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;

    position: relative;
}

.compare-chars__list-items-wp::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #F5F4F4;
    z-index: -1;
}



@media(max-width: 767px) {
    .compare-chars__list-items-wp {
        -webkit-column-gap: 7px;
        -moz-column-gap: 7px;
        column-gap: 7px;
    }
}

.compare-slider__nav .product-card {
    height: 100%;
}

.field__pass {
    position: absolute;
    top: calc(50% - 2px);
    right: 34px;
    height: 16px;
    width: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: url("/local/templates/vpl_vue/img/svg/show.svg") no-repeat;
    background-position: center;
}

.field__pass:hover {
    background: url("/local/templates/vpl_vue/img/svg/show-h.svg") no-repeat;
    background-position: center;
}

.field__pass.is-show {
    background: url("/local/templates/vpl_vue/img/svg/no-show.svg") no-repeat;
    background-position: center;
}

.field__pass.is-show:hover {
    background: url("/local/templates/vpl_vue/img/svg/no-show-h.svg") no-repeat;
    background-position: center;
}

.fav-list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 15px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.fav-list .product-card__del.product-card__fav-del {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fav-list .content-nav {
    margin-top: 30px;
    grid-column: 1/5;
}

@media (max-width: 1199px) {
    .fav-list {
        grid-template-columns: repeat(3, calc(33% - 10px));
    }

    .fav-list .content-nav {
        grid-column: 1/4;
    }
}

@media (max-width: 756px) {
    .fav-list {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }

    .fav-list .content-nav {
        grid-column: 1/3;
    }
}

@media (max-width: 576px) {
    .fav-list {
        grid-template-columns: 100%;
    }

    .fav-list .content-nav {
        grid-column: 1/2;
    }
}

.reviews__list {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.reviews__list .content-nav {
    grid-column: 1/3;
    margin-top: 30px;
}

@media (max-width: 991px) {
    .reviews__list {
        grid-template-columns: 100%;
    }

    .reviews__list .content-nav {
        grid-column: 1/2;
    }
}

@media (max-width: 767px) {
    .reviews__list {
        row-gap: 4px;
    }

    .reviews__list .content-nav {
        margin-top: 12px;
    }
}

.reviews__item {
    padding: 30px 30px 20px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.reviews__item:hover {
    border-color: #DDDADA;
}

@media (max-width: 767px) {
    .reviews__item {
        padding: 15px;
        border-radius: 10px;
    }
}

.reviews__item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
}

.reviews__item-heading-leftside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
}

.reviews__item-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.reviews__item-company {
    font-size: 16px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .reviews__item-company {
        font-size: 13px;
        line-height: 16px;
    }
}

.reviews__item-logo {
    max-width: 92px;
    min-width: 92px;
    height: 56px;
    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: 2px;
    border: 1px solid var(--gray2);
    border-radius: 14px;
    overflow: hidden;
}

.reviews__item-text {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .reviews__item-text {
        font-size: 13px;
        line-height: 16px;
        padding-bottom: 16px;
    }
}

.reviews__item-bottom {
    padding-top: 20px;
    border-top: 1px solid var(--gray2);
}

@media (max-width: 767px) {
    .reviews__item-bottom {
        padding-top: 16px;
    }
}

.reviews__item-link-text {
    font-size: 16px;
    line-height: 24px;
    max-width: 330px;
}

@media (max-width: 767px) {
    .reviews__item-link-text {
        font-size: 13px;
        line-height: 16px;
    }
}

.reviews__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

@media (max-width: 767px) {
    .reviews__item-link {
        -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: start;
    }
}

.reviews__item-link:hover .reviews__item-link-img img {
    opacity: 0;
    position: absolute;
}

.reviews__item-link:hover .reviews__item-link-img img.hover {
    opacity: 1;
    position: relative;
}

.reviews__item-link:hover .reviews__item-link-size {
    color: rgba(108, 100, 92, 0.8);
}

.reviews__item-link:hover .reviews__item-link-icon {
    background: var(--gray2);
}

.reviews__item-link-img {
    position: relative;
    max-width: 30px;
    min-width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .reviews__item-link-img {
        margin-bottom: 16px;
    }
}

.reviews__item-link-img img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: 100%;
    width: 100%;
}

.reviews__item-link-img img.hover {
    position: absolute;
    opacity: 0;
}

.reviews__item-link-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    white-space: nowrap;
    color: rgba(108, 100, 92, 0.5);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .reviews__item-link-size {
        font-size: 13px;
        line-height: 15px;
        margin-left: 0;
    }
}

.reviews__item-link-icon {
    height: 16px;
    max-width: 16px;
    min-width: 16px;
    border-radius: 100%;
    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;
    background: #F8F8F8;
    font-size: 9px;
    color: rgba(108, 100, 92, 0.5);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.lk__main {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 23px));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 20px;
}

@media (max-width: 1199px) {
    .lk__main {
        grid-template-columns: repeat(3, calc(33% - 11px));
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (max-width: 767px) {
    .lk__main {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media (max-width: 576px) {
    .lk__main {
        grid-template-columns: 100%;
        row-gap: 4px;
    }
}

.lk__main-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    padding: 24px 20px;
    border-radius: 20px;
    border: 1px solid #DCDCDC;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    min-height: 150px;
}

@media (max-width: 767px) {
    .lk__main-link {
        padding: 15px;
        border-radius: 10px;
        font-size: 13px;
        line-height: 17px;
    }
}

@media (max-width: 576px) {
    .lk__main-link {
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
    }
}

.lk__main-link:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
    color: var(--black);
}

.lk__main-link:hover .lk__main-link-icon img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.lk__main-link:hover .lk__main-link-icon img.hover {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.lk__main-link-icon {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: #FBFAF8;
    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;
    position: relative;
}

@media (max-width: 767px) {
    .lk__main-link-icon {
        width: 30px;
        height: 30px;
        border-radius: 6px;
        padding: 6px;
    }
}

.lk__main-link-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.lk__main-link-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.lk-wp {
    display: grid;
    grid-template-columns: 270px auto;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 991px) {
    .lk-wp {
        grid-template-columns: 100%;
    }
}

.lk-wp .form__submit-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .lk-wp .form__submit-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.lk__content form {
    max-width: 570px;
}

@media (max-width: 991px) {
    .lk__content form {
        max-width: 100%;
    }
}

.lk__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 991px) {
    .lk__sidebar {
        display: none;
    }
}

.lk__sidebar-link {
    padding: 12px 0;
    border-bottom: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: #70675F;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.lk__sidebar-link.is-active {
    opacity: 0.6;
}

.lk__sidebar-link:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.lk__sidebar-link:first-of-type {
    padding-top: 0;
}

.lk__sidebar-link:hover {
    color: var(--black);
}

.lk__sidebar-link:hover .lk__sidebar-link-icon img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.lk__sidebar-link:hover .lk__sidebar-link-icon img.hover {
    opacity: 1;
    position: relative;
    visibility: visible;
}

.lk__sidebar-link-icon {
    max-width: 26px;
    min-width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.lk__sidebar-link-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.lk__sidebar-link-icon img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.lk__content-title {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .lk__content-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0.7px;
        margin-bottom: 16px;
    }
}

.lk__content-date {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .lk__content-date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .lk__content-date-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.lk__contacts-block {
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .lk__contacts-block {
        margin-bottom: 16px;
    }
}

.lk__btn {
    padding: 20px 50px;
    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: 14px;
    max-width: 248px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    border: none;
}

@media (max-width: 767px) {
    .lk__btn {
        padding: 6px;
        font-size: 11px;
        border-radius: 10px;
        line-height: 18px;
        max-width: 50%;
        white-space: nowrap;
    }
}

.lk__btn--back {
    border-radius: 10px;
    border: 1px solid #D6CCB7;
    padding: 11px 14px 11px 10px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(44, 41, 31, 0.7);
}

.lk__btn--back svg {
    font-size: 12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.lk__btn--back:hover {
    color: var(--black);
    border-color: var(--black);
}

@media (max-width: 767px) {
    .lk__btn--back {
        padding: 9px 16px;
        font-size: 11px;
        border-radius: 10px;
        line-height: 18px;
    }
}

.lk__btn--border {
    padding: 9px 16px;
    border: 1px solid #D6CCB7;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
}

.lk__btn--border:hover {
    border-color: #C5BBA6;
    background: #F5F4F4;
}

.lk__btn--green {
    background: var(--green);
    color: var(--white);
}

@media (max-width: 767px) {
    .lk__btn--green {
        width: 50%;
    }
}

.lk__btn--green:hover {
    background: var(--greenHover);
    color: rgba(255, 255, 255, 0.9);
}

.lk__btn--transparent {
    background: transparent;
    padding: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    border-radius: 14px;
    border: 1px solid #D3D3D3;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .lk__btn--transparent {
        font-size: 11px;
        line-height: 18px;
    }
}

.lk__btn--transparent:hover {
    color: var(--greenHover);
}

.lk__contacts-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .lk__contacts-title {
        font-size: 14px;
        line-height: 18px;
    }
}

.lk__content .field--old input {
    border-color: #E7E7E7;
    background: #EFEFEF;
    padding-top: 0;
    opacity: 0.5;
}

.lk__orders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lk__orders-heading {
    display: grid;
    grid-template-columns: 29px 80px 170px 1fr 1fr 1fr 1fr;
    padding: 10px 0;
    border-top: 1px solid var(--gray2);
    border-bottom: 1px solid var(--gray2);
}

@media(max-width: 1440px){
    .lk__orders-heading{
        grid-template-columns: 29px 65px 132px 1fr 1fr 180px 1fr;
    }
}

@media (max-width: 767px) {
    .lk__orders-heading {
        display: none;
    }
}

.lk__orders-heading-title {
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.lk__orders-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}



.lk__orders-list-item {
    display: grid;
    grid-template-columns: 29px 80px 170px 1fr 1fr 1fr 1fr;
    padding: 14px 0;
    border-bottom: 1px solid var(--gray2);
}

@media(max-width: 1440px){
    .lk__orders-list-item{
        grid-template-columns: 29px 65px 132px  1fr 1fr 180px 1fr;
    }
}

@media (max-width: 767px) {
    .lk__orders-list-item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 14px 22px 14px 25px;
        row-gap: 6px;
        column-gap: 3px;
    }

    .lk__orders-list-item:first-of-type {
        border-top: 1px solid var(--gray2);
    }
}

.lk__orders-list-item-line {
    color: #8A8A8A;
    font-size: 14px;
    line-height: 18px;
    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;
}

@media (max-width: 767px) {
    .lk__orders-list-item-line {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.lk__orders-list-item-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 2px;
    font-size: 15px;
    line-height: 21px;
}

@media(max-width: 1440px){
    .lk__orders-list-item-block{
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .lk__orders-list-item-block {
        width: 33%;
        line-height: 18px;
    }
}

@media (max-width: 576px) {
    .lk__orders-list-item-block {
        width: 50%;
        font-size: 13px;
        line-height: 16px;
    }
}

.lk__orders-list-item-title {
    color: var(--brown);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    display: none;
}

@media (max-width: 767px) {
    .lk__orders-list-item-title {
        display: block;
    }
}

.lk__orders-list-item-status {
    padding: 1px 6px 2px 6px;
    border-radius: 4px;
    color: var(--green);
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: rgba(64, 116, 91, 0.15);
    margin-right: 5px;
}

.lk__orders-list-item-status.completed {
    background: rgba(64, 116, 91, 0.15);
    color: var(--green);
}

.lk__orders-list-item-status.process {
    background: rgba(246, 199, 167, 0.3);
    color: #C06019;
}

.lk__orders-list-item-status.cancelled {
    background: #EDEAE7;
    color: #737373;
}

.lk__orders-list-item-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}

@media (max-width: 1440px){
    .lk__orders-list-item-account{
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .lk__orders-list-item-account {
        -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: start;
        row-gap: 2px;
        font-size: 12px;
        line-height: 16px;
        white-space: break-spaces;
    }
}

.lk__orders-list-item-account:hover {
    color: var(--green);
}

.lk__orders-list-item-account:hover .lk__orders-list-item-account {
    color: var(--green);
}

.lk__orders-list-item-account:hover .lk__orders-list-item-account-icon {
    background: var(--green);
}

.lk__orders-list-item-account-icon {
    min-width: 13px;
    max-width: 13px;
    height: 13px;
    border-radius: 100%;
    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;
    background: var(--brown);
    color: var(--white);
    font-size: 7px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.lk__orders-list-item-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
    margin-left: auto;
}

@media (max-width: 1440px) {
    .lk__orders-list-item-more {
       font-size: 12px;
    }
}

@media (max-width: 767px) {
    .lk__orders-list-item-more {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .lk__orders-list-item-more {
        font-size: 13px;
        line-height: 16px;
    }
}

.lk__orders-list-item-more svg {
    font-size: 8px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.lk__content-btns {
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .lk__content-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 16px;
        margin-bottom: 16px;
        row-gap: 8px;
    }

    .lk__content-btns .lk__btn--back {
        width: 100%;
        max-width: 100%;
    }
}

.lk__content-btns-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

@media (max-width: 767px) {
    .lk__content-btns-wp {
        width: 100%;
    }

    .lk__content-btns-wp .lk__btn--border {
        width: 50%;
        max-width: 50%;
    }

    .lk__content-btns-wp .lk__btn--transparent {
        margin-left: auto;
    }
}

.lk__content-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
}

@media (max-width: 767px) {
    .lk__content-info {
        row-gap: 16px;
    }
}

.lk__content-info-top {
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

@media (max-width: 767px) {
    .lk__content-info-top {
        -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: start;
        row-gap: 8px;
    }
}

.lk__content-info-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.lk__content-info-status-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.lk__content-info-status-item-title {
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

.lk__content-info-status-item-desc {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.lk__content-info-status-item-sum {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.lk__content-info-payment {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.lk__content-info-payment .btn.btn--border {
    background: var(--green);
    color: var(--white);
    padding: 11px 20px;
    width: fit-content;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    border: none;
}

.lk__content-info-payment .btn.btn--border:hover {
    background: var(--greenHover);
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 1199px) {
    .lk__content-info-payment {
        grid-template-columns: 100%;
        row-gap: 8px;
    }
}

.lk__content-info-payment-block {
    padding: 24px 30px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

.lk__content-info-payment-block .lk__btn {
    padding: 11px 20px;
    width: fit-content;
}

@media (max-width: 767px) {
    .lk__content-info-payment-block {
        padding: 15px;
        row-gap: 8px;
    }

    .lk__content-info-payment-block .lk__btn {
        padding: 6px;
        width: 50%;
    }
}

.lk__content-info-payment-block-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.lk__content-info-payment-block-chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.lk__content-info-payment-block-chars li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
}

.lk__content-info-payment-block-chars-name {
    min-width: 150px;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

.lk__content-info-payment-block-chars-value {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.lk__content-info-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

.lk__content-info-order-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.lk__content-order-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.lk__content-order-list-heading {
    display: grid;
    grid-template-columns: auto 140px 65px 95px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 13px 0;
    border-top: 1px solid var(--gray2);
    border-bottom: 1px solid var(--gray2);
    position: relative;
}

@media (max-width: 767px) {
    .lk__content-order-list-heading {
        display: none;
    }
}

.lk__content-order-list-heading-title {
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.lk__content-order-list-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lk__content-order-item {
    display: grid;
    grid-template-columns: auto 140px 65px 95px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .lk__content-order-item {
        width: 100%;
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: 8px;
    }
}

.lk__content-order-item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

@media (max-width: 767px) {
    .lk__content-order-item-main {
        width: 100%;
    }
}

.lk__content-order-item-img {
    max-width: 97px;
    min-width: 97px;
    height: 70px;
    padding: 3px;
    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;
}

@media (max-width: 767px) {
    .lk__content-order-item-img {
        height: 60px;
        max-width: 60px;
        min-width: 60px;
    }
}

.lk__content-order-item-img.no-photo {
    padding: 10px;
}

.lk__content-order-item-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.lk__content-order-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 5px;
}

.lk__content-order-item-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

@media (max-width: 767px) {
    .lk__content-order-item-name {
        font-size: 13px;
        line-height: 18px;
    }
}

.lk__content-order-item-chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lk__content-order-item-chars-item {
    color: var(--brown);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.lk__content-order-item-price .product-card__price {
    -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: start;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.lk__content-order-item-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--brown);
    font-size: 14px;
    line-height: 18px;
}

.lk__content-order-item-total {
    color: var(--greenHover);
    font-size: 16px;
    font-weight: 800;
    line-height: 21px;
}

.lk__content-cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.lk__content-cancel .field__input--textarea {
    padding-right: 30px;
}

.lk__content-cancel-text {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .lk__content-cancel-text {
        font-size: 14px;
        line-height: 22px;
    }
}

.lk__content-cancel-text span {
    font-weight: 600;
}

.lk__content-cancel-text span.red-text {
    color: var(--red);
}

.lk__bonus {
    max-width: 570px;
}

@media (max-width: 991px) {
    .lk__bonus {
        max-width: 100%;
    }
}

.lk__bonus-block {
    padding: 25px 30px;
    border-radius: 20px;
    border: 1px solid var(--gray2);
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .lk__bonus-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .lk__bonus-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 15px;
        border-radius: 10px;
    }
}

.lk__bonus-current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding-right: 22px;
    position: relative;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .lk__bonus-current {
        padding-right: 0;
        padding-bottom: 16px;
        width: 100%;
        font-size: 13px;
    }
}

.lk__bonus-current:after {
    position: absolute;
    content: "";
    right: 0px;
    width: 1px;
    height: 52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--gray2);
}

@media (max-width: 767px) {
    .lk__bonus-current:after {
        top: initial;
        width: 100%;
        height: 1px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        bottom: 0;
    }
}

.lk__bonus-current-sum {
    max-width: 49px;
    min-width: 49px;
    height: 49px;
    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: 10px;
    background: #F6EFE0;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .lk__bonus-current-sum {
        max-width: 35px;
        min-width: 35px;
        height: 35px;
        font-size: 13px;
        line-height: 20px;
        border-radius: 7px;
    }
}

.lk__bonus-conditions {
    padding-left: 30px;
    color: var(--brown);
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .lk__bonus-conditions {
        padding-left: 0;
        font-size: 14px;
    }

    .lk__bonus-conditions br {
        display: none;
    }
}

.lk__bonus-conditions span {
    font-weight: 600;
}

.lk__bonus-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lk__bonus-text p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px;
}

.lk__bonus-text p:last-of-type {
    margin: 0;
}

.lk__subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 9px;
    max-width: 402px;
}

@media (max-width: 991px) {
    .lk__subscribe {
        max-width: 100%;
    }
}

.lk__subscribe-item {
    padding: 5px 6px 5px 20px;
    border-radius: 18px;
    background: #F2F2F2;
    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;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.lk__subscribe-item .lk__btn {
    max-width: 133px;
    padding: 8px 15px;
    width: 100%;
    font-size: 14px;
}

@media (max-width: 767px) {
    .lk__subscribe-item .lk__btn {
        font-size: 12px;
    }
}

.lk__subscribe-item-text {
    color: var(--brown);
    font-size: 16px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .lk__subscribe-item-text {
        font-size: 13px;
        line-height: 16px;
    }
}

.lk__location-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
}

@media (max-width: 767px) {
    .lk__location-wp {
        row-gap: 10px;
    }
}

.lk__location-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.lk__location-item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 767px) {
    .lk__location-item-title {
        font-size: 14px;
    }
}

.order-print {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: inherit;
    align-content: inherit;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: rgba(44, 41, 31, 0.8);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.order-print__img {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.order-print__img img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.order-print__img img.hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.order-print:hover {
    color: rgb(44, 41, 31);
}

.order-print:hover .order-print__img img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.order-print:hover .order-print__img img.hover {
    position: relative;
    opacity: 1;
    visibility: visible;
}

@-webkit-keyframes leftToRight2 {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes leftToRight2 {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes leftToRight {
    0% {
        left: calc(100% + 340px);
    }

    100% {
        left: 0;
    }
}

@keyframes leftToRight {
    0% {
        left: calc(100% + 340px);
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes toTop {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 0;
    }
}

@keyframes toTop {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 0;
    }
}



@-webkit-keyframes toFixed {
    0% {
        top: -53px;
    }

    100% {
        top: 0;
    }
}

@keyframes toFixed {
    0% {
        top: -53px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes burgerTop {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        top: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 5px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 11px;
    }
}

@keyframes burgerTop {
    0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        top: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 5px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 11px;
    }
}

@-webkit-keyframes burgerBottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        bottom: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 5px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 11px;
    }
}

@keyframes burgerBottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        bottom: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 5px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 11px;
    }
}

@-webkit-keyframes burgerMidle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes burgerMidle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes burgerTop2 {
    0% {
        top: 4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        top: 4px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes burgerTop2 {
    0% {
        top: 4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        top: 4px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes burgerBottom2 {
    0% {
        bottom: 4px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    50% {
        bottom: 4px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes burgerBottom2 {
    0% {
        bottom: 4px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    50% {
        bottom: 4px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes burgerMidle2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes burgerMidle2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.is-hide .header__mobile-menu-item-heading {
    height: 0;
}

.is-hide .header__mobile-menu-item-heading-link {
    display: none;
}

.is-hide .header__mobile-menu-item {
    padding: 0;
    border: none;
}

.is-hide .header__mobile-links {
    margin-left: -100%;
    margin-right: 100%;
    position: sticky;
}

.is-hide .header__mobile-menu-item-heading-arrow {
    height: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

.header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__mobile>.container {
    margin-bottom: 25px;
}

.header__mobile-callback {
    margin-top: auto;
}

#recovery .modal-regist {
    max-width: 370px;
    margin: 16px auto;
}

.modal-registration .checkbox--subscription {
    margin-bottom: 4px;
}




.preloader {
    /*display: none !important;*/
}

.switch-active .header__mobile-submenu-dropdown {
    top: -60px;
}

.lk__content-info-payment-block-btns .btn-success {
    padding: 11px 20px;
    width: fit-content;
    background: var(--green);
    color: var(--white);
    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: 14px;
    max-width: 248px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    border: none;
    width: fit-content;
}

@media(max-width: 767px) {
    .lk__content-info-payment-block-btns .btn-success {
        padding: 6px;
        width: 50%;
    }
}

@media(max-width: 576px) {
    .lk__content-info-payment-block-btns .btn-success+p {
        font-size: 14px;
        line-height: 18px;
    }
}

.lk__content-info-payment-block-btns .btn-success:hover {
    background: var(--greenHover);
    color: rgba(255, 255, 255, 0.9);
}

.basket__delivery-address-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.basket__delivery-address-wp {
    width: 100%;
}


@media(max-width: 375px) {
    .catalog__rightside-top .nice-select {
        font-size: 12px;
        width: 199px;
        padding: 0 8px;
    }

    .catalog__rightside-top .nice-select::after {
        right: 4px;
    }

    .catalog__rightside-top .catalog__rightside-top .nice-select {
        font-size: 12px;
    }
}

.catalog-section {
    padding: 40px 0 60px;
}

@media(max-width: 767px) {
    .catalog-section {
        padding: 16px 0 30px;
    }

    .calc__rightside .checkbox__label {
        font-size: 8px;
    }
}

.header__top-actions-link--comp {
    padding: 0;
}

.project-map .nice-select::after {
    opacity: .3;
}

.contacts-page {
    overflow: hidden;
}

.compare-nav__clear.compare-nav__clear--fav {
    border-bottom: none;
}

.modal .form__submit-container .btn {
    max-width: 263px;
    padding: 21px;
}

@media(max-width: 767px) {
    .modal .form__submit-container .btn {
        max-width: 100%;
    }
}

@media(max-width: 576px) {
    .modal .form__submit-container .btn {
        padding: 8px;
    }
}

.field.is-error .field__error-text {
    display: none;
}

input::-webkit-date-and-time-value {
    text-align: left;
}

.form__submit-error {
    text-align: center;
    font-size: 14px;
    color: var(--red);
    line-height: 20px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .form__submit-error {
        line-height: 14px;
        font-size: 10px;
        margin-top: 0;
    }

    .field__label {
        left: 15px;
    }

    .field.active .field__label {
        left: 15px;
    }
}

.checkbox__wp {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

@media(max-width: 576px) {
    .modal .nice-select .list {
        position: absolute;
        top: 100%;
        border-radius: 14px;
        border: 1px solid var(--gray2);
        -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
        box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
        background: var(--white);
        transform: scale(.75) translateY(-21px);
        padding: 0;
    }

    .modal .nice-select.open .list {
        transform: scale(1) translateY(0);
    }

    .modal .list__heading {
        display: none;
    }
}

.content a.btn--lk {
    width: fit-content;
    color: var(--white);
    padding: 12px 18px 12px 21px;
}

@media(max-width: 767px) {
    .content a.btn--lk {
        padding: 8px 10px;
    }
}


.content--lk p {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    text-align: center;
}

@media(max-width: 576px) {
    .content--lk p {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

.projects__intra--career .projects__intra-rightside {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

/* .projects__intra--career {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} */

.projects__intra--career .projects__intra-rightside img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.career {
    background: #FBFAF8;
}

.career__advan {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px);
    grid-template-columns: repeat(4, calc(25% - 15px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.career__advan-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 24px;
    border-radius: 20px;
    border: 1px solid #E7E7E7;
    background: rgba(255, 255, 255, 0.80);
    color: #2C291F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.career__advan-item img {
    max-width: 29px;
    min-width: 29px;
    height: 29px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media(max-width: 1199px) {
    .career__advan {
        grid-template-columns: repeat(3, calc(33% - 11px));
    }
}

@media(max-width: 991px) {
    .career__advan {
        grid-template-columns: repeat(2, calc(50% - 10px));
    }
}

@media(max-width: 767px) {
    .career__advan-item {
        padding: 20px 14px;
        row-gap: 10px;
        border-radius: 16px;
        font-size: 14px;
        line-height: 18px;
    }

    .career__advan-item img {
        max-width: 19px;
        min-width: 19px;
        height: 19px;
    }
}

@media(max-width: 576px) {
    .career__advan {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 10px;
    }
}

.career__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.career__list-item {
    padding: 30px 40px;
    border-radius: 20px;
    border: 1px solid #C5BBA6;
    background: #F5F4F4;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all .3s ease-out;
    cursor: pointer;
}




.career__list-item.is-open {
    background: #FBFAF8;
    border-color: transparent;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.career__list-item:hover {
    background: #FBFAF8;
    border-color: transparent;
}

.career__list-item-heading {
    max-width: 340px;
    min-width: 340px;
    color: var(--hardblack);
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.career__list-item-dropdown-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
}

.career__list-item-dropdown-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px;
}

.career__list-item-dropdown-title {
    color: #2C291F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.career__list-item-dropdown-text {
    color: #2C291F;
    font-size: 16px;
    line-height: 24px;
}

.career__list-item-dropdown-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 20px 30px;
    border-radius: 10px;
    background: #F5F4F4;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.career__list-item-dropdown-contacts a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    color: #2C291F;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.career__list-item-dropdown-contacts a:hover {
    color: var(--greenHover);
}

.career__list-item-dropdown-contacts a img {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.career__list-item-btn {
    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;
    max-width: 33px;
    min-width: 33px;
    height: 33px;
    border-radius: 12px;
    border: 1px solid #E7E7E7;
    background: #F7F7F7;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #6C645C;
    font-size: 12px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.career__list-item-btn.is-open {
    align-self: start;
}

/* .career__list-item-btn.is-open{
animation: fadeinout 1s linear forwards;
}

.career__list-item-btn.is-close{
animation: fadeinout2 .5s linear forwards;
} */
/* @keyframes fadeinout2{
0%{
opacity: 1;
align-self: start;
}
10%{
align-items: center;
opacity: 0;
}
50%{
opacity: 0;
}

100%{
opacity: 1;
align-self: center;
}
}
@keyframes fadeinout{
0%{
opacity: 0;
align-self: center;
}
10%{
align-self: start;
}

100%{
opacity: 1;
align-self: start;
}
} */

.career__list-item-btn.is-open svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.career__list-item-heading .career__list-item-btn {
    display: none;
}

.career__list-item-btn:hover {
    background: #F5F4F4;
}

.career__list-item-dropdown {
    display: none;
}

.career__list-item.is-open .career__list-item-heading {
    margin-bottom: auto;
}

@media(max-width: 991px) {
    .career__list-item-dropdown-contacts {
        -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: start;
        row-gap: 16px;
    }

    .career__list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 20px;
    }

    .career__list-item>.career__list-item-btn {
        display: none;
    }

    .career__list-item-heading {
        max-width: 100%;
        min-width: 100%;
        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;
    }

    .career__list-item-heading .career__list-item-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media(max-width: 767px) {
    .projects__intra--career .projects__intra-rightside img {
        width: 100%;
        display: block;
    }

    .career__list-item {
        row-gap: 16px;
        padding: 15px 20px;
    }

    .career__list-item-heading {
        font-size: 16px;
        line-height: 18px;
    }

    .career__list-item-dropdown-wp {
        row-gap: 12px;
    }

    .career__list-item-dropdown-block {
        row-gap: 8px;
    }

    .career__list-item-dropdown-title {
        font-size: 14px;
        line-height: 16px;
    }

    .career__list-item-dropdown-text {
        font-size: 14px;
        line-height: 16px;
    }

    .career__list-item-dropdown-contacts {
        padding: 12px 16px;
    }

    .career__list-item-dropdown-contacts a {
        font-size: 14px;
        line-height: 16px;
    }
}

.order-success__text-bottom {
    padding: 30px 20px;
    border-radius: 20px;
    background: #f0eeeb;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
}

@media(max-width: 767px) {
    .order-success__text-bottom {
        padding: 15px 10px;
        font-size: 12px;
        line-height: 16px;
    }
}

.content ol.small li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 25px;
}

.content ol.small>li:before {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
}

.about {
    position: relative;
    overflow: hidden;
}

.about::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 700px;
    height: 100%;
    background: url('/local/templates/vpl_vue/img/svg/about-dec.svg') no-repeat;
    background-position: bottom left;
}

.about::before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    background: url('/local/templates/vpl_vue/img/svg/about-dec2.svg') no-repeat;
    z-index: 1;
}

@media(max-width: 1560px) {
    .about::after {
        left: -600px;
    }

    .about::before {
        content: none;
    }
}


.about__bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 2560px;
    height: 100%;
    z-index: 0;
}

.about__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about__info {
    padding: 340px 0 60px;
    position: relative;
    z-index: 1;
}

.about__title {
    position: relative;
    color: var(--white);
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
    width: fit-content;
}

.about__title::before {
    position: absolute;
    content: '';
    right: -150px;
    top: -60px;
    width: 1312px;
    height: 171px;
    z-index: -1;
    background: url('/local/templates/vpl_vue/img/svg/about-title.svg') no-repeat;
    background-position: bottom right;
}

@media(min-width: 2560px) {
    .about__bg {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .about__title::before {
        top: -39px;
    }
}

@media(max-width: 767px) {
    .about__info {
        padding: 230px 0 30px;
    }

    .about::after {
        content: none;
    }

    .about__title {
        font-size: 18px;
        line-height: 22px;
    }

    .about__title::before {
        right: -65px;
        top: -39px;
        width: 1312px;
        height: 91px;
        background: url('/local/templates/vpl_vue/img/svg/about-title2.svg') no-repeat;
        background-position: bottom right;
    }

    .about__bg {
        width: 100%;
    }
}

.about__advan {
    padding: 60px 0;
    background: url('/local/templates/vpl_vue/img/content/advan-bg.png') no-repeat;
    background-size: cover;
}

.about__advan-list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 12px));
    column-gap: 16px;
}

.about__advan-list-item {
    background: var(--white);
    padding: 30px 20px 236px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 360px;
}

.about__advan-list-item-top {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    position: relative;
    z-index: 1;
}

.about__advan-list-item-name {
    color: #1F8554;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.about__advan-list-item-text {
    color: #2C291F;
    font-size: 16px;
    line-height: 24px;
}

.about__advan-list-item-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 280px;
    z-index: 0;
}

.about__advan-list-item-img img {
    height: 100%;
}

.about__advan-list-item.map .about__advan-list-item-img {
    display: flex;
    justify-content: end;
}

.about__advan-list-item.green .about__advan-list-item-name {
    color: var(--white);
}

.about__advan-list-item.green .about__advan-list-item-text {
    color: var(--white);
}

.about__advan-list-item.green {
    background: url('/local/templates/vpl_vue/img/svg/advan-bg-item.svg') no-repeat;
    background-size: cover;
}


.about__advan-list+.about__advan-text {
    margin-top: 40px;
}

@media(max-width: 991px) {
    .about__advan-list {
        grid-template-columns: repeat(2, calc(50% - 8px));
        row-gap: 16px;
    }

    .about__advan-list-item.green .about__advan-list-item-img {
        display: flex;
        justify-content: end;
    }
}

@media(max-width: 576px) {
    .about__advan-list {
        grid-template-columns: 100%;
        row-gap: 4px;
    }

    .about__advan-list-item {
        padding: 26px 15px 30px 130px;
        border-radius: 10px;
        min-height: fit-content;
    }

    .about__advan-list-item-name {
        font-size: 20px;
        line-height: 18px;
        letter-spacing: 1px;
    }

    .about__advan-list-item-text {
        font-size: 13px;
        line-height: 16px;
    }

    .about__advan-list-item-img {
        height: 110px;
        width: 110px;
    }

    .about__advan-list-item.map .about__advan-list-item-img {
        left: initial;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

    }

    .about__advan-list-item.green .about__advan-list-item-img {
        left: initial;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

    }

    .about__advan-list-item.green .about__advan-list-item-name {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.7px;
    }

    .about__advan-list-item.map .about__advan-list-item-name {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.7px;
    }

    .about__advan-list-item.green {
        padding: 26px 110px 30px 15px;
    }

    .about__advan-list-item.map {
        padding: 26px 110px 30px 15px;
    }
}

.about__block {
    display: flex;
    column-gap: 30px;
    align-items: center;
}

.about__block-img {
    min-width: 568px;
    max-width: 568px;
    height: 302px;
    border-radius: 20px;
    overflow: hidden;
}

.about__block-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media(max-width: 991px) {
    .about__block {
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
    }

    .about__block-img {
        margin: 0 auto;
    }
}

@media(max-width: 767px) {
    .about__block-img {
        max-width: fit-content;
        min-width: fit-content;
        height: 155px;
        border-radius: 10px;
    }

    .about__advan {
        padding: 30px 0;
    }
}

.clients {
    background: #F2F1EF;
}

.clients__list .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 12px));
    column-gap: 15px;
    row-gap: 15px;
}

.clients__list .swiper-slide .clients__list-item:nth-child(2) {
    margin-top: 15px;
}

.clients__list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    height: 134px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding: 12px 18px;
    border: 1px solid #E7E7E7;
}

.clients__list-item img {
    height: 100%;
    object-fit: contain;
}

@media(max-width: 991px) {
    .clients__list .swiper-wrapper {
        grid-template-columns: repeat(4, calc(25% - 12px));
    }
}

@media(max-width: 767px) {
    .clients__list .swiper-wrapper {
        display: flex;
        column-gap: 0;
        row-gap: 0;
    }

    .clients {
        overflow: hidden;
    }

    .clients__list {
        width: calc(100% + 16px);
    }

    .clients__list-item {
        border-radius: 10px;
        height: 69px;
        padding: 3px;
    }

    .clients__list-item.no-photo img {
        max-width: 80%;
    }

    .clients__list .swiper-slide .clients__list-item:nth-child(2) {
        margin-top: 8px;
    }
}

.shop__text+.equipment__list--about {
    margin-top: 40px;
}

.equipment__list--about .equipment__item {
    min-height: 190px;
}

.equipment__list--about .equipment__item {
    box-shadow: 0 5px 26px -4px rgba(100, 100, 100, 0.20);
}

.equipment__item--promo {
    flex-direction: row;
    column-gap: 29px;
    grid-column: -1/1;
    border-radius: 14px;
    background: #FAF9F7;
    padding: 54px 35px;
    overflow: hidden;
    border: none;
    box-shadow: none !important;
    align-items: center;
}

.equipment__item--promo:hover {
    background: #FAF9F7;
}

.equipment__item--promo:hover .equipment__item-title {
    color: var(--black);
}

.equipment__item--promo .btn {
    padding: 20px 33px;
    font-size: 18px;
    line-height: 22px;
    height: fit-content;
}

.equipment__item--promo::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 222px;
    background: url('/local/templates/vpl_vue/img/svg/shop-bg.svg') no-repeat;
    background-position: left;
    background-size: cover;
}



.equipment__list--about .equipment__item-title {
    font-size: 17px;
    line-height: 21px;
    font-weight: 600;
}

.equipment__item--promo .equipment__item-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    max-width: 232px;
}

.equipment__promo {
    display: none;
}

@media(max-width: 991px) {
    .equipment__item--promo {
        grid-column: span 1;
        display: none !important;
    }

    .equipment__promo {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        margin-top: 4px;
        border-radius: 10px;
        background: #FAF9F7;
        color: #2C291F;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        row-gap: 16px;
    }

    .equipment__promo .btn {
        padding: 12px 60px;
        max-width: 260px;
        font-size: 12px;
        line-height: 15px;
    }
}

@media(max-width: 991px) {
    .equipment__list--about .equipment__item {
        min-height: 65px;
        justify-content: center;
    }

    .equipment__list--about .equipment__item-title {
        font-size: 12px;
        line-height: 15px;
    }

    .equipment__list--about .equipment__item {
        padding: 24px 20px 20px 20px;
        justify-content: space-between;
    }

    .equipment__item--promo .btn {
        padding: 8px 10px 8px 12px;
        font-size: 16px;
        line-height: 18px;
    }
}

@media(max-width: 767px) {
    .equipment__item--promo .btn {
        font-size: 11px;
        line-height: 18px;
    }
}

.payment__list-item-desc.content b h3 {
    margin-top: 0;
}

.info-block {
    border-top: 1px solid #E7E7E7;
}

.info-block .content {
    max-width: 100%;
}

.info-block .content h2:first-of-type {
    margin-top: 0;
}

.info-block .content ul>li:after {
    top: 5px;
}

@media(max-width: 768px) {
    .info-block .content ul>li:after {
        top: 3px;
    }
}

.white-block {
    padding: 20px;
    border-radius: 20px;
    background: var(--white);
    margin-top: 16px;
}

.link-block {
    margin-top: 45px;
    display: flex;
    column-gap: 36px;
    padding: 15px 20px;
    border-radius: 20px;
    border: 1px solid #1F8554;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}

.link-block::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 164px;
    background: url('/local/templates/vpl_vue/img/svg/link-block-bg.svg') no-repeat;
    background-size: cover;
    z-index: 0;
}

.link-block img {
    position: relative;
    z-index: 1;
    max-width: 39px;
    min-width: 39px;
    height: 39px;
    object-fit: contain;
}

.link-block:hover {
    border-color: var(--greenHover);
}

.link-block__info {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    position: relative;
    z-index: 1;
}

.link-block__title {
    color: #2C291F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.link-block__text {
    color: #2C291F;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media(max-width: 767px) {
    .white-block {
        padding: 16px;
        border-radius: 16px;
    }

    .link-block {
        margin-top: 20px;
        padding: 12px 16px;
    }

    .link-block__title {
        font-size: 14px;
        line-height: 20px;
    }

    .link-block__text {
        font-size: 13px;
        line-height: 16px;
    }
}

/* NEW */

.header__bottom>.container {
    display: flex;
    align-items: center;
    column-gap: 22px;
}

.header__catalog {
    padding: 12px 16px 12px 18px;
    column-gap: 4px;
    white-space: nowrap;
    margin: 7px 0;
}

.header__bottom-nav>ul li:not(.has-child) .header__bottom-nav-link-icon {
    display: flex;
}

.header__top-actions-link {
    flex-direction: column;
    row-gap: 3px;
    color: #2C291F;
    position: relative;
    font-size: 12px;
    line-height: 10px;
}

.header__top-actions-link:hover {
    color: var(--greenHover);
}

.header__top-actions-link svg {
    max-width: 27px;
    min-width: 27px;
    font-size: 27px;
    color: #6C645C;
    margin-right: 0;
}

.header__top-actions-link:hover svg {
    color: var(--greenHover);
}

.header__top-actions-link-amount {
    position: absolute;
    top: -5px;
    right: -9px;
    line-height: 15px;
}

.header__middle-basket-link-amount {
    position: absolute;
    top: -5px;
    right: -9px;
    line-height: 15px;
}

.header__top-actions-link-ico {
    position: relative;
}

.header__middle-basket-link {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    color: #2C291F;
    position: relative;
    font-size: 12px;
    line-height: 10px;
    border: none;
    max-width: fit-content;
    min-width: fit-content;
    height: fit-content;
    font-weight: 500;
    background: transparent;
    border: 0;
}

.header__middle-basket-link:hover {
    color: var(--greenHover);
}

.header__middle-basket-link-ico {
    position: relative;
}

.header__middle-basket-link svg {
    max-width: 27px;
    min-width: 27px;
    font-size: 27px;
    color: #6C645C;
}

.header__middle-basket-link:hover svg {
    color: var(--greenHover);
}

.header__top-actions-link--lk {
    padding: 12px;
    border-radius: 10px;
    background: #F5F4F4;
    color: #4B453E;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.is-fixed .header__catalog {
    margin: 0;
    padding: 9px 16px;
    font-size: 15px;
}

.is-fixed .header__catalog .btn__icon {
    display: none;
}


.burger__dropdown .header__top-actions-link--lk {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.is-fixed .header__search {
    width: 290px;
    position: relative;
    left: initial;
    top: initial;
    right: initial;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
    height: 35px;
    border-radius: 14px;
    border-color: #E7E7E7;
    background: #FBFAF8;
}

.is-fixed .header__middle-center.is-active .header__search {
    width: 290px;
}

.is-fixed .header__search::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    opacity: .7;
}

.is-fixed .contacts-block {
    row-gap: 6px;
}

.is-fixed .contacts-block__link {
    font-size: 13px;
}

.is-fixed .header__top-actions-link>span {
    display: none;
}

.is-fixed .header__top-actions {
    column-gap: 10px;
}

.is-fixed .header__top-actions-link svg {
    max-width: 24px;
    min-width: 24px;
    font-size: 24px;
}

.is-fixed .header__middle-basket-link svg {
    max-width: 24px;
    min-width: 24px;
    font-size: 24px;
}

.is-fixed .header__top-actions-link-amount {
    top: -7px;
    right: -4px;
}

.is-fixed .header__middle-basket-link-amount {
    top: -7px;
    right: -4px;
}

.is-fixed .header__top-actions-link--lk {
    padding: 9px 7px;
}

.is-fixed .header__middle-basket-link span {
    display: none;
}

.is-fixed .header__middle-center {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.footer .btn--border {
    color: #2C291F;
}

.btn-top {
    position: fixed;
    right: -100%;
    bottom: 350px;
    z-index: 100;
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(221, 218, 218, .4);
    color: #2C291F;
    font-size: 15px;
    border-radius: 100%;
}

.btn-top.is-show {
    right: 35px;
}

.btn-top:hover {
    background: rgba(221, 218, 218, .8);
}

.lk__contacts-content .lk__contacts-title {
    font-size: 18px;
    line-height: 22px;
}

.lk__contacts-nav-wp {
    display: flex;
    align-items: center;
    column-gap: 20px;
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px solid #E7E7E7;
    max-width: 570px;
}

.lk__contacts-nav {
    padding-bottom: 20px;
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
}

.lk__contacts-nav::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #1F8554;
    transition: all .3s ease-out;
}

.lk__contacts-nav.is-active {
    color: #1F8554;
}

.lk__contacts-nav:hover {
    color: var(--greenHover);
}

.lk__contacts-nav.is-active:hover {
    color: #1F8554;
}

.lk__contacts-nav.is-active::after {
    width: 100%;
}

.lk__contacts-content .lk__contacts-block {
    margin-bottom: 16px;
}

.lk__contacts-content .form__submit {
    row-gap: 16px;
}

.lk__contacts-content .checkbox__label a::after {
    content: none;
}

.lk__contacts-content-wp {
    position: relative;
}

.lk__contacts-content {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.lk__contacts-content.is-active {
    position: relative;
    left: initial;
    top: initial;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
}

.field--file {
    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: 100%;
    min-height: 70px;
}

.field__file {
    border-radius: 14px;
    border: 1px dashed #6C645C;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 14px 22px;
    color: #6C645C;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
    background: #FBFAF8;
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.is-error .field__file {
    border: 1px dashed var(--red);
    color: var(--red);
}

.field__file:hover {
    background: #F3F0EE;
    border-color: #2C291F;
}

.field__file svg {
    max-width: 19px;
    min-width: 19px;
    font-size: 19px;
}

.lk__complaints {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-bottom: 24px;
}

.lk__complaints .btn {
    justify-content: space-between;
    padding: 13px 20px;
}

.lk__complaints-block {
    display: flex;
    flex-direction: column;
    padding: 20px;
    row-gap: 14px;
    border-radius: 14px;
    background: #FBFAF8;
}

.lk__complaints-block-title {
    color: #6C645C;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.lk__complaints-block-wp {
    display: flex;
    flex-direction: column;
}

.lk__complaints-block-item {
    display: grid;
    grid-template-columns: 108px auto;
    column-gap: 6px;
    align-items: center;
    color: #2C291F;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    padding: 10px 0;
    border-top: 1px solid #E7E7E7;
}

.lk__complaints-block-item:first-of-type {
    padding-top: 0;
    border-top: none;
}

.lk__complaints-block-item:last-of-type {
    padding-bottom: 0;
}

.lk__complaints-block-item .lk__orders-list-item-status {
    margin: 0;
}

.lk__complaints .btn svg {
    transform: rotate(-90deg);
    font-size: 10px;
}

.lk__orders--complaints .lk__orders-heading {
    grid-template-columns: 29px 1fr 1fr 2fr 1fr 1fr;
}

.lk__orders--complaints .lk__orders-list-item {
    grid-template-columns: 29px 1fr 1fr 2fr 1fr 1fr;
    align-items: center;
}

.lk__complaints-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.lk__complaints-item {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.lk__complaints-item-title {
    color: #2C291F;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.lk__complaints-item-wp {
    display: flex;
    flex-direction: column;
}

.lk__complaints-item-line {
    display: flex;
    column-gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #F0F0F0;
}

.lk__complaints-item-name {
    color: #6C645C;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 270px;
    min-width: 270px;
}

.lk__complaints-item-value {
    color: #2C291F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.lk__complaints-item-docs {
    display: flex;
    flex-direction: column;
}

.lk__complaints-item-docs-link {
    padding: 8px 0;
    border-bottom: 1px solid #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
}

.lk__complaints-item-docs-link-name {
    color: #2C291F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    transition: all .3s ease-out;
}

.lk__complaints-item-docs-link:hover .lk__complaints-item-docs-link-name {
    color: var(--greenHover);
}

.lk__complaints-item-docs-link-size {
    display: flex;
    align-items: center;
    column-gap: 6px;
    color: rgba(108, 100, 92, 0.50);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: all .3s ease-out;
}


.lk__complaints-item-docs-link-size span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    color: rgba(108, 100, 92, .5);
    font-size: 9px;
}

.lk__complaints-item-docs-link:hover .lk__complaints-item-docs-link-size {
    color: var(--greenHover);
}

.lk__complaints-item-docs-link:hover .lk__complaints-item-docs-link-size span {
    color: rgba(108, 100, 92, 1);
}

.product-detail__chars-wp {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    margin-bottom: 24px;
}

.product-detail__chars-wp:last-of-type {
    margin-bottom: 0;
}

.product-detail__chars-wp .btn-showmore {
    display: initial;
    color: #1F8554;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.product-detail__chars-wp .btn-showmore:hover {
    color: var(--greenHover);
}



.product-detail__chars-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.product-detail__chars li:nth-child(n + 5) {
    display: none;
}

.product-detail__chars-wp.is-show .product-detail__chars li:nth-child(n + 5) {
    display: flex;
}

.product-detail__questions-wp {
    display: flex;
    flex-direction: column;
}

.product-detail__questions-sort {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #E7E7E7;
}

.product-detail__questions-sort-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    column-gap: 2px;
    color: #6C645C;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.product-detail__questions-sort-btn svg {
    font-size: 15px;
}

.product-detail__questions-sort-btn:hover {
    color: var(--greenHover);
}

.product-detail__questions {
    display: flex;
    flex-direction: column;
}

.product-detail__questions-item {
    display: flex;
    column-gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #E7E7E7;
}

.product-detail__questions-item:nth-child(n + 5) {
    display: none;
}

.product-detail__questions-wp.is-show .product-detail__questions-item:nth-child(n + 5) {
    display: flex;
}

.product-detail__questions-wp .btn {
    width: fit-content;
    margin: 24px auto 0;
    padding: 12px 30px;
    font-size: 14px;
    color: rgba(44, 41, 31, .8);
    font-weight: 600;
    line-height: 20px;
}

.product-detail__questions-item-leftside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 20px;
    max-width: 90px;
    min-width: 90px;
}

a.product-detail__questions-item-img {
    position: relative;
}

a.product-detail__questions-item-img::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-out;
    z-index: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
    opacity: 0;
}

a.product-detail__questions-item-img:hover::before {
    opacity: 1;
}



.product-detail__questions-item-img {
    max-width: 72px;
    min-width: 72px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #E7E7E7;
    overflow: hidden;
    padding: 5px;
}

.product-detail__questions-item-img img {
    height: 100%;
    object-fit: contain;
}

.product-detail__questions-item-date {
    font-size: 15px;
    line-height: 21px;
}

.product-detail__questions-item-rightside {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.product-detail__questions-item-top {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.product-detail__questions-item-name {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

a.product-detail__questions-item-name:hover {
    color: var(--greenHover);
}

.product-detail__questions-item-name svg {
    transform: rotate(-90deg);
    font-size: 10px;
    height: 24px;
    color: #6C645C;
}

a.product-detail__questions-item-name:hover svg {
    color: var(--greenHover);
}

.product-detail__questions-item-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.product-detail__questions-item-answer {
    border-radius: 10px;
    background: #FBFAF8;
    padding: 20px;
    font-size: 15px;
    line-height: 21px;
}

.product-detail__questions-item:last-of-type {
    border-bottom: none;
}

.product-detail__block-text {
    color: #6C645C;
    font-size: 14px;
    line-height: 18px;
    margin: 6px 0;
}

.product-detail__block .btn--border {
    width: fit-content;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.is-fixed .header__search-overlay {
    z-index: -100;
    opacity: 0;
    pointer-events: none;
}

.product-card__price-old-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    width: 100%;
}

.product-card__price-old-informer {
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: #6C645C;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}

.product-card__price-old-informer-dropdown-wp {
    position: relative;
}

.product-card__price-old-informer-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #E8E7E7;
    max-width: 16px;
    min-width: 16px;
    height: 16px;
    font-weight: 800;
    transition: all .3s ease-out;
    cursor: pointer;
    color: rgba(108, 100, 92, 0.50);
    font-size: 12px;
    line-height: 15px;

}

.product-card__price-old-informer-ico:hover {
    color: rgba(108, 100, 92, 0.70);
}

.product-card__price-old-informer-dropdown {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 5px);
    width: 181px;
    border-radius: 5px;
    background: #6C645C;
    padding: 2px 6px;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    opacity: 0;
    pointer-events: none;
    z-index: -10px;
    transition: all .3s ease-out;
}

.product-card__price-old-informer-ico:hover+.product-card__price-old-informer-dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.product-card__price-old-informer-dropdown::before {
    position: absolute;
    content: '';
    left: 50%;
    top: -2px;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: #6C645C;
    z-index: -1;
}

.filter-show-more {
    display: flex;
    align-items: center;
    color: #1F8554;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.filter-show-more svg {
    font-size: 10px;
    margin-top: 2px;
}

.filter-show-more.is-active svg {
    transform: scale(-1);
}

.filter__category {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.filter__category-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
}

.filter__category-name {
    display: flex;
    align-items: center;
    column-gap: 4px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.filter__category-name svg {
    font-size: 10px;
    color: #6C645C;
    min-width: 10px;
    transform: rotate(90deg);
}

.filter__category-name:hover svg {
    color: var(--greenHover);
}

.filter__category-list-wp {
    display: flex;
    flex-direction: column;
    padding: 0 12px;
    padding-right: 0;
}

.filter__category-list-name {
    padding: 8px 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.filter__category-list {
    display: flex;
    flex-direction: column;
    padding-right: 12px;
}

.filter__category-list-item {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 8px;
}

.filter__category-list-item.is-active {
    background: #FBFAF8;
}

.filter__category-list-item:nth-child(n + 16) {
    display: none;
}

.filter__category-list.is-show .filter__category-list-item:nth-child(n + 9) {
    display: flex;
}



.filter__category-list-btn{
    position: relative;
}

.filter__category-list-btn::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 70px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    opacity: 0;
    pointer-events: none;
}

.filter__category-list.is-bigger + .filter__category-list-btn::after{
    opacity: 1;
    pointer-events: auto;
}

.filter__category-list-btn {
    display: flex;
    align-items: center;
    margin-left: 12px;
    color: #1F8554;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.filter__category-list{
    max-height: 304px;
    overflow-x: hidden;
    overflow-y: auto;
}

.filter__category-list.is-show {
    max-height: fit-content;
}

.filter__category-list::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    cursor: pointer;
}

.filter__category-list::-webkit-scrollbar-track {
    background: transparent;
}

.filter__category-list::-webkit-scrollbar-thumb {
    background-color: var(--brown);
    border: none;
}

.filter__category-list::-webkit-scrollbar-thumb:hover {
    color: var(--greenHover);
}

.filter__category-list-btn svg {
    margin-top: 2px;
    font-size: 10px;
}

.filter__category-list-btn.is-show svg {
    transform: scale(-1);
}

.filter__category-list-btn:hover {
    color: var(--greenHover);
}

.modal__prod {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 20px;
    background: #FBFAF8;
    column-gap: 20px;
    margin-bottom: 16px;
}

.modal__prod-img {
    display: flex;
    align-items: center;
    background: var(--white);
    padding: 5px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #E7E7E7;
    max-width: 114px;
    min-width: 114px;
    height: 81px;
}

.modal__prod-img img {
    height: 100%;
    object-fit: contain;
}

.modal__prod-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

@media(max-width: 1440px) {
    .product-card__price-old-informer-dropdown {
        left: initial;
        right: 0;
        transform: translateX(0);
    }

    .product-card__price-old-informer-dropdown::before {
        left: initial;
        right: 3px;
        transform: translateX(0) rotate(45deg);
    }
}

@media(max-width: 1199px) {
    .header__bottom-nav-link {
        font-size: 14px;
    }

    .header__catalog {
        margin: 0;
        padding: 10px 12px;
        font-size: 14px;
    }

    .header__bottom>.container {
        column-gap: 10px;
    }

    .header__bottom-nav-dropdown--big {
        top: 162px;
    }

    .is-fixed .header__catalog {
        padding: 10px 12px;
        font-size: 14px;
    }

    .is-fixed .header__top-actions-link svg {
        max-width: 20px;
        min-width: 20px;
        font-size: 20px;
    }

    .is-fixed .header__middle-basket-link svg {
        max-width: 20px;
        min-width: 20px;
        font-size: 20px;
    }

    .header__top-actions {
        column-gap: 10px;
    }

    .header__top-actions-link--lk {
        font-size: 12px;
    }

    .header__top-actions-link {
        font-size: 10px;
    }

    .contacts-block__tel {
        font-size: 14px;
    }

    .contacts-block__link {
        font-size: 12px;
    }

    .header__search {
        max-width: 200px;
        min-width: 200px;
    }

    .header__bottom-nav-link {
        font-size: 13px;
    }
}

@media(max-width: 991px) {
    .header__top-actions {
        display: none;
    }

    .filter__category {
        margin: 12px 0;
    }

    .filter__category-title {
        font-size: 14px;
    }

    .header__mobile-heading-lk .header__top-actions-link {
        padding: 6px 9px;
    }

    .lk__contacts-nav-wp {
        max-width: 100%;
    }

    .product-card__price-old-wp {
        flex-direction: column;
        align-items: start;
        row-gap: 9px;
    }

    .product-card__price-old-informer-dropdown {
        right: initial;
        left: 0;
    }

    .product-card__price-old-informer-dropdown::before {
        right: initial;
        left: 3px;
    }
}

@media(max-width: 767px) {

    .modal__prod {
        border-radius: 16px;
        padding: 14px;
        column-gap: 12px;
        margin-bottom: 12px;
    }

    .modal__prod-img {
        max-width: 70px;
        min-width: 70px;
        height: 51px;
    }

    .modal__prod-text {
        font-size: 14px;
        line-height: 18px;
    }

    .modal.modal-medium .form__submit-container .btn {
        padding: 12px;
    }


    .product-detail__block-text {
        font-size: 12px;
        line-height: 15px;
    }

    .product-detail__block .btn--border {
        padding: 9px 15px;
        font-size: 11px;
        line-height: 18px;
    }

    .lk__contacts-nav {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 13px;
    }

    .lk__contacts-content .lk__contacts-title {
        font-size: 14px;
        line-height: 18px;
    }

    .lk__orders--complaints .lk__orders-list-item {
        align-items: start;
    }

    .lk__complaints {
        row-gap: 16px;
    }

    .lk__complaints .btn {
        padding: 8px 10px;
    }

    .lk__complaints-block {
        padding: 12px;
        row-gap: 16px;
    }

    .lk__complaints-block-item {
        font-size: 14px;
        line-height: 18px;
    }

    .lk__complaints-item-title {
        font-size: 16px;
        line-height: 20px;
    }

    .product-detail__chars-wp .btn-showmore {
        font-size: 13px;
        line-height: 15px;
    }

    .product-detail__chars-title {
        font-size: 16px;
        line-height: 18px;
    }

    .product-detail__questions-item {
        flex-direction: column;
        row-gap: 16px;
        padding: 15px 0;
    }

    .product-detail__questions-item-leftside {
        flex-direction: row;
        align-items: center;
        max-width: 100%;
        min-width: 100%;
        column-gap: 20px;
    }


    .product-detail__questions-item-text {
        font-size: 14px;
        line-height: 18px;
    }

    .product-detail__questions-item-rightside {
        row-gap: 16px;
    }

    .product-detail__questions-item-answer {
        padding: 16px;
        font-size: 14px;
        line-height: 19px;
    }

    .product-detail__questions-wp .btn {
        width: 100%;
        margin: 16px 0 0;
        padding: 9px 15px;
        font-size: 11px;
        line-height: 18px;
    }

    .product-detail__questions-item-date {
        font-size: 14px;
        line-height: 19px;
    }
}

@media(max-width: 576px) {
    .btn-top.is-show {
        right: 15px;
        bottom: 70px;
    }

    .lk__complaints-block-item {
        grid-template-columns: 100%;
        row-gap: 10px;
        align-items: start;
    }

    .lk__complaints-item-line {
        flex-direction: column;
        row-gap: 8px;
    }

    .lk__complaints-item-name {
        max-width: fit-content;
        min-width: fit-content;
    }

    .lk__complaints-item-docs-link {
        flex-direction: column;
        row-gap: 8px;
        align-items: start;
    }
}

@media(max-width: 375px) {
    .modal__prod {
        flex-direction: column;
        align-items: start;
        row-gap: 12px;
    }
}

.field__text {
    color: var(--6C645C, #6C645C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 9px;
    margin-top: -2px;
    display: block;
}

.field__dropdown {
    display: flex;
    flex-direction: column;
    position: absolute;
    border-radius: 14px;
    border: 1px solid var(--E7E7E7, #E7E7E7);
    box-shadow: 0 4px 15px 0 rgba(86, 86, 86, 0.08);
    width: 100%;
    background: #FFF;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc((41px * 6) + 1px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.field.is-dropdown .field__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.field__dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #DDDADA;
    transition: opacity .3s ease-out;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--534B44, #534B44);
    min-height: 41px;
}

.field__dropdown-item:hover {
    opacity: .7;
}

.field__dropdown-item:last-child {
    border-bottom: none;
}

@media (max-width: 768px) {
    .field__dropdown {
        max-height: calc((38px * 6) + 1px);
    }

    .field__dropdown-item {
        padding: 9px 10px;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        min-height: 38px;
    }
}

.search-open .header__middle-contacts,
.search-open .header__top-actions {
    display: none;
}

.search-open .header__middle-center,
.search-open .header__middle-center.is-active .header__search {
    max-width: 100%;
    min-width: none;
    width: 100%;
}

.search__results-wp {
    padding: 10px 20px;
}

.search__results-block {
    display: flex;
    flex-direction: column;
    position: relative;
}

.search__results-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 1px;
    background: #DDDADA;
}

.search__results-block:last-child::after {
    display: none;
}

.search__results-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 15px 0;
}

.search__results-block:first-child .search__results-block-head {
    padding-top: 10px;
}

.search__results-block-head-title {
    color: var(--2C291F, #2C291F);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.search__results-block-head-all {
    color: var(--1F8554, #1F8554);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.search__results-list {
    display: flex;
    flex-direction: column;
}

.search__results-item-page {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    row-gap: 5px;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    margin-top: -1px;
}

.search__results-item-page:last-child {
    border-bottom: 0;
}

.search__results-item-page-title {
    color: #2C291F;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.search__results-item-page-desc {
    color: var(--2C291F, #2C291F);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

@media (max-width: 992px) {
    .header__search {
        max-width: 100%;
        min-width: none;
    }

    .search__results {
        top: calc(100% + 6px);
    }
}

.sections-banner {
    position: relative;
    min-height: 300px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sections-banner__bg {
    display: flex;
    width: 100%;
    height: 100%;
}

.sections-banner__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.sections-banner__main {
    display: flex;
    flex-direction: column;
    max-width: 40%;
    position: relative;
    z-index: 1;
    padding: 40px 0;
}

.sections-banner__main-title {
    color: #2C291F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
    margin-top: 0;
}

.sections-banner__main .btn {
    padding: 15px 25px;
    width: fit-content;
}

.catalog-section__type-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background: #F0EFEF;
    padding: 30px 20px;
    overflow: hidden;
}

.catalog-section__type-banner-title {
    color: var(--2C291F, #2C291F);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: auto;
    max-width: 50%;
    position: relative;
    z-index: 1;
}

.catalog-section__type-banner .btn {
    padding: 15px 25px;
    position: relative;
    z-index: 1;
    width: fit-content;
}

.catalog-section__type-banner-img {
    position: absolute;
    right: 0;
    bottom: -7px;
    z-index: 0;
}

.catalog-section__type-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sections-head {
    padding-top: 60px;
    margin-top: -10px;
}

.sections-head__wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sections-head__title {
    margin-bottom: 0;
    color: #2C291F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.sections-head__selector {
    display: flex;
    align-items: center;
    border-radius: 14px;
    background: #FFF;
    height: fit-content;
}

.sections-head__selector-item {
    border-radius: 14px;
    backdrop-filter: blur(6.5px);
    color: rgba(44, 41, 31, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    cursor: pointer;
    padding: 9px 16px;
    transition: all .3s ease-out;
}

.sections-head__selector-item.is-active {
    background: #6C645C;
    color: var(--FFFFFF, #FFF);
}

.sections-head__selector-item:hover {
    opacity: .6;
}

.catalog-section__tabs-item {
    display: none;
}

.catalog-section__tabs-item.is-active {
    display: block;
}

.projects__intra--sections {
    padding-top: 10px;
}

.projects__intra--sections .content p.big-text {
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 30pxb;
}

.projects__intra--sections .projects__intra-rightside {
    max-width: 768px;
    width: 100%;
}

@media (max-width: 992px) {
    .catalog-section__type-banner-title {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .sections-head__wp {
        flex-direction: column-reverse;
        align-items: flex-start;
        row-gap: 15px;
    }

    .sections-head {
        padding-top: 45px;
    }

    .sections-head__selector-item {
        font-size: 12px;
        padding: 6px 11px;
    }

    .catalog-section:first-child {
        padding-top: 5px;
    }

    .sections-head__title {
        font-size: 18px;
    }

    .catalog-section__type-banner .btn {
        padding: 8px 10px 8px 12px;
    }

    .catalog-section__type-banner-title {
        font-size: 14px;
        line-height: 18px;
        max-width: 60%;
    }

    .catalog-section__type-banner-img img {
        max-width: 200px;
    }

    .sections-banner__main-title {
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 16px;
    }

    .sections-banner {
        min-height: 140px;
    }

    .sections-banner__main {
        padding: 20px 0;
        max-width: 50%;
    }

    .sections-banner__main .btn {
        padding: 8px 10px 10px 12px;
    }

    .projects__intra--sections .content p.big-text {
        font-size: 16px;
        line-height: 24px;
    }
}

.contacts__block {
    margin-bottom: 20px;
}

.contacts__block:last-child {
    margin-bottom: 0;
}

.contacts__block-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .contacts__block-title {
        font-size: 20px;
        margin-bottom: 16px;
    }
}

.mp-brands {
    border-bottom: 1px solid var(--E7E7E7, #E7E7E7);
    padding-bottom: 60px;
}

.mp-brands .clients__card {
    height: 110px;
    padding: 15px;
}

.mp-brands .clients__card img {
    width: 100%;
    object-fit: contain;
    height: auto;
    display: flex;
}

@media (max-width: 768px) {
    .mp-brands .clients__card img {
        max-width: 124px;
    }

    .mp-brands .clients__card {
        height: 80px;
        padding: 15px;
    }

    .mp-brands {
        padding-bottom: 40px;
    }
}

.catalog__mp-promo-logo {
    display: flex;
    max-width: 358px;
    width: 100%;
}

@media (max-width: 1200px) {
    .catalog__mp-promo-logo {
        max-width: 258px;
    }
}

@media (max-width: 576px) {
    .catalog__mp-promo-logo {
        max-width: 135px;
    }
}

@media (max-width: 400px) {
    .catalog__mp-promo-logo {
        max-width: 100px;
    }
}

.field+.field--file {
    margin-top: -8px;
}

.modal .field--file {
    margin-bottom: 16px;
}

.basket__sidebar-block-total-informer {
    margin-bottom: 16px;
    display: flex;
    column-gap: 7px;
    color: #6C645C;
    font-size: 14px;
    line-height: 18px;
}

.basket__sidebar-block-total-informer-ico {
    max-width: 12px;
    min-width: 12px;
    height: 12px;
    border-radius: 100%;
    color: #6C645C;
    background: rgba(108, 100, 92, 0.30);
    font-weight: 800;
    line-height: 12px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.lk__content-informer {
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    background: #FBFAF8;
    row-gap: 10px;
    margin-bottom: 14px;
}

.lk__content-informer-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.lk__content-informer-text {
    font-size: 14px;
    line-height: 20px;
}

.lk__content-informer-text span {
    font-weight: 500;
}

@media(max-width: 767px) {
    .lk__content-informer {
        padding: 16px;
        border-radius: 12px;
    }

    .lk__content-informer-title {
        font-size: 13px;
        line-height: 18px;
    }

    .lk__content-informer-text {
        font-size: 13px;
        line-height: 18px;
    }
}

.cookies{
    position: fixed;
    width: 751px;
    right: 30px;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    border-radius: 14px;
    background: var(--white);
    -webkit-box-shadow: 0 4px 16px 0 rgba(29, 30, 28, 0.05);
            box-shadow: 0 4px 16px 0 rgba(29, 30, 28, 0.05);
    z-index: 100000;
    padding: 15px 20px;
}

.cookies__text{
    color: #6C645C;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

.cookies__text a{
    color: #1F8554;
}

.cookies__text a:hover{
    color: var(--greenHover);
}

.cookies .btn{
    padding: 15px 25px;
    max-width: 124px;
    min-width: 124px;

}

@media(max-width: 991px){
    .cookies{
        width: calc(100% - 30px);
        right: 15px;
        bottom: 70px;
    }

    .mp-brands{
        overflow: hidden;
    }
}

@media(max-width: 767px){
    .cookies{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 8px;
    }

    .cookies__text{
        font-size: 14px;
        line-height: 16px;
    }

    .cookies .btn{
        padding: 10px 12px;
    }
}

.lk__contacts-block .field__input:focus+.field__label{
    top: 5px;
}

.search-tab__result{
    display: flex;
    flex-direction: column;
}

.search-tab__result-item{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 16px 0;
    border-bottom: 1px solid #E7E7E7;
}

.search-tab__result-item:last-of-type{
    border-bottom: none;
}

.search-tab__result-item-name{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.search-tab__result-item-text{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.search-tabs{
    padding: 30px 0;
}

.search-tabs__wp{
    position: relative;
}

.search-tabs__wp::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 1px;
    background: #E7E7E7;
}

.search-tabs__list{
    border-radius: 14px;
    backdrop-filter: blur(6.5px);
    border-radius: 14px;
    background: #F2F1EF;
    width: fit-content;
    display: flex;
    align-items: center;
}

.search-tabs__item{
    padding: 9px 16px;
    border-radius: 16px;
    background: transparent;
    color: rgba(44, 41, 31, 0.60);
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
}

.search-tabs__item:hover{
    color: var(--greenHover);
}

.search-tabs__item.is-active{
    background: #6C645C;
    color: var(--white);
}

@media(max-width: 767px){
    .search-tabs__item{
        padding: 7px 12px;
        font-size: 14px;
        line-height: 16px;
    }

    .search-tabs{
        padding: 30px 0;
    }
}

.panel__item--compare{
    display: none;
}

.lk__content-btns .lk__btn--border{
    border-radius: 10px;
    border: 1px solid #D6CCB7;
    padding: 11px 14px 11px 10px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(44, 41, 31, 0.7);
}

.lk__content-btns .lk__btn--border:hover{
    color: var(--black);
    border-color: var(--black);
    background: transparent;
}

.lk__content-btns .lk__btn--transparent{
    border-radius: 10px;
    border: 1px solid #D6CCB7;
    padding: 11px 14px 11px 10px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(44, 41, 31, 0.7);
}

.lk__content-btns .lk__btn--transparent:hover{
     color: var(--black);
    border-color: var(--black);
}

@media(max-width: 767px){
    .lk__content-btns .lk__btn--border{
        padding: 9px 16px;
        font-size: 11px;
        border-radius: 10px;
        line-height: 18px;
    }

    .lk__content-btns .lk__btn--transparent{
        padding: 9px 16px;
        font-size: 11px;
        border-radius: 10px;
        line-height: 18px;
    }
}

@media print{
   .header__middle .burger{
    display: none!important;
   }

   .burger{
    display: none!important;
   }

   .header__search-mob{
    display: none!important;
   }

   .header__middle-center{
    display: none!important;
   }

   .header__middle-contacts{
    display: none!important;
   }

   .header__top-actions{
    display: none!important;
   }

   .lk__content-btns{
    display: none!important;
   }

   .header__middle-contacts-mob{
    display: none!important;
   }

   .viewed-products{
    display: none!important;
   }

   .to-top{
    display: none!important;
   }

   .footer__main-contacts .btn{
    display: none!important;
   }

   .footer__main-menus{
    display: none!important;
   }

   .btn-top{
    display: none!important;
   }

   .contacts-socials__links{
    display: none!important;
   }

   .panel{
    display: none!important;
   }

   .footer__main-bottom{
    display: none!important;
   }

   .footer__info{
    display: none!important;
   }

   .mob-contacts{
    display: none!important;
   }

   a[href]:after { content: none; }
   @page { margin: 0; }
}


.basket__delivery-personal-serv .filter__item-checkbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 3px;
}

.filter__item-checkbox-description{
    width: 100%;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    padding-left: 28px;
}

@media(max-width: 767px){
    .filter__item-checkbox-description{
        font-size: 12px;
        line-height: 16px;
    }
}

.field--label .field__label{
    top: 22px;
}

.field--label .field__input:focus+.field__label{
    top: 16px;
}

.field--label.field.active .field__label{
    top: 16px;
}

.basket .field--label .field__input--textarea{
    padding-top: 25px;
}

@media(max-width: 767px){
    .basket .field--label .field__input--textarea{
            padding-top: 15px;
    }

    .field--label .field__input:focus+.field__label{
        top: 7px;
    }

    .field--label.field.active .field__label{
        top: 7px;
    }

    .field--label .field__label{
        top: 16px;
    }

    .basket .field--label.is-required::after{
        top: 17px;
    }
}

.lk__orders-list-item-account-sub{
     font-size: 11px;
    padding: 1px 3px;
    background: #FBFAF8;
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.lk__content-info-payment-block-pay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 9px;
    background: #f2f1ef;
    padding: 10px 15px;
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 6px;
    margin-bottom: -10px;
}
.lk__content-info-payment-block-pay .lk__content-info-payment-block-chars-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.lk__content-info-payment-block-pay .lk__orders-list-item-account {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.lk__content-info-payment-block-pay .lk__orders-list-item-account-sub {
    margin: 0;
    margin-top: 3px;
    padding: 2px 7px;
}


@media(max-width: 767px){
    .lk__orders-list-item-account-sub{
        font-size: 10px;
        padding: 3px 4px;
        margin: 0;
    }
}

@media(max-width: 576px){
    .lk__orders-list-item-account-sub{
        text-align: left;
    }
}

.header__informer{
    padding: 6px 0;
    background: #f6eee0;
}

.header__informer-wp{
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}

.is-fixed .header__informer{
        -webkit-animation: toFixed 0.3s linear;
    animation: toFixed 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
        position: fixed;
    top: -53px;
    left: 0;
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid var(--gray2);

}

.is-fixed.header--informer .header__fixed{
        -webkit-animation: toFixed2 0.3s linear;
    animation: toFixed2 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.is-fixed.header--informer .header__catalog-dropdown.is-open{
    top: 93px;
}

.filter__mobile-btns{
    position: fixed;
    left: -100%;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    bottom: 0;
    width: 100%;
    padding: 7px 15px;
    border-top: 1px solid #E7E7E7;
    background: var(--white);
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px
}

.catalog__leftside.is-open .filter__mobile-btns{
    left: 0;
    z-index: 2;
}

@media(max-width: 991px){
    .header__informer-wp{
        line-height: 16px;
    }
    .header--informer .wrapper{
        padding-top: 77px;
    }

    .filter__mobile-btns{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .filter__mobile-show{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 7px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 600;
    }
}

@media(max-width: 500px){
    .header--informer .wrapper{
        padding-top: 95px;
    }
}

@-webkit-keyframes toFixed2 {
    0% {
        top: -53px;
    }

    100% {
        top: 36px;
    }
}
@keyframes toFixed2 {
    0% {
        top: -53px;
    }

    100% {
        top: 36px;
    }
}

@-webkit-keyframes toTopPanel {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 0;
    }
}

@keyframes toTopPanel {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 0;
    }
}
/* End */
/* /local/templates/vpl_vue/template_styles.css?1778576222580106 */