:root {
    --font-size-large: 20px;
    --lineheight-large: 1.5;
    --font-size-base: 18px;
    --lineheight-base: 1.55556;
    --font-size-medium: 18px;
    --lineheight-medium: 1.55556;
    --font-size-small: 16px;
    --lineheight-small: 1.5;
    --h1-size: 34px;
    --h1-lineheight: 1.41176;
    --h2-size: 24px;
    --h2-lineheight: 1.20833;
    --h3-size: 22px;
    --h3-lineheight: 1.22727;
    --h4-size: 18px;
    --h4-lineheight: 1.22222;
    --h5-size: 16px;
    --h5-lineheight: 1.25;
    --h6-size: 14px;
    --h6-lineheight: 1.28571;
    --color-orange: #ed6c06;
    --color-light-green: #009845;
    --color-dark-green: #166838;
    --color-red: red;
    --color-base: #272727;
    --color-grey: #5e5e5e;
    --color-grey-light: #c4c4c4;
    --color-blue: #00b2e3;
    --color-white: #fff;
    --link-color: inherit;
    --link-hover-color: var(--color-orange);
    --link-decoration: underline;
    --block-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
    --block-shadow-top: 0px -4px 7px rgba(0, 0, 0, 0.1);
    --margin-big: 152px;
    --margin-large: 112px;
    --margin-mid: 64px;
    --margin-small: 40px;
}
@media (min-width: 800px) {
    :root {
        --font-size-large: 20px;
        --lineheight-large: 1.5;
        --font-size-base: 18px;
        --lineheight-base: 1.55556;
        --font-size-medium: 18px;
        --lineheight-medium: 1.55556;
        --font-size-small: 16px;
        --lineheight-small: 1.5;
        --h1-size: 40px;
        --h1-lineheight: 1.2;
        --h2-size: 34px;
        --h2-lineheight: 1.41176;
        --h3-size: 24px;
        --h3-lineheight: 1.20833;
        --h4-size: 22px;
        --h4-lineheight: 1.22727;
        --h5-size: 18px;
        --h5-lineheight: 1.22222;
        --h6-size: 16px;
        --h6-lineheight: 1.25;
    }
}
@media (min-width: 1366px) {
    :root {
        --h3-size: 28px;
    }
}
@media (min-width: 1720px) {
    :root {
        --font-size-large: 22px;
        --lineheight-large: 1.45455;
        --font-size-base: 20px;
        --lineheight-base: 1.5;
        --font-size-medium: 18px;
        --lineheight-medium: 1.55556;
        --font-size-small: 16px;
        --lineheight-small: 1.5;
        --h1-size: 64px;
        --h1-lineheight: 1.20313;
        --h2-size: 40px;
        --h2-lineheight: 1.2;
        --h3-size: 34px;
        --h3-lineheight: 1.41176;
        --h4-size: 24px;
        --h4-lineheight: 1.20833;
        --h5-size: 22px;
        --h5-lineheight: 1.22727;
        --h6-size: 18px;
        --h6-lineheight: 1.22222;
    }
}
@media (max-width: 1719px) {
    :root {
        --margin-big: 112px;
        --margin-large: 92px;
        --margin-mid: 64px;
        --margin-small: 40px;
    }
}
@media (max-width: 1365px) {
    :root {
        --margin-big: 92px;
        --margin-large: 64px;
        --margin-mid: 40px;
        --margin-small: 31px;
    }
}
@media (max-width: 1023px) {
    :root {
        --margin-big: 92px;
        --margin-large: 64px;
        --margin-mid: 40px;
        --margin-small: 31px;
    }
}
@media (max-width: 799px) {
    :root {
        --margin-big: 92px;
        --margin-large: 64px;
        --margin-mid: 40px;
        --margin-small: 31px;
    }
}
@media (max-width: 639px) {
    :root {
        --margin-big: 64px;
        --margin-large: 40px;
        --margin-mid: 24px;
        --margin-small: 20px;
    }
}
@media (max-width: 413px) {
    :root {
        --margin-big: 40px;
        --margin-large: 40px;
        --margin-mid: 24px;
        --margin-small: 15px;
    }
}
:root {
    --swiper-navigation-size: 48px;
    --swiper-theme-color: var(--color-orange);
}
.swiper-slider {
    --arrow-pos-x: 0;
    --slider-gap: var(--grid-gap);
    --arrow-icon-size: scale(1);
    --slider-arrow-opacity: 0;
}
.swiper-slider__detail {
    position: relative;
    --arrow-pos-x: var(--grid-gap);
    --slider-gap: 0;
}
.swiper-slider__preview {
    position: relative;
}
.swiper-slider__list {
    width: auto;
    padding: 0;
    margin: 0;
    display: flex;
}
.swiper-slider__list-outer {
    margin: 0 calc(var(--grid-gap) / -2);
}
.swiper-container-initialized .swiper-slider__list {
    flex-wrap: nowrap;
}
.swiper-slider__item {
    min-width: 1px;
    height: auto;
    padding: 0 calc(var(--grid-gap) / 2);
}
.swiper-slider__button {
    position: absolute;
    top: 50%;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    margin: 0;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e7e8e9;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    transition: opacity 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    opacity: var(--slider-arrow-opacity, 0);
    color: var(--color-orange);
    cursor: pointer;
    z-index: 10;
}
.swiper-slider__button:hover {
    box-shadow: none;
    opacity: 1;
}
.swiper-slider__button:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}
.swiper-slider__button--prev {
    left: var(--arrow-pos-x, 0);
    padding-right: 2px;
}
.swiper-slider__button--prev .svg-icon {
    transform: var(--arrow-icon-size);
}
.swiper-slider__button--next {
    right: var(--arrow-pos-x, 0);
    padding-left: 2px;
}
.swiper-slider__button--next:before {
    transform: scaleX(-1);
}
.swiper-slider__button--next .svg-icon {
    transform: rotateY(-180deg) var(--arrow-icon-size, scale(1));
}
.swiper-slider__button--rectangle {
    height: 100%;
    border-radius: 0;
    background: none;
    border: none;
    box-shadow: none;
    display: none;
    --swiper-navigation-size: 40px;
}
.swiper-slider__button--rectangle:before {
    content: "";
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0.75) 0, #fff) 0 0 no-repeat;
}
.swiper-slider__button--disabled {
    display: none !important;
}
.swiper-container:not(.swiper-container-initialized) .swiper-slider__button {
    display: none;
}
@media (min-width: 800px) {
    .swiper-slider__button--rectangle {
        display: flex;
        --swiper-navigation-size: 64px;
    }
}
@media (min-width: 1720px) {
    .swiper-slider__button--rectangle {
        --swiper-navigation-size: 80px;
    }
}
.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 8px 0;
    --swiper-dot-size: 10px;
    --swiper-dot-gap: 10px;
}
.swiper-pagination-bullet {
    width: var(--swiper-dot-size);
    height: var(--swiper-dot-size);
    margin: 0 calc(var(--swiper-dot-gap) / 2);
    background: var(--color-grey-light);
    border-radius: 50%;
    opacity: 1;
}
.swiper-pagination-bullet--active {
    background: var(--color-orange);
}
.swiper-container:not(.swiper-container-initialized) .swiper-pagination {
    display: none;
}
@media (min-width: 800px) {
    .swiper-pagination-bullets {
        --swiper-dot-size: 12px;
        --swiper-dot-gap: 16px;
    }
}
@media (min-width: 1720px) {
    .swiper-pagination-bullets {
        --swiper-dot-size: 16px;
        --swiper-dot-gap: 24px;
    }
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-roman.woff2) format("woff2"), url(../fonts/helveticaneuecyr-roman.woff) format("woff"), url(../fonts/helveticaneuecyr-roman.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-italic.woff2) format("woff2"), url(../fonts/helveticaneuecyr-italic.woff) format("woff"), url(../fonts/helveticaneuecyr-italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-medium.woff2) format("woff2"), url(../fonts/helveticaneuecyr-medium.woff) format("woff"), url(../fonts/helveticaneuecyr-medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-mediumitalic.woff2) format("woff2"), url(../fonts/helveticaneuecyr-mediumitalic.woff) format("woff"), url(../fonts/helveticaneuecyr-mediumitalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 500;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-bold.woff2) format("woff2"), url(../fonts/helveticaneuecyr-bold.woff) format("woff"), url(../fonts/helveticaneuecyr-bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-bolditalic.woff2) format("woff2"), url(../fonts/helveticaneuecyr-bolditalic.woff) format("woff"), url(../fonts/helveticaneuecyr-bolditalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-light.woff2) format("woff2"), url(../fonts/helveticaneuecyr-light.woff) format("woff"), url(../fonts/helveticaneuecyr-light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-display: swap;
    font-family: HelveticaNeueCyr;
    src: url(../fonts/helveticaneuecyr-lightitalic.woff2) format("woff2"), url(../fonts/helveticaneuecyr-lightitalic.woff) format("woff"), url(../fonts/helveticaneuecyr-lightitalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
@media (min-width: 640px) {
    .d-xs-none {
        display: none !important;
    }
    .d-xs-inline {
        display: inline !important;
    }
    .d-xs-inline-block {
        display: inline-block !important;
    }
    .d-xs-block {
        display: block !important;
    }
    .d-xs-table {
        display: table !important;
    }
    .d-xs-table-row {
        display: table-row !important;
    }
    .d-xs-table-cell {
        display: table-cell !important;
    }
    .d-xs-flex {
        display: flex !important;
    }
    .d-xs-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 800px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1024px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1366px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1720px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
:root {
    --grid-gap: 16px;
    --grid-columns: 3;
}
@media (min-width: 800px) {
    :root {
        --grid-columns: 6;
    }
}
@media (min-width: 1366px) {
    :root {
        --grid-columns: 10;
    }
}
@media (min-width: 1720px) {
    :root {
        --grid-gap: 24px;
    }
}
.nwb-container {
    width: 100%;
    max-width: 800px;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    margin: 0 auto;
    --container-padding: 12px;
}
@media (min-width: 414px) {
    .nwb-container {
        --container-padding: 24px;
    }
}
@media (min-width: 800px) {
    .nwb-container {
        width: 800px;
        max-width: 1680px;
    }
}
@media (min-width: 1366px) {
    .nwb-container {
        width: 1286px;
        --container-padding: 8px;
    }
}
@media (min-width: 1720px) {
    .nwb-container {
        width: 100%;
        --container-padding: 12px;
    }
}
@media (min-width: 800px) {
    .nwb-container--thin {
        max-width: 1348px;
    }
}
.nwb-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--row-gap) / -2);
    margin-right: calc(var(--row-gap) / -2);
    --row-gap: var(--grid-gap);
}
.nwb-row [class*="nwb-col-"] {
    padding: 0 calc(var(--row-gap) / 2);
}
.nwb-row.-nopad {
    --row-gap: 0;
}
[class*="nwb-col-"] {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    width: auto;
}
.nwb-col-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
}
@media (min-width: 800px) {
    .nwb-col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto;
    }
}
@media (min-width: 1366px) {
    .nwb-col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto;
    }
}
@media (min-width: 1720px) {
    .nwb-col-xl-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto;
    }
}
.nwb-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.nwb-col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.nwb-col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.nwb-col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.nwb-col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.nwb-col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.nwb-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.nwb-col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.nwb-col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.nwb-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.nwb-col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.nwb-col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
@media (min-width: 640px) {
    .nwb-col-xs-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nwb-col-xs-2 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .nwb-col-xs-1 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
@media (min-width: 800px) {
    .nwb-col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nwb-col-sm-5 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .nwb-col-sm-4 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .nwb-col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nwb-col-sm-2 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .nwb-col-sm-1 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
}
@media (min-width: 1024px) {
    .nwb-col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nwb-col-md-5 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .nwb-col-md-4 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .nwb-col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nwb-col-md-2 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .nwb-col-md-1 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
}
@media (min-width: 1366px) {
    .nwb-col-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nwb-col-lg-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }
    .nwb-col-lg-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .nwb-col-lg-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .nwb-col-lg-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .nwb-col-lg-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nwb-col-lg-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .nwb-col-lg-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .nwb-col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .nwb-col-lg-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }
}
@media (min-width: 1720px) {
    .nwb-col-xl-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nwb-col-xl-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }
    .nwb-col-xl-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .nwb-col-xl-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .nwb-col-xl-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .nwb-col-xl-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nwb-col-xl-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .nwb-col-xl-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .nwb-col-xl-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .nwb-col-xl-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }
}
.flex-column {
    flex-direction: column;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center;
}
.align-items-baseline {
    align-items: baseline;
}
@media (min-width: 1024px) {
    .text-md-right {
        text-align: right;
    }
}
body > :not(.fancybox-container) {
    transition: filter 0.2s ease-in-out 0s;
}
body.fancybox-active > :not(.fancybox-container, .air-datepicker-global-container) {
    filter: blur(30px);
}
body.fancybox-active {
    overflow: hidden;
}
.fancybox-container {
    --fancy-bg: var(--color-grey-light);
    --fancy-close: var(--color-grey-light);
    --fancy-close-hover: var(--color-orange);
}
.fancybox-bg {
    background: var(--fancy-bg);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0;
}
.fancybox-slide {
    overscroll-behavior: none;
    justify-content: center;
}
.fancybox-slide--html {
    padding: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: flex;
}
.fancybox-content {
    margin: auto;
    background: #fff;
    flex: 0 0 auto;
}
.fancybox-close-small {
    display: flex;
    transition: all 0.3s ease;
}
.fancybox-close-small,
.fancybox-slide--html .fancybox-close-small {
    top: 14px;
    right: 14px;
    color: var(--fancy-close);
}
.fancybox-close-small:hover {
    color: var(--fancy-close-hover);
}
.modal-block {
    padding: 30px 20px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e7e8e9;
    background: #fff;
    --modal-head-align: center;
    --modal-title-size: 24px;
    --modal-title-lineheight: 29px;
}
.modal-block__head {
    margin-bottom: 22px;
    text-align: var(--modal-head-align);
}
.modal-block__title {
    font-size: var(--modal-title-size);
    line-height: var(--modal-title-lineheight);
    margin: 0;
}
.modal-block__descr {
    font-size: 18px;
    line-height: 1.22222;
    color: var(--color-grey);
}
@media (min-width: 1024px) {
    .modal-block {
        padding: 69px 64px 64px;
    }
}
.ui-tooltip {
    position: absolute;
    z-index: 560;
}
.ss-main {
    --scrollbar-track-bg: var(--color-grey-light);
    --scrollbar-bar-bg: var(--color-light-green);
}
.ss-main.nwb-form-select {
    padding: 0;
    border-width: 0;
    background-image: none;
}
.ss-main .ss-single-selected {
    height: inherit;
    padding: 0 6px 0 0;
    border-color: inherit;
    border-radius: inherit;
    background: inherit;
    --transform-hover: 0%;
}
.ss-main .ss-single-selected .placeholder {
    margin: 0 10px 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ss-main .ss-single-selected .ss-arrow {
    width: 24px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
}
.ss-main .ss-single-selected .ss-arrow span {
    display: none;
}
.ss-main .ss-single-selected .ss-arrow:before {
    content: "";
    width: 13px;
    height: 8px;
    background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    flex: 0 0 auto;
    transform: scaleY(1) translateY(var(--transform-hover, 0));
    transition: transform 0.2s ease-in-out 0s;
    opacity: 0.37;
}
.ss-main .ss-single-selected.ss-open-above .ss-arrow:before,
.ss-main .ss-single-selected.ss-open-below .ss-arrow:before {
    transform: scaleY(-1) translateY(var(--transform-hover, 0));
}
.ss-main .ss-content {
    width: auto;
    min-width: 100%;
    border-color: inherit;
    box-shadow: var(--block-shadow);
    background: #fff;
    transition: none;
    z-index: 400;
}
.ss-main .ss-content .ss-list {
    max-height: none;
}
.ss-main .ss-content .ss-option {
    padding: 0 16px;
    border-top: 1px solid var(--input-border-color);
    white-space: nowrap;
}
.ss-main .ss-content .ss-option:first-child {
    border-top: none;
}
.ss-main .ss-content .ss-option:not(.ss-disabled).ss-option-selected {
    background: var(--color-orange);
    color: #fff;
}
.ss-main .ss-open-above ~ .ss-content {
    box-shadow: var(--block-shadow-top);
}
.ss-main .nwb-form-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.ss-main .ss-single-selected:hover {
    --transform-hover: 50%;
}
.ss-main .ss-content .ss-option:hover {
    background: none;
    color: var(--color-orange);
}
.irs--round {
    height: var(--range-handle-size, 24px);
    display: flex;
    align-items: center;
}
.irs--round .irs {
    flex: 1 1 auto;
}
.irs--round .irs-line {
    top: 0;
    border-radius: 0;
    background: var(--color-grey-light);
}
.irs--round .irs-bar {
    top: 50%;
    border-radius: 0;
    transform: translateY(-50%);
    background: var(--color-orange);
}
.irs--round .irs-handle {
    top: 0;
    width: var(--range-handle-size, 24px);
    height: var(--range-handle-size, 24px);
    border: 1px solid #ededed;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff;
    cursor: pointer;
}
.irs--round .irs-handle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: calc(var(--range-handle-size, 24px) / 2);
    height: calc(var(--range-handle-size, 24px) / 2);
    border-radius: 50%;
    background: var(--color-orange);
    transform: translate(-50%, -50%);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background: #fff;
}
.wc-collapse {
    display: block;
    box-sizing: border-box;
    --close-max-height: 0;
    --collapse-open-hide: 0;
    --collapse-close-hide: 0;
}
.wc-collapse *,
.wc-collapse :after,
.wc-collapse :before {
    box-sizing: inherit;
}
.wc-collapse:not(.is-close) {
    --collapse-open-hide: none;
}
.wc-collapse.is-close {
    --collapse-close-hide: none;
}
.wc-collapse__button {
    z-index: 10;
}
.wc-collapse__body {
    position: relative;
    max-height: none;
    transition: all 0.25s ease-in-out 0s;
}
.wc-collapse__body-inner:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-bottom: inherit;
}
.wc-collapse.is-close > .wc-collapse__body {
    max-height: var(--close-max-height, 0);
    overflow: hidden;
}
.wc-collapse.is-show > .wc-collapse__body {
    overflow: hidden;
}
.wc-collapse.is-animate > .wc-collapse__body {
    max-height: var(--inner-height, none);
}
.wc-collapse__open-show {
    display: var(--collapse-close-hide);
}
.wc-collapse__open-hide {
    display: var(--collapse-open-hide);
}
[data-scrollbar] {
    display: block;
    position: relative;
    --scrollbar-size: 4px;
    --scrollbar-track-bg: var(--color-grey-light);
    --scrollbar-bar-bg: var(--color-light-green);
}
.scroll-content {
    display: flow-root;
    transform: translateZ(0);
}
.scrollbar-track {
    position: absolute;
    opacity: 0;
    z-index: 1;
    background: var(--scrollbar-track-bg);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: opacity 0.5s ease-out 0.5s;
}
.scrollbar-track.show,
.scrollbar-track:hover {
    opacity: 1;
    transition-delay: 0s;
}
.scrollbar-track-x {
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--scrollbar-size);
}
.scrollbar-track-y {
    top: 0;
    right: 0;
    width: var(--scrollbar-size);
    height: 100%;
}
.scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    background: var(--scrollbar-bar-bg);
    border-radius: calc(var(--scrollbar-size) / 2);
}
.image-box {
    align-items: center;
    background: 50% no-repeat;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.image-box--cover {
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.image-box--contain {
    background-size: contain;
    -o-object-fit: contain;
    object-fit: contain;
}
.image-box--fixed {
    --image-max-height: 100%;
}
.image-box--wide {
    --image-width: 100%;
}
.image-box__item,
.image-box img {
    position: relative;
    border: none;
    cursor: inherit;
    display: inline-block;
    flex: 0 0 auto;
    float: none;
    width: var(--image-width, auto);
    max-width: 100%;
    height: var(--image-height, auto);
    max-height: var(--image-max-height, none);
    vertical-align: middle;
    -o-object-fit: inherit;
    object-fit: inherit;
    -o-object-position: center;
    object-position: center;
}
.image-box:hover .image-box__item--hover + .image-box__item,
.image-box__item--hover {
    display: none;
}
.image-box:hover .image-box__item--hover {
    display: inline-block;
}
:root {
    --input-font-size: 18px;
    --input-height: 48px;
    --input-inner-height: 46px;
    --input-border-color: #e7e8e9;
    --input-border-color-required: #ff6a00;
    --input-border-color-error: red;
    --input-color: var(--color-grey);
    --input-bg-color: #fff;
    --input-plaseholder-color: inherit;
    --input-disabled-color: var(--color-grey-light);
    --input-disabled-border-color: var(--color-grey-light);
    --input-disabled-bg-color: #f7f7f7;
    --button-font-size: 18px;
    --button-height: 48px;
    --button-inner-height: 46px;
    --button-padding: 0 15px;
    --button-border-color: #e7e8e9;
    --button-bg-color: #fff;
    --button-color: var(--color-base, inherit);
    --button-icon-color: inherit;
    --button-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
    --button-hover-shadow: none;
    --check-border: var(--color-grey);
    --check-border-error: #ff6a00;
    --check-icon-color: var(--color-grey);
    --check-color: inherit;
    --radio-border: #707070;
    --radio-border-error: #ff6a00;
    --radio-icon-color: var(--color-grey);
    --radio-color: inherit;
}
.nwb-form-input {
    font-family: inherit;
    font-size: var(--input-font-size, 18px);
    line-height: 200%;
    width: var(--input-width, auto);
    max-width: 100%;
    height: var(--input-height, 48px);
    min-height: calc(var(--input-height, 48px) - 2px);
    margin: 0;
    padding: calc(var(--input-height, 48px) / 2 - 12px) 16px calc(var(--input-height, 48px) / 2 - 12px) 16px;
    border: 1px solid var(--input-border-color);
    border-radius: 0;
    background: var(--input-bg-color) right 10px top 7px no-repeat;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    outline: none;
    float: none;
    color: var(--input-color);
}
.nwb-form-input:before {
    line-height: calc(var(--input-height, 48px) - 2px);
}
.nwb-form-input::-moz-focus-inner {
    border: none;
    padding: 0;
}
.nwb-form-input::-ms-clear,
.nwb-form-input::-ms-reveal {
    display: none;
}
.nwb-form-input::-webkit-clear-button {
    pointer-events: auto;
    display: none;
}
.nwb-form-input::-webkit-input-placeholder {
    opacity: 1;
    color: var(--input-plaseholder-color);
}
.nwb-form-input:-moz-placeholder,
.nwb-form-input::-moz-placeholder {
    opacity: 1;
    color: var(--input-plaseholder-color);
}
.nwb-form-input:-ms-input-placeholder {
    opacity: 1;
    color: var(--input-plaseholder-color);
}
.nwb-form-input[readonly] {
    cursor: default;
}
.nwb-form-input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    overflow: visible;
}
.nwb-form-input[type="number"]::-webkit-inner-spin-button,
.nwb-form-input[type="number"]::-webkit-outer-spin-button {
    display: none;
}
.nwb-form-input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.nwb-form-input:required {
    border-color: var(--input-border-color-required);
}
.nwb-form-input:focus,
.nwb-form-input:hover {
    border-color: var(--color-grey-light);
}
.nwb-form-input:focus::-webkit-input-placeholder {
    opacity: 1;
    color: var(--color-grey-light);
}
.nwb-form-input:focus:-moz-placeholder,
.nwb-form-input:focus::-moz-placeholder {
    opacity: 1;
    color: var(--color-grey-light);
}
.nwb-form-input:focus:-ms-input-placeholder {
    opacity: 1;
    color: var(--color-grey-light);
}
.nwb-form-input.no-empty {
    border-color: var(--color-grey-light);
}
.nwb-form-input.disabled,
.nwb-form-input:disabled {
    border-color: var(--input-disabled-border-color);
    box-shadow: none;
    background: var(--input-disabled-bg-color);
    color: var(--input-disabled-color);
    cursor: not-allowed;
}
.nwb-form-input.disabled::-webkit-input-placeholder,
.nwb-form-input:disabled::-webkit-input-placeholder {
    color: inherit;
}
.nwb-form-input.disabled:-moz-placeholder,
.nwb-form-input.disabled::-moz-placeholder,
.nwb-form-input:disabled:-moz-placeholder,
.nwb-form-input:disabled::-moz-placeholder {
    color: inherit;
}
.nwb-form-input.disabled:-ms-input-placeholder,
.nwb-form-input:disabled:-ms-input-placeholder {
    color: inherit;
}
.nwb-form-input.error {
    border-color: var(--input-border-color-error);
}
.nwb-form-input > .nwb-button,
.nwb-form-input > .nwb-form-input,
.nwb-form-input > .nwb-form-select {
    height: 100%;
    min-height: inherit;
    border: none;
    vertical-align: top;
}
.nwb-form-input > .nwb-button {
    line-height: 38px;
    flex: 0 0 auto;
}
.nwb-form-input > .nwb-form-input {
    min-width: 1px;
    background-color: transparent;
    flex: 1 1 auto;
}
.nwb-form-input > .ui-spinner {
    height: 100%;
}
.nwb-form-input--date {
    min-width: 12ch;
}
.nwb-form-input--inline {
    width: auto;
    display: inline-block;
}
.nwb-form-input--wide {
    width: 100%;
}
.nwb-form-input--sm {
    font-size: 13px;
    line-height: 20px;
    height: 24px;
    min-height: 22px;
    padding: 1px 10px;
}
.nwb-form-input--sm:before {
    line-height: 22px;
}
.nwb-form-input-wrap--sm:before {
    font-size: 13px;
    line-height: 22px;
}
.nwb-form-input--lg {
    height: 60px;
    min-height: 58px;
    padding: 16px 19px;
    background-position: right 10px top 10px;
}
.nwb-form-input--lg:before {
    line-height: 58px;
}
.nwb-form-input-wrap--lg:before {
    line-height: 60px;
}
.nwb-form-input--textarea {
    height: auto;
    vertical-align: top;
    resize: vertical;
    overflow: auto;
}
.nwb-form-input--textarea.no-resize {
    resize: none;
}
.nwb-form-input--textarea.resize-v {
    resize: vertical;
}
.nwb-form-input--textarea.resize-h {
    resize: horizontal;
}
.nwb-form-input--wrap,
.nwb-form-input-wrap {
    position: relative;
    height: auto !important;
    display: inline-flex;
    align-items: flex-start;
    white-space: nowrap;
    table-layout: fixed;
}
.nwb-form-input--wrap > *,
.nwb-form-input-wrap > * {
    flex: 1 0 auto;
}
.nwb-form-input--wrap:before,
.nwb-form-input-wrap:before {
    font-size: inherit;
    content: "\00A0";
    width: 0;
    display: inline-block;
    vertical-align: baseline;
    text-indent: -1em;
    flex: 0 0 0px;
    overflow: hidden;
}
.nwb-form-input-wrap:before {
    font-size: var(--input-font-size);
    line-height: var(--input-height);
}
.nwb-form-input-wrap > .nwb-form-input {
    height: 100%;
}
.nwb-form-input-wrap--base {
    align-items: baseline;
}
.nwb-form-input--wrap {
    padding: 0;
    background-image: none;
}
.nwb-form-input--wrap.error {
    background-image: none;
}
.nwb-form-label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 129%;
    color: #5e5e5e;
}
.nwb-form-select {
    position: relative;
    font-family: inherit;
    font-size: var(--input-font-size);
    max-width: 100%;
    height: var(--input-height);
    padding: 0 35px 0 16px;
    border: 1px solid var(--input-border-color);
    border-radius: 0;
    background: var(--input-bg-color) url(../images/icon--arrow-down.svg) right 17px center/13px 8px no-repeat;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    color: var(--input-color);
}
.nwb-form-select,
.nwb-form-select:before {
    line-height: calc(var(--input-height, 48px) - 2px);
}
.nwb-form-select::-ms-value {
    padding: 0;
    margin: 0;
}
.nwb-form-select::-ms-expand {
    opacity: 0;
    display: none;
}
.nwb-form-select::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.nwb-form-select[multiple] {
    height: auto;
    padding: 0;
}
.nwb-form-select[multiple] option {
    line-height: 1.3333333333333333 !important;
    padding: 20px;
}
.nwb-form-select > .nwb-form-select {
    height: 100%;
    border: none;
    background: none;
    box-shadow: none;
    display: table-cell;
    vertical-align: top;
}
.nwb-form-select--inline {
    width: auto;
    display: inline-block;
}
.nwb-form-select--wide {
    width: 100%;
}
.nwb-form-select--wrap,
.nwb-form-select-wrap {
    height: auto !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: flex-start;
    white-space: nowrap;
}
.nwb-form-select--wrap:before,
.nwb-form-select-wrap:before {
    font-size: inherit;
    content: "\00A0";
    width: 0;
    display: inline-block;
    vertical-align: baseline;
    text-indent: -1em;
    overflow: hidden;
}
.nwb-form-select-wrap:before {
    font-size: var(--input-font-size);
    line-height: var(--input-height);
}
.nwb-form-select-wrap > .nwb-form-select {
    height: 100%;
    display: table-cell;
    vertical-align: top;
}
.nwb-form-select-wrap > .select-block {
    height: auto;
}
.nwb-form-select.error {
    border-color: var(--input-border-color-error);
}
.nwb-form-select.disabled,
.nwb-form-select:disabled {
    border-color: var(--input-disabled-border-color);
    box-shadow: none;
    background: var(--input-disabled-bg-color);
    color: var(--input-disabled-color);
    cursor: not-allowed;
}
.nwb-form-select--sm {
    line-height: 22px;
    height: 24px;
    padding-bottom: 0;
}
.nwb-form-select--sm:before {
    line-height: 22px;
}
.nwb-form-select--sm[multiple] option {
    padding: 4px 10px 3px;
}
.nwb-form-select--lg {
    height: 60px;
    padding: 0 35px 0 20px;
}
.nwb-form-select--lg[multiple] option {
    padding: 20px;
}
.select-block .nwb-form-select,
.select-block .nwb-form-select--lg {
    padding-right: 30px;
}
.select-block .nwb-form-select--lg.nwb-form-select--icon {
    padding-left: 30px;
}
.nwb-button {
    position: relative;
    font-family: inherit;
    font-size: var(--button-font-size, 18px);
    font-weight: inherit;
    line-height: calc(var(--button-height, 48px) - 2px);
    min-height: calc(var(--button-height, 48px) - 2px);
    max-width: 100%;
    min-width: var(--button-minwidth, 0);
    margin: 0;
    padding: var(--button-padding);
    border: 1px solid var(--button-border-color);
    border-radius: 0;
    box-shadow: var(--button-shadow);
    background: var(--button-bg-color);
    background-origin: border-box;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out, filter 0.2s ease-in-out, color 0.2s ease-in-out;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    outline: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    color: var(--button-color);
}
.nwb-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.nwb-button:before {
    content: "\00A0";
    width: 0;
    flex: 0 0 auto;
}
.nwb-button__inner {
    position: relative;
    line-height: 1;
    white-space: normal;
    pointer-events: none;
}
.nwb-button__input {
    position: absolute;
    font-size: 500px;
    top: -150px;
    right: -2px;
    height: 300px;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}
.nwb-button__input-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.nwb-button__icon {
    position: relative;
    margin: 0 var(--button-gap, 14px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--button-icon-color);
}
.nwb-button__icon:first-child {
    margin-left: 0;
}
.nwb-button__icon:last-child {
    margin-right: 0;
}
.nwb-button__link {
    color: inherit;
}
.nwb-button--block,
.nwb-button--wide {
    width: 100%;
    width: -moz-available;
    display: flex;
}
.nwb-button.disabled,
fieldset[disabled] .nwb-button {
    pointer-events: none;
    cursor: default;
}
.nwb-button--round {
    border-radius: calc(var(--button-height) / 2);
}
.nwb-button--hover-shadow {
    box-shadow: none;
}
.nwb-button:hover {
    box-shadow: var(--button-hover-shadow);
}
.nwb-button--hover-shadow:hover {
    box-shadow: var(--button-shadow);
}
.nwb-button--default {
    box-shadow: var(--button-hover-shadow);
    color: var(--color-grey-light);
    --button-border-color: #ededed;
    --button-bg-color: #ededed;
}
.nwb-button--default:hover {
    box-shadow: var(--button-shadow) inset;
    color: var(--color-grey-light);
}
.nwb-button--orange {
    box-shadow: none;
    --button-border-color: var(--color-orange);
    --button-bg-color: var(--color-orange);
    --button-color: var(--color-white);
}
.nwb-button--orange:hover {
    --button-color: var(--color-white);
    --button-hover-shadow: 0 0 0 2px var(--button-border-color);
}
.nwb-button--green {
    --button-shadow: none;
    --button-border-color: var(--color-light-green);
    --button-bg-color: var(--color-light-green);
    --button-color: var(--color-white);
}
.nwb-button--green:hover {
    --button-hover-shadow: 0 0 0 2px var(--button-border-color);
}
.nwb-button--basket {
    --button-font-size: 14px;
    --button-height: 40px;
    --button-padding: 0 10px;
    --button-gap: 10px;
}
.nwb-button--basket .svg-icon--cart-white {
    width: var(--basket-icon-width, 20px);
    height: calc(var(--basket-icon-width, 20px) * 1.05);
}
@media (min-width: 1720px) {
    .nwb-button--basket {
        --button-gap: 15px;
        --button-font-size: 18px;
        --button-height: 48px;
        --button-padding: 0 15px;
        --basket-icon-width: 24px;
    }
}
.nwb-button--link {
    font: inherit;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    background: none;
    display: inline;
    -webkit-text-decoration: var(--link-decoration);
    text-decoration: var(--link-decoration);
    color: var(--link-color);
}
.nwb-button--link:before {
    content: none;
}
.nwb-button--link:hover {
    color: var(--link-hover-color);
}
.nwb-button--sm {
    padding-left: 14px;
    padding-right: 14px;
    --button-font-size: 16px;
    --button-height: 32px;
}
.nwb-button--md {
    --button-font-size: 16px;
    --button-height: 40px;
}
.nwb-button--lg {
    padding-left: 24px;
    padding-right: 24px;
    --button-height: 64px;
}
.nwb-button.active .nwb-button__active-hide,
.nwb-button.checked .nwb-button__checked-hide,
.nwb-button:hover .nwb-button__hover-hide,
.nwb-button:not(.active) .nwb-button__active-show,
.nwb-button:not(.checked) .nwb-button__checked-show,
.nwb-button:not(:hover) .nwb-button__hover-show {
    display: none;
}
.nwb-button-icon {
    position: relative;
    font-family: inherit;
    font-size: var(--button-font-size, 18px);
    font-weight: inherit;
    line-height: calc(var(--button-height, 48px) - 2px);
    min-width: var(--button-height);
    height: var(--button-height);
    margin: 0;
    padding: 0;
    border: 1px solid var(--button-border-color);
    border-radius: calc(var(--button-height) / 2);
    box-shadow: var(--button-shadow);
    background: var(--button-bg-color);
    background-origin: border-box;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out, filter 0.2s ease-in-out, color 0.2s ease-in-out;
    white-space: nowrap;
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-start;
    overflow: visible;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
    text-transform: inherit;
    outline: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    color: var(--button-color);
}
.nwb-button-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.nwb-button-icon:before {
    content: "\00A0";
    width: 0;
    flex: 0 0 auto;
}
.nwb-button-icon--open {
    grid-template-columns: auto 1fr;
}
.nwb-button-icon:hover {
    box-shadow: var(--button-hover-shadow);
    color: var(--button-color);
    z-index: 1;
}
.nwb-button-icon__inner {
    line-height: 1;
    min-width: inherit;
    height: inherit;
    margin: -1px;
    border: inherit;
    border-radius: inherit;
    background: inherit;
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: flex-start;
    white-space: nowrap;
    pointer-events: none;
}
.nwb-button-icon__image,
.nwb-button-icon__inner {
    position: relative;
    align-items: center;
    flex: 0 0 auto;
}
.nwb-button-icon__image {
    max-width: 100%;
    width: calc(var(--button-height, 48px) - 2px);
    margin: 0;
    display: flex;
    justify-content: center;
    align-self: stretch;
    transform: var(--icon-transform);
    grid-area: 1/1/2/2;
}
.nwb-button-icon__wrap {
    width: calc(var(--show-text, 0) - var(--show-text, 1));
    min-width: 0;
    grid-area: 1/2/2/3;
    overflow: hidden;
    transition: width 0.2s ease-in-out 0s;
}
.nwb-button-icon:hover .nwb-button-icon__wrap {
    width: var(--show-text, auto);
}
.nwb-button-icon__text {
    padding: 0 10px 0 0;
}
.nwb-button-icon__hover-show {
    display: none;
}
.nwb-button-icon--active .nwb-button-icon__hover-show,
.nwb-button-icon:hover .nwb-button-icon__hover-show {
    display: block;
}
.nwb-button-icon.disabled,
fieldset[disabled] .nwb-button-icon {
    pointer-events: none;
    cursor: default;
}
.nwb-button-icon--default {
    box-shadow: var(--button-hover-shadow);
    color: var(--color-grey-light);
    --button-border-color: #ededed;
    --button-bg-color: #ededed;
}
.nwb-button-icon--default:hover {
    box-shadow: var(--button-shadow) inset;
    color: var(--color-grey-light);
}
.nwb-button-icon--active {
    --button-color: var(--color-orange);
}
.nwb-button-icon--sm {
    --button-font-size: 14px;
    --button-height: 32px;
    --button-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.nwb-button-icon--md {
    --button-height: 40px;
}
.nwb-button-icon--lg {
    --button-height: 64px;
}
.nwb-button-icon--green {
    --button-shadow: none;
    --button-border-color: var(--color-light-green);
    --button-bg-color: var(--color-light-green);
    --button-color: var(--color-white);
}
.nwb-button-icon--green:hover {
    --button-hover-shadow: 0 0 0 2px var(--button-border-color);
}
.nwb-button-icon .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.nwb-button-icon--basket {
    --button-height: 56px;
}
.nwb-button-icon--basket .svg-icon--cart-white {
    width: 26px;
    height: 28px;
    transform: translateX(-5%);
}
.button-burger {
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-burger:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icons-sprite.svg) -107px -2px no-repeat;
}
.nwb-button-file {
    position: relative;
    font: inherit;
    font-size: 14px;
    line-height: 1.28571;
    min-height: 28px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    display: inline-flex;
    overflow: hidden;
    cursor: pointer;
}
.nwb-button-file__input {
    position: absolute;
    font-size: 500px;
    top: -150px;
    right: -2px;
    height: 300px;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
    z-index: 10;
}
.nwb-button-file__icon {
    width: 28px;
    height: 28px;
    margin-right: 16px;
    border: 1px solid #e7e8e9;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.nwb-button-file__icon:before {
    content: "";
    width: 10px;
    height: 20px;
    background: url(../images/icons-sprite.svg) -256px -2px no-repeat;
    transform: scale(0.9);
}
.nwb-button-file__inner {
    align-self: center;
}
.nwb-button-file__inner:empty:before {
    content: attr(data-placeholder);
    color: var(--color-grey-light);
}
@media (min-width: 1720px) {
    .nwb-button-file {
        font-size: 16px;
        line-height: 1.1875;
    }
    .nwb-button-file__icon {
        width: 32px;
        height: 32px;
        margin-right: 12px;
    }
    .nwb-button-file__icon:before {
        transform: none;
    }
}
.nwb-check-box {
    position: relative;
    font-family: inherit;
    font-weight: inherit;
    margin: 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    grid-auto-flow: column;
    white-space: nowrap;
    box-sizing: border-box;
    transition: color 0.2s ease-in-out 0s, botrdor-color 0.2s ease-in-out 0s;
    text-decoration: none;
    cursor: pointer;
    color: var(--check-color, inherit);
    --check-icon-opacity: 0;
    --check-icon-bg: #fff;
}
.nwb-check-box--ac {
    align-items: center;
}
.nwb-check-box__input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
    background: #fff;
    opacity: 0;
    overflow: hidden;
    cursor: inherit;
}
.nwb-check-box__input:disabled,
.nwb-check-box__input[disabled] {
    cursor: default;
}
.nwb-check-box__input::-ms-check {
    display: none;
}
.nwb-check-box__icon {
    position: relative;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    line-height: calc(var(--check-size, 20px) - 2px);
    top: 0;
    width: var(--check-size, 20px);
    height: var(--check-size, 20px);
    margin-right: calc(-8px + var(--check-size, 20px));
    border: 1px solid var(--check-border);
    background: #fff;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    text-align: center;
    color: var(--check-icon-color);
}
.nwb-check-box__icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 10px;
    height: 7.4px;
    background: url(../images/icons-sprite.svg) -151px -2px no-repeat;
    flex: 0 0 auto;
    display: block;
    opacity: var(--check-icon-opacity);
    transform: translate(-50%, -50%);
}
.nwb-check-box__icon:after {
    content: "\00A0";
    width: 0;
    flex: 0 0 auto;
}
.nwb-check-box__icon:last-child {
    margin-right: 0;
}
.nwb-check-box__icon .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: var(--check-icon-opacity);
}
.nwb-check-box__image {
    position: absolute;
    top: 3px;
    width: 16px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid #a1bbd7;
    border-radius: 1px;
    background-color: #fff;
    flex: 0 0 auto;
}
.nwb-check-box__inner {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    white-space: normal;
    cursor: inherit;
}
.nwb-check-box__count {
    font-size: 13px;
    color: #b7b7b7;
}
.nwb-check-box.is-disabled,
.nwb-check-box:disabled {
    cursor: default;
    color: #e7e8e9;
    --check-icon-bg: #e7e8e9;
    --check-border: #e7e8e9;
    --check-icon-color: #e7e8e9;
}
.nwb-check-box.error {
    --check-border: var(--check-border-error);
}
.nwb-check-box.checked {
    --check-icon-opacity: 1;
    --help-tooltip-color: var(--color-red);
}
.nwb-check-box.some-checked {
    --check-icon-opacity: 1;
}
.nwb-check-box.some-checked .nwb-check-box__icon:before {
    width: 50%;
    height: 2px;
    background: #5e5e5e none;
}
.nwb-radio-box {
    position: relative;
    font-family: inherit;
    font-weight: inherit;
    margin: 0;
    display: inline-grid;
    align-items: baseline;
    justify-content: flex-start;
    grid-auto-flow: column;
    white-space: nowrap;
    box-sizing: border-box;
    transition: color 0.2s ease-in-out 0s, botrdor-color 0.2s ease-in-out 0s;
    text-decoration: none;
    cursor: pointer;
    color: var(--radio-color, inherit);
    --radio-icon-opacity: 0;
    --radio-icon-bg: #fff;
    --radio-border-width: 1px;
}
.nwb-radio-box--ac {
    align-items: center;
}
.nwb-radio-box__input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
    background: #fff;
    opacity: 0;
    overflow: hidden;
    cursor: inherit;
}
.nwb-radio-box__input:disabled,
.nwb-radio-box__input[disabled] {
    cursor: not-allowed;
}
.nwb-radio-box__input::-ms-check {
    display: none;
}
.nwb-radio-box__icon {
    position: relative;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    line-height: calc(var(--check-size, 20px) - var(--radio-border-width) * 2);
    top: 0;
    width: var(--check-size, 20px);
    height: var(--check-size, 20px);
    padding: calc(2px - var(--radio-border-width));
    margin-right: calc(-8px + var(--check-size, 20px));
    border: var(--radio-border-width) solid var(--radio-border);
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    text-align: center;
    color: var(--radio-icon-color);
}
.nwb-radio-box__icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: calc(-12px + var(--check-size, 20px));
    height: calc(-12px + var(--check-size, 20px));
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto;
    display: block;
    transform: translate(-50%, -50%);
    opacity: var(--radio-icon-opacity);
}
.nwb-radio-box__icon:after {
    content: "\00A0";
    width: 0;
    flex: 0 0 auto;
}
.nwb-radio-box__icon:last-child {
    margin-right: 0;
}
.nwb-radio-box__image {
    position: absolute;
    top: 3px;
    width: 16px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid #a1bbd7;
    border-radius: 1px;
    background-color: #fff;
    flex: 0 0 auto;
}
.nwb-radio-box__inner {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    white-space: normal;
    cursor: inherit;
}
.nwb-radio-box__count {
    font-size: 13px;
    color: #b7b7b7;
}
.nwb-radio-box.is-disabled,
.nwb-radio-box:disabled {
    cursor: not-allowed;
    color: #e7e8e9;
    --radio-icon-bg: #e7e8e9;
    --radio-border: #e7e8e9;
    --radio-icon-color: #e7e8e9;
}
.nwb-radio-box:hover {
    --radio-border-width: 2px;
}
.nwb-radio-box.error {
    --radio-border: var(--radio-border-error);
}
.nwb-radio-box.checked {
    --radio-icon-opacity: 1;
    --help-tooltip-color: var(--color-red);
}
.form-group {
    margin-bottom: 22px;
}
.form-group__head {
    min-height: 32px;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form-group__head-input {
    min-width: 1px;
    flex: 0 0 auto;
    text-align: center;
}
.form-group__head .form-group__title {
    margin-bottom: 0;
}
.form-group__title {
    min-width: 1px;
    margin-bottom: 7px;
    flex: 0 1 auto;
}
.form-group__title--md {
    font-size: var(--font-size-medium);
    font-weight: 500;
    line-height: var(--lineheight-medium);
}
.form-group__title--sm {
    font-size: var(--font-size-small);
    font-weight: 500;
    line-height: var(--lineheight-small);
}
.nwb-input-group {
    display: flex;
}
.nwb-input-group > .nwb-button {
    box-shadow: none;
}
.range-box__inputs {
    display: flex;
    align-items: center;
}
.range-box__input {
    min-width: 1px;
    padding-left: 12px;
    padding-right: 12px;
    flex: 0 0 auto;
    text-align: center;
}
@media (max-width: 1720px) {
    .range-box__input {
        padding-left: 4px;
        padding-right: 4px;
    }
}
.range-box__input--min {
    margin-right: calc(var(--grid-gap) / 2);
}
.range-box__input--max {
    margin-left: calc(var(--grid-gap) / 2);
}
.range-box__separator {
    flex: 1 1 auto;
    text-align: center;
    color: var(--color-grey);
}
.range-box > .irs {
    margin-top: 7px;
}
.range-box.only-value .irs-bar--single {
    display: none;
}
.range-box.half {
    --to-offset: calc(var(--range-handle-size, 24px) / 4);
}
.range-box.half .from {
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    width: calc(var(--range-handle-size, 24px) / 2);
}
.range-box.half .from:before {
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    width: calc(var(--range-handle-size, 24px) / 4);
    right: 0;
    left: unset;
    transform: translate(1px, -50%);
}
.range-box.half .to {
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    width: calc(var(--range-handle-size, 24px) / 2);
    transform: translateX(12px);
}
.range-box.half .to:before {
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    width: calc(var(--range-handle-size, 24px) / 4);
    left: 0;
    right: unset;
    transform: translate(-1px, -50%);
}
.range-box.half .to:after {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 4px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.range-box.half .to:after,
.range-box.min-max .irs-line {
    background: var(--color-orange);
}
.range-box.min-max .irs-handle.to {
    left: calc(100% - 24px) !important;
}
.range-box.reverse .irs-bar--single {
    background: var(--color-grey-light);
}
.range-box.reverse .irs-line {
    background: var(--color-orange);
}
.check-list {
    padding: 0;
    margin: 0 0 12px;
    list-style: none;
    --check-color: var(--color-grey);
}
.check-list:last-child {
    margin-bottom: 0;
}
.check-list__item {
    padding: 0;
    margin: 12px 0 0;
}
.check-list__item:first-child {
    margin-top: 0;
}
.nwb-form-fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
html {
    font-size: 16px;
    height: 100%;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
    overflow: visible;
}
body,
html {
    display: flex;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body {
    font: 400 normal var(--font-size-base) / var(--lineheight-base) HelveticaNeueCyr, sans-serif;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 320px;
    margin: 0;
    background-color: #fff;
    flex-direction: column;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    flex: 0 0 auto;
    color: var(--color-base);
}
html.is-mobile-ios {
    overflow: hidden;
}
.is-mobile-ios body {
    height: 100%;
    overflow-y: auto;
}
.is-mobile-ios .body {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}
.font-weight-medium {
    font-weight: 500;
}
.font-size-base {
    font-size: var(--font-size-base);
    line-height: var(--lineheight-base);
}
.font-size-large {
    font-size: var(--font-size-large);
    line-height: var(--lineheight-large);
}
.font-size-medium {
    font-size: var(--font-size-medium);
    line-height: var(--lineheight-medium);
}
.font-size-small {
    font-size: var(--font-size-small);
    line-height: var(--lineheight-small);
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1em;
}
.h1,
h1 {
    font-size: var(--h1-size);
    line-height: var(--h1-lineheight);
}
li + .h1,
li + h1,
p + .h1,
p + h1,
table + .h1,
table + h1,
ul + .h1,
ul + h1 {
    margin-top: 2em;
}
.h2,
h2 {
    font-size: var(--h2-size);
    line-height: var(--h2-lineheight);
}
li + .h2,
li + h2,
p + .h2,
p + h2,
table + .h2,
table + h2,
ul + .h2,
ul + h2 {
    margin-top: 2em;
}
.h3,
h3 {
    font-size: var(--h3-size);
    line-height: var(--h3-lineheight);
}
li + .h3,
li + h3,
p + .h3,
p + h3,
table + .h3,
table + h3,
ul + .h3,
ul + h3 {
    margin-top: 2em;
}
.h4,
h4 {
    font-size: var(--h4-size);
    line-height: var(--h4-lineheight);
}
li + .h4,
li + h4,
p + .h4,
p + h4,
table + .h4,
table + h4,
ul + .h4,
ul + h4 {
    margin-top: 2em;
}
.h5,
h5 {
    font-size: var(--h5-size);
    line-height: var(--h5-lineheight);
}
li + .h5,
li + h5,
p + .h5,
p + h5,
table + .h5,
table + h5,
ul + .h5,
ul + h5 {
    margin-top: 2em;
}
.h6,
h6 {
    font-size: var(--h6-size);
    line-height: var(--h6-lineheight);
}
li + .h6,
li + h6,
p + .h6,
p + h6,
table + .h6,
table + h6,
ul + .h6,
ul + h6 {
    margin-top: 2em;
}
p {
    margin: 0 0 1.6111111111111112em;
}
p:last-child {
    margin-bottom: 0;
}
img {
    max-width: 100%;
    vertical-align: middle;
}
.link,
a {
    transition: color 0.2s ease-in-out 0s;
    -webkit-text-decoration: var(--link-decoration);
    text-decoration: var(--link-decoration);
    color: var(--link-color);
}
.link,
.link:active,
.link:focus,
a,
a:active,
a:focus {
    outline: none;
}
.link:hover,
a:hover {
    --link-color: var(--link-hover-color);
}
ol,
ul {
    margin-bottom: 1.25rem;
}
li {
    margin-bottom: 0.625rem;
}
.ul-style,
ul:not([class]) {
    position: relative;
    padding-left: 2.8em;
    list-style: none;
    color: var(--color-grey);
}
.ul-style > *,
ul:not([class]) > * {
    position: relative;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}
.ul-style > :before,
ul:not([class]) > :before {
    position: absolute;
    content: "\2022";
    font-size: 1.3em;
    line-height: 1.2em;
    margin-left: -0.6em;
    transform: translateX(-100%);
    color: var(--color-orange);
}
.ul-style > * > .ol-style,
.ul-style > * > .ul-style,
.ul-style > * > ol:not([class]),
.ul-style > * > ul:not([class]),
ul:not([class]) > * > .ol-style,
ul:not([class]) > * > .ul-style,
ul:not([class]) > * > ol:not([class]),
ul:not([class]) > * > ul:not([class]) {
    margin-top: 10px;
}
.ul-style > * > .ol-style:last-child,
.ul-style > * > .ul-style:last-child,
.ul-style > * > ol:not([class]):last-child,
.ul-style > * > ul:not([class]):last-child,
ul:not([class]) > * > .ol-style:last-child,
ul:not([class]) > * > .ul-style:last-child,
ul:not([class]) > * > ol:not([class]):last-child,
ul:not([class]) > * > ul:not([class]):last-child {
    margin-bottom: 10px;
}
.ul-style.ul-black li:before,
ul:not([class]).ul-black li:before {
    color: #272727;
    margin-left: -4.6em;
    line-height: 3.6em;
    font-size: 0.5em;
}
.ol-style,
ol:not([class]) {
    padding-left: 2.8em;
    list-style: none;
    counter-reset: ol-list;
}
.ol-style > *,
ol:not([class]) > * {
    position: relative;
    counter-increment: ol-list;
}
.ol-style > :before,
ol:not([class]) > :before {
    position: absolute;
    content: counters(ol-list, ".") ".";
    margin-left: -0.6em;
    transform: translateX(-100%);
    color: var(--color-orange);
}
.ol-style > * > .ol-style,
.ol-style > * > .ul-style,
.ol-style > * > ol:not([class]),
.ol-style > * > ul:not([class]),
ol:not([class]) > * > .ol-style,
ol:not([class]) > * > .ul-style,
ol:not([class]) > * > ol:not([class]),
ol:not([class]) > * > ul:not([class]) {
    margin-top: 10px;
}
.ol-style > * > .ol-style:last-child,
.ol-style > * > .ul-style:last-child,
.ol-style > * > ol:not([class]):last-child,
.ol-style > * > ul:not([class]):last-child,
ol:not([class]) > * > .ol-style:last-child,
ol:not([class]) > * > .ul-style:last-child,
ol:not([class]) > * > ol:not([class]):last-child,
ol:not([class]) > * > ul:not([class]):last-child {
    margin-bottom: 10px;
}
blockquote {
    position: relative;
    font-size: 32px;
    line-height: 1.3125;
    min-height: 60px;
    padding: 0 72px;
    margin: 1.84375em 0 1.75em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-grey);
}
blockquote:after,
blockquote:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 64px;
    height: 60px;
    background: url(../images/icons-sprite.svg) -295px -2px no-repeat;
}
blockquote:after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    transform: scaleX(-1);
}
@media (max-width: 1720px) {
    blockquote {
        font-size: 26px;
    }
}
@media (max-width: 639px) {
    blockquote {
        font-size: 22px;
        padding: 0 25px;
    }
    blockquote:before {
        transform: scale(0.3);
        top: -16px;
        left: -12px;
    }
    blockquote:after {
        transform: scale(0.3) rotate(180deg);
        right: -15px;
        bottom: -18px;
    }
}
.color-orange {
    color: var(--color-orange);
}
.color-green-l {
    color: var(--color-light-green);
}
.color-grey {
    color: var(--color-grey);
}
.color-blue {
    color: var(--color-blue);
}
.text-center {
    text-align: center;
}
.rub {
    font-family: PT Sans, serif;
    text-decoration: none !important;
    font-size: inherit;
    line-height: inherit;
}
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right.b24-widget-button-visible {
    right: 46px;
    bottom: 108px;
}
.button-top-arrow {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: fixed;
    z-index: 31;
    bottom: 49px;
    right: 61px;
    background-color: var(--color-white);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid hsla(0, 0%, 92.9%, 0.87);
}
.button-top-arrow--hide {
    display: none !important;
}
.button-top-arrow:hover {
    box-shadow: none;
}
.button-top-arrow svg {
    color: var(--color-white);
    width: 16px;
    height: 14px;
}
@media (max-width: 639px) {
    .button-top-arrow {
        height: 40px;
        width: 40px;
        right: 11px;
        bottom: 96px;
    }
    .button-top-arrow svg {
        width: 20px;
        height: 17px;
    }
}
.js-sticky {
    position: relative;
}
.js-sticky__inspect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.search-box {
    position: relative;
    display: flex;
    --input-height: 48px;
}
.search-box__input {
    min-width: 1px;
    padding-right: 40px;
    flex: 1 1 auto;
}
.search-box__button {
    position: absolute;
    font: inherit;
    top: 0;
    right: 0;
    min-width: 40px;
    height: 100%;
    padding: 0 0 0 7px;
    border: 1px solid transparent;
    background: #fff content-box;
    outline: none !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: left;
    flex: 0 0 auto;
    color: #b5b5b5;
    cursor: pointer;
}
.search-box__button .svg-icon {
    max-width: 20px;
    max-height: 20px;
}
@media (min-width: 1366px) {
    .search-box {
        --input-height: 40px;
    }
    .search-box .svg-icon {
        max-width: 18px;
        max-height: 18px;
    }
}
@media (min-width: 1720px) {
    .search-box {
        --input-height: 48px;
    }
    .search-box .svg-icon {
        max-width: 20px;
        max-height: 20px;
    }
}
.transparent-stroke .svg-icon {
    stroke: transparent;
}
.tag-item {
    height: var(--tag-height);
    font-size: var(--tag-font-size);
    line-height: calc(var(--tag-height));
    max-width: 100%;
    padding: var(--tag-padding);
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: calc(var(--tag-height) / 2);
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-grey);
    cursor: pointer;
    --tag-font-size: 14px;
    --tag-height: 22px;
    --tag-padding: 0px 8px;
}
.tag-item--sm {
    --tag-font-size: 13px;
    --tag-height: 22px;
    --tag-padding: 0px 8px;
}
.tag-item:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
@media (min-width: 1720px) {
    .tag-item {
        --tag-font-size: 18px;
        --tag-height: 32px;
        --tag-padding: 0px 15px;
    }
    .tag-item--sm {
        --tag-font-size: 13px;
        --tag-height: 22px;
        --tag-padding: 0px 8px;
    }
}
.sort-box {
    display: flex;
    align-items: center;
}
.sort-box__title {
    margin-right: var(--grid-gap);
    color: var(--color-grey);
}
.sort-box__body {
    min-width: 1px;
    flex: 1 1 auto;
}
.sort-box__select {
    --input-font-size: 16px;
}
.sort-box__select .ss-single-selected:before {
    margin-left: 12px;
    width: 19.28px;
    height: 19px;
    background: url(../images/icons-sprite.svg) -363px -2px no-repeat;
    align-self: center;
    flex: 0 0 auto;
}
@media (max-width: 414px) {
    .sort-box__select {
        --input-font-size: 14px;
    }
}
@media (min-width: 414px) {
    .sort-box__select .ss-single-selected:before {
        content: "";
    }
}
@media (min-width: 800px) {
    .sort-box__select {
        --input-font-size: 14px;
    }
    .sort-box__select .ss-single-selected:before {
        content: none;
    }
    .sort-box__select .ss-single-selected .placeholder {
        margin: 0 3px 0 8px;
    }
    .sort-box__select .ss-single-selected .ss-arrow {
        width: 15px;
        transform: scale(0.7);
    }
    .sort-box__select .ss-content .ss-option {
        padding: 0 8px;
    }
    .sort-box select.nwb-form-select {
        padding-left: 8px;
        padding-right: 16px;
        background-size: 10px;
        background-position: right 5px center;
    }
}
@media (min-width: 1366px) {
    .sort-box__select {
        --input-font-size: 14px;
    }
}
@media (min-width: 1720px) {
    .sort-box__select {
        --input-font-size: 16px;
    }
    .sort-box__select .ss-single-selected .placeholder {
        margin: 0 10px 0 16px;
    }
    .sort-box__select .ss-single-selected .ss-arrow {
        width: 24px;
        transform: none;
    }
    .sort-box__select .ss-content .ss-option {
        padding: 0 16px;
    }
    .sort-box select.nwb-form-select {
        padding-left: 12px;
        padding-right: 30px;
        background-size: 13px 8px;
        background-position: right 12px center;
    }
}
.page-count-box {
    font-size: var(--page-count-font-size, 16px);
    font-weight: 700;
    white-space: nowrap;
    justify-content: inherit;
}
.page-count-box__outer {
    margin: -4px;
    display: flex;
    align-items: center;
    flex-wrap: inherit;
    justify-content: inherit;
    flex-wrap: wrap;
}
.page-count-box__title {
    margin: 4px;
    display: none;
}
.page-count-box__select {
    font-weight: 700;
    width: 72px;
    margin: 4px;
    --input-font-size: calc(var(--page-count-font-size, 16px) + 2px);
    --input-color: var(--color-base);
}
.page-count-box__select .ss-single-selected .ss-arrow {
    transform: scale(calc(var(--page-count-arrow-invert, 1) * 0.7));
}
.page-count-box__select .ss-single-selected .ss-arrow:before {
    opacity: 1;
}
.page-count-box__descr {
    margin: 4px;
}
@media (min-width: 414px) {
    .page-count-box__title {
        display: inline;
    }
}
@media (min-width: 768px) {
    .page-count-box__descr {
        display: none;
    }
}
@media (min-width: 800px) {
    .page-count-box__outer {
        flex-wrap: nowrap;
    }
    .page-count-box__descr {
        display: var(--page-count-descr-display, block);
    }
}
@media (min-width: 1720px) {
    .page-count-box__outer {
        margin: -4px -8px;
    }
    .page-count-box__descr,
    .page-count-box__select,
    .page-count-box__title {
        margin: 4px 8px;
    }
}
.pagination-box {
    font-size: var(--pagination-font-size, 16px);
    font-weight: 700;
    line-height: calc(var(--input-height) - 2px);
    white-space: nowrap;
    justify-content: inherit;
    cursor: default;
    color: var(--color-base);
}
.pagination-box__outer {
    margin: -4px;
    display: flex;
    align-items: center;
    flex-wrap: inherit;
    justify-content: inherit;
}
.pagination-box__title {
    padding: 4px;
}
.pagination-box__title:before {
    content: attr(data-title-short);
    font-size: 16px;
    display: none;
    vertical-align: top;
}
.pagination-box__list {
    padding: 4px;
    margin: 0;
    list-style: none;
    display: flex;
}
.pagination-box__item {
    padding: 0;
    margin: 0 0 0 -1px;
    display: flex;
}
.pagination-box__item:first-child {
    margin-left: 0;
}
.pagination-box__link {
    padding: 0 16px;
    border: 1px solid #e7e8e9;
    display: block;
    text-align: center;
    flex: 1 1 auto;
}
.pagination-box__link--first,
.pagination-box__link--last {
    width: 32px;
    padding: 0;
}
.pagination-box__link--last .svg-icon {
    transform: scaleX(-1);
}
.pagination-box__link--next,
.pagination-box__link--prev {
    width: 24px;
    padding: 0;
}
.pagination-box__link--next .svg-icon {
    transform: scaleX(-1);
}
.pagination-box__link.disabled {
    pointer-events: none;
    color: var(--color-grey-light);
}
.pagination-box__current {
    min-width: 48px;
    padding: 0 16px;
    border: 1px solid #e7e8e9;
    display: block;
    flex: 1 1 auto;
}
.pagination-box__current,
.pagination-box__input {
    font-size: calc(var(--pagination-font-size, 16px) + 2px);
    text-align: center;
}
.pagination-box__input {
    font-weight: inherit;
    width: 48px;
    padding-left: 4px;
    padding-right: 4px;
    color: inherit;
}
.pagination-box .pagination-box__input {
    border-color: #e7e8e9;
}
.pagination-box__count {
    padding: 0 16px;
    display: block;
}
@media (min-width: 1720px) {
    .pagination-box__outer {
        margin: -4px -8px;
    }
    .pagination-box__list,
    .pagination-box__title {
        padding: 4px 8px;
    }
}
.view-box {
    display: grid;
    grid-auto-flow: column;
    --button-height: 40px;
    --button-color: var(--color-orange);
}
.view-box__button {
    width: var(--button-height);
    height: var(--button-height);
    padding: 8px;
    margin-left: 8px;
    align-items: center;
    justify-content: center;
}
.view-box__button:before {
    position: relative;
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    background-repeat: repeat-y;
}
.view-box__button:first-child {
    margin-left: 0;
}
.view-box__button--list:before {
    background-image: linear-gradient(180deg, currentColor 5px, transparent 0), linear-gradient(180deg, currentColor 5px, transparent 0);
    background-size: 5px 8px, 100% 8px;
    background-position: 0 0, 8px 0;
}
.view-box__button--box:before {
    background-image: linear-gradient(180deg, currentColor 5px, transparent 0), linear-gradient(180deg, currentColor 5px, transparent 0), linear-gradient(180deg, currentColor 5px, transparent 0);
    background-size: 5px 8px;
    background-position: 0 0, 8px 0, 16px 0;
}
.view-box__button--table:before {
    background-image: linear-gradient(180deg, currentColor 50%, transparent 0);
    background-size: 100% 6px;
    background-position: 0 0;
}
.view-box__button--active {
    --button-shadow: none;
}
@media (min-width: 1720px) {
    .view-box {
        --button-height: 48px;
    }
    .view-box__button:before {
        width: 26px;
        height: 26px;
    }
    .view-box__button--list:before {
        background-image: linear-gradient(180deg, currentColor 6px, transparent 0), linear-gradient(180deg, currentColor 6px, transparent 0);
        background-size: 6px 10px, 100% 10px;
        background-position: 0 0, 10px 0;
    }
    .view-box__button--box:before {
        background-image: linear-gradient(180deg, currentColor 6px, transparent 0), linear-gradient(180deg, currentColor 6px, transparent 0), linear-gradient(180deg, currentColor 6px, transparent 0);
        background-size: 6px 10px, 6px 10px, 6px 10px;
        background-position: 0 0, 10px 0, 20px 0;
    }
    .view-box__button--table:before {
        background-image: linear-gradient(180deg, currentColor 50%, transparent 0);
        background-size: 100% 28%;
    }
}
.catalog-panel-top {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.375;
    margin: 0 -4px;
    display: grid;
    grid-template-areas: "msg msg" "filter total" "sort sort";
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    align-items: center;
    grid-gap: var(--grid-gap) 0;
}
.catalog-panel-top__msg {
    padding-left: 10px;
    margin-bottom: 0;
    grid-area: msg;
}
.catalog-panel-top__msg .desktop {
    display: none;
}
@media (min-width: 1366px) {
    .catalog-panel-top__msg {
        padding-left: 10px;
    }
    .catalog-panel-top__msg .desktop {
        display: inline;
    }
    .catalog-panel-top__msg .mobile {
        display: none;
    }
}
.catalog-panel-top__msg-content {
    border: 1px solid var(--color-grey-light);
    color: var(--color-grey);
    font-size: 14px;
    min-height: 48px;
    border-radius: 3px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    line-height: 100%;
}
.catalog-panel-top__msg-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-left-color: var(--color-grey-light);
    border-top: 1px solid transparent;
    border-top-color: var(--color-grey-light);
    left: 20px;
    bottom: -6px;
    transform: translateX(0) rotate(-135deg);
}
@media (min-width: 1365px) {
    .catalog-panel-top__msg-content:before {
        bottom: unset;
        top: 18px;
        left: 5px;
        transform: translateX(-100%) rotate(-45deg);
    }
}
.catalog-panel-top__msg-ico {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
}
.catalog-panel-top__filter {
    min-width: 1px;
    padding: 0 4px;
    grid-area: filter;
}
.catalog-panel-top__filter-button {
    --button-font-size: 16px;
    --button-height: 40px;
}
.catalog-panel-top__filter-button:after {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8.71px;
    height: 5.06px;
    background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out 0s;
}
.catalog-panel-top__total {
    min-width: 1px;
    padding: 0 4px;
    grid-area: total;
}
.catalog-panel-top__sort {
    min-width: 1px;
    padding: 0 4px;
    grid-area: sort;
}
.catalog-panel-top__sort .sort-box__title {
    display: none;
}
.catalog-panel-top__sort .sort-box__select {
    font-weight: inherit;
    width: 100%;
}
.catalog-panel-top__view {
    min-width: 1px;
    padding: 0 4px;
    display: none;
    grid-area: view;
}
.catalog-panel-top__filter {
    padding: 0 calc(var(--grid-gap) / 2);
    --button-minwidth: 152px;
}
.catalog-panel-top__filter-button {
    --button-font-size: 18px;
}
@media (min-width: 414px) {
    .catalog-panel-top {
        font-size: 16px;
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
        grid-gap: var(--grid-gap) 0;
    }
    .catalog-panel-top__filter {
        padding: 0 calc(var(--grid-gap) / 2);
        --button-minwidth: 152px;
    }
    .catalog-panel-top__filter-button {
        --button-font-size: 18px;
    }
    .catalog-panel-top__sort,
    .catalog-panel-top__total,
    .catalog-panel-top__view {
        padding: 0 calc(var(--grid-gap) / 2);
    }
}
@media (min-width: 640px) {
    .catalog-panel-top {
        grid-template-areas: "msg msg msg" "filter total total" "sort sort view";
        grid-template-columns: auto 1fr auto;
    }
    .catalog-panel-top__sort .sort-box__select {
        width: 340px;
    }
    .catalog-panel-top__view {
        display: block;
    }
}
@media (min-width: 800px) {
    .catalog-panel-top {
        grid-template-areas: "total total total" "msg msg msg" "filter sort view";
        --button-height: 40px;
        --input-height: 40px;
    }
    .catalog-panel-top__sort {
        justify-self: flex-end;
    }
    .catalog-panel-top__sort .sort-box__title {
        display: block;
    }
    .catalog-panel-top__sort .sort-box__select {
        width: 272px;
    }
    .catalog-panel-top__filter {
        --button-minwidth: 160px;
        --button-padding: 0 25px 0 15px;
    }
    .catalog-panel-top__filter-button:after {
        content: "";
    }
    .catalog-panel-top__filter-button .svg-icon--filter {
        width: 18px;
        height: 18px;
    }
}
@media (min-width: 1366px) {
    .catalog-panel-top {
        font-size: 14px;
        grid-template-areas: "msg msg msg" "total sort view";
        grid-template-columns: auto 1fr;
    }
    .catalog-panel-top__filter {
        display: none;
    }
}
@media (min-width: 1720px) {
    .catalog-panel-top {
        font-size: 16px;
        --button-height: 48px;
        --input-height: 48px;
    }
    .catalog-panel-top__sort .sort-box__select {
        width: 312px;
    }
}
.catalog-panel-bottom {
    position: relative;
    font-size: 16px;
    background: #fff;
    display: grid;
    grid-template-areas: "more" "page-count" "pagination" "filter";
    justify-content: center;
    justify-items: center;
    grid-gap: var(--grid-gap);
    --button-font-size: 16px;
    --input-font-size: 16px;
    --input-height: 40px;
    --button-height: 40px;
}
.is-sticky .catalog-panel-bottom {
    --page-count-arrow-invert: -1;
}
.catalog-panel-bottom:before {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 100vw;
    border: inherit;
    border-width: 1px 0;
    background: inherit;
    transform: translateX(-50%);
    z-index: -1;
}
.catalog-panel-bottom__page-count {
    grid-area: page-count;
}
.catalog-panel-bottom__more {
    grid-area: more;
}
.catalog-panel-bottom__more .nwb-button {
    min-width: 168px;
    --button-height: 40px;
}
.catalog-panel-bottom__pager {
    grid-area: pagination;
}
.catalog-panel-bottom__filter {
    margin-top: 8px;
    grid-area: filter;
}
.catalog-panel-bottom__filter-button {
    --button-height: 40px;
}
.catalog-panel-bottom__filter-button:after {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8.71px;
    height: 5.06px;
    background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out 0s;
}
.catalog-panel-bottom__filter .nwb-button-icon,
.is-sticky .catalog-panel-bottom__filter .nwb-button {
    display: none;
}
.is-sticky .catalog-panel-bottom__filter .nwb-button-icon {
    display: inline-flex;
}
.is-sticky .catalog-panel-bottom__filter .nwb-button-icon:after {
    content: none;
}
@media (min-width: 640px) {
    .catalog-panel-bottom {
        grid-template-areas: "filter filter more more . ." "page-count page-count page-count pagination pagination pagination";
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        justify-content: space-between;
    }
    .catalog-panel-bottom__page-count {
        flex-wrap: wrap;
    }
    .catalog-panel-bottom__pager {
        flex-wrap: wrap;
        justify-self: flex-end;
    }
    .catalog-panel-bottom__more {
        justify-self: center;
    }
    .catalog-panel-bottom__filter {
        margin-top: 0;
        justify-self: flex-start;
        --button-height: 40px;
    }
}
@media (min-width: 768px) {
    .catalog-panel-bottom {
        justify-items: stretch;
        transition: transform 0.2s ease-in-out 0s;
    }
    .is-sticky .catalog-panel-bottom {
        padding: 8px 0;
        border-bottom: 0 solid #e7e8e9;
        border-width: 0 1px;
        border-top: 0 solid #e7e8e9;
        grid-template-areas: "page-count page-count filter filter  pagination pagination";
        grid-template-columns: 1fr 1fr auto auto 1fr 1fr;
        transform: translateY(-100%);
        z-index: 100;
        --input-height: 40px;
        --button-height: 40px;
    }
    .is-sticky .catalog-panel-bottom:before {
        content: "";
    }
    .is-sticky .catalog-panel-bottom__more {
        display: none;
    }
    .catalog-panel-bottom__page-count {
        flex-wrap: nowrap;
    }
    .is-sticky .catalog-panel-bottom__page-count .page-count-box__title {
        display: none;
    }
    .is-sticky .catalog-panel-bottom__page-count .page-count-box__descr {
        display: var(--page-count-descr-display, block);
    }
    .catalog-panel-bottom_pager {
        flex-wrap: nowrap;
    }
    .is-sticky .catalog-panel-bottom__pager .pagination-box__title {
        font-size: 0;
    }
    .is-sticky .catalog-panel-bottom__pager .pagination-box__title:before {
        display: inline-block;
    }
    .catalog-panel-bottom__filter {
        --button-minwidth: 160px;
        --button-padding: 0 25px 0 15px;
    }
    .catalog-panel-bottom__filter-button:after {
        content: "";
    }
    .catalog-panel-bottom__filter-button .svg-icon--filter {
        width: 18px;
        height: 18px;
    }
}
@media (min-width: 1366px) {
    .catalog-panel-bottom {
        grid-template-areas: "page-count more pagination";
        grid-template-columns: 1fr 1fr 1fr;
        justify-content: space-between;
        align-items: center;
        --page-count-font-size: 14px;
        --pagination-font-size: 14px;
    }
    .is-sticky .catalog-panel-bottom {
        padding: 12px 0;
        margin: 0 75px;
        background: none;
    }
    .is-sticky .catalog-panel-bottom:after,
    .is-sticky .catalog-panel-bottom:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: auto;
        right: auto;
        width: 65%;
        border: none;
        border-top: 1px solid #e7e8e9;
        background: #fff;
        z-index: -1;
    }
    .is-sticky .catalog-panel-bottom:before {
        left: -75px;
        border-left: 1px solid #e7e8e9;
        transform: skewX(-45deg);
        transform-origin: 0 100%;
    }
    .is-sticky .catalog-panel-bottom:after {
        right: -75px;
        border-right: 1px solid #e7e8e9;
        transform: skewX(45deg);
        transform-origin: 100% 100%;
    }
    .is-sticky .catalog-panel-bottom__page-count .page-count-box__title {
        display: block;
    }
    .catalog-panel-bottom__pager {
        justify-self: flex-end;
    }
    .is-sticky .catalog-panel-bottom__pager .pagination-box__title {
        font-size: inherit;
    }
    .catalog-panel-bottom__filter,
    .is-sticky .catalog-panel-bottom__pager .pagination-box__title:before {
        display: none;
    }
}
@media (min-width: 1720px) {
    .catalog-panel-bottom {
        --page-count-font-size: 16px;
        --pagination-font-size: 16px;
        --button-font-size: 18px;
        --input-font-size: 18px;
        --input-height: 48px;
        --button-height: 48px;
    }
    .is-sticky .catalog-panel-bottom__wrap {
        padding-left: 21px;
        padding-right: 21px;
    }
    .catalog-panel-bottom__more .nwb-button {
        --button-height: 48px;
    }
}
.help-tooltip {
    position: relative;
    font-size: var(--help-tooltip-font-size, 14px);
    line-height: calc(var(--help-tooltip-size) - 2px);
    width: var(--help-tooltip-size, 20px);
    height: var(--help-tooltip-size, 20px);
    border: 1px solid;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    color: var(--help-tooltip-color, var(--color-grey-light));
    flex: 0 0 auto;
}
.help-tooltip--triangle {
    font-size: calc(var(--help-tooltip-font-size, 14px) - 2px);
    line-height: calc(var(--help-tooltip-size, 20px) * 0.86603 + 4px);
    height: calc(var(--help-tooltip-size, 20px) * 0.86603);
    border-width: 0 0 1px;
    border-radius: 0;
}
.help-tooltip--triangle:before {
    left: 0;
    transform: rotate(30deg);
    transform-origin: 0 100%;
}
.help-tooltip--triangle:after,
.help-tooltip--triangle:before {
    position: absolute;
    content: "";
    bottom: 0;
    height: 150%;
    border-left: 1px solid;
}
.help-tooltip--triangle:after {
    right: 0;
    transform: rotate(-30deg);
    transform-origin: 100% 100%;
}
.button {
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
.ui-spinner {
    position: relative;
    display: flex;
    --input-height: var(--spinner-size, 40);
    --button-height: var(--spinner-size, 40);
}
.ui-spinner__input {
    width: 56px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.ui-spinner-button {
    position: relative;
    width: var(--button-height);
    height: var(--button-height);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10196078431372549);
    border: 1px solid #e7e8e9;
    border-radius: 50%;
    background: #fff;
    flex: 0 0 auto;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out, filter 0.2s ease-in-out, color 0.2s ease-in-out;
    cursor: pointer;
    color: var(--color-orange);
}
.ui-spinner-button:hover {
    box-shadow: none;
}
.ui-spinner-button.disabled {
    box-shadow: none;
    pointer-events: none;
    color: #e7e8e9;
}
.ui-spinner-button:after,
.ui-spinner-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36.84210526315789%;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    flex: 0 0 auto;
    transform: translate(-50%, -50%);
}
.ui-spinner-button:before {
    content: "";
}
.ui-spinner-button:after {
    width: 2px;
    height: 36.84210526315789%;
}
.ui-spinner-button > * {
    display: none;
}
.ui-spinner-down {
    margin-right: calc(var(--spinner-size, 40px) / 2.5);
    order: -1;
}
.ui-spinner-up {
    margin-left: calc(var(--spinner-size, 40px) / 2.5);
}
.ui-spinner-up:after {
    content: "";
}
.project-ico-group {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 -7px 0 48px;
}
.project-ico-group .button-share,
.project-ico-group > * {
    margin: 0 7px;
}
.project-ico-group .button-share {
    position: absolute;
    bottom: -1px;
    right: 100%;
}
.project-ico-group .button-share.button-share—open-down {
    top: 1px;
    bottom: unset;
}
@media (max-width: 1719px) {
    .project-ico-group .add-favorite {
        width: 40px;
        height: 40px;
        min-width: unset;
    }
    .project-ico-group .add-favorite .nwb-button-icon__image {
        transform: scale(0.83);
    }
}
.project-ico-group__item {
    margin: 0 7px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: var(--block-shadow);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-ico-group__item:before {
    content: none;
}
@media (max-width: 1719px) {
    .project-ico-group__item {
        width: 40px;
        height: 40px;
        min-width: unset;
        min-height: unset;
    }
}
.project-ico-group__item_download svg {
    stroke: #009845;
    width: 20px;
    height: 24px;
}
@media (max-width: 1719px) {
    .project-ico-group__item_download svg {
        transform: scale(0.83);
    }
}
.series-button-group {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 -7px 0 -200px;
}
@media (max-width: 639px) {
    .series-button-group {
        margin: 0;
        display: flex;
    }
}
.series-button-group .button-share,
.series-button-group > * {
    margin: 0 7px;
}
.series-button-group .button-share {
    bottom: -1px;
    right: 100%;
}
.series-button-group .button-share.button-share—open-down {
    top: 1px;
    bottom: unset;
}
@media (max-width: 639px) {
    .series-button-group .button-share {
        position: absolute;
        right: 56px;
    }
}
.series-button-group__item {
    margin: 0 7px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: var(--block-shadow);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.series-button-group__item:before {
    content: none;
}
@media (max-width: 1719px) {
    .series-button-group__item {
        width: 40px;
        height: 40px;
        min-width: unset;
        min-height: unset;
    }
}
.series-button-group__item_download svg {
    stroke: #009845;
    width: 20px;
    height: 24px;
}
@media (max-width: 1719px) {
    .series-button-group__item_download svg {
        transform: scale(0.83);
    }
}
.series-button-group .series-button-group__download-button {
    margin-left: 65px;
}
@media (max-width: 1719px) {
    .series-button-group .series-button-group__download-button {
        margin-left: 61px;
    }
}
.series-button-group__to-products-button {
    min-height: unset;
}
.series-button-group__to-products-button svg {
    color: var(--color-light-green);
    margin-right: 10px;
    width: 24px;
    height: 25px;
}
@media (max-width: 1719px) {
    .series-button-group__to-products-button svg {
        margin-right: 10px;
        width: 19px;
        height: 19px;
    }
}
@media (max-width: 1365px) {
    .series-button-group__to-products-button svg {
        margin-right: 0;
        width: 19px;
        height: 20px;
    }
}
@media (max-width: 799px) {
    .series-button-group__to-products-button svg {
        width: 24px;
        height: 25px;
    }
}
@media (max-width: 1719px) {
    .series-button-group__to-products-button {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 1365px) {
    .series-button-group__to-products-button {
        border-radius: 100%;
        padding: 0;
        min-height: unset;
        width: 40px;
        height: 40px;
    }
    .series-button-group__to-products-button span {
        display: none;
    }
}
.series-button-group__to-configurator-button {
    min-height: unset;
    background-color: var(--color-orange);
}
.series-button-group__to-configurator-button svg {
    margin-right: 10px;
    width: 24px;
    height: 25px;
}
@media (max-width: 1719px) {
    .series-button-group__to-configurator-button svg {
        margin-right: 7px;
    }
}
@media (max-width: 1365px) {
    .series-button-group__to-configurator-button svg {
        margin-right: 0;
        width: 19px;
        height: 19px;
    }
}
@media (max-width: 1023px) {
    .series-button-group__to-configurator-button svg {
        width: 24px;
        height: 25px;
    }
}
@media (max-width: 413px) {
    .series-button-group__to-configurator-button svg {
        width: 19px;
        height: 19px;
    }
}
@media (max-width: 1719px) {
    .series-button-group__to-configurator-button {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 1365px) {
    .series-button-group__to-configurator-button {
        border-radius: 100%;
        padding: 0;
        width: 40px;
        height: 40px;
    }
    .series-button-group__to-configurator-button span {
        display: none;
    }
}
.series-button-group__non-standard-modal-button {
    min-height: unset;
}
.series-button-group__non-standard-modal-button svg {
    color: var(--color-orange);
    margin-right: 10px;
    padding: 0;
    width: 22px;
    height: 25px;
    stroke-opacity: 0;
}
@media (max-width: 1719px) {
    .series-button-group__non-standard-modal-button svg {
        margin-right: 7px;
    }
}
@media (max-width: 1365px) {
    .series-button-group__non-standard-modal-button svg {
        margin-right: 0;
        padding: 0;
        width: 20px;
        height: 23px;
    }
}
@media (max-width: 1023px) {
    .series-button-group__non-standard-modal-button svg {
        width: 25px;
        height: 29px;
    }
}
@media (max-width: 413px) {
    .series-button-group__non-standard-modal-button svg {
        width: 20px;
        height: 22px;
    }
}
@media (max-width: 1719px) {
    .series-button-group__non-standard-modal-button {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 1365px) {
    .series-button-group__non-standard-modal-button {
        border-radius: 100%;
        padding: 0;
        width: 40px;
        height: 40px;
    }
    .series-button-group__non-standard-modal-button span {
        display: none;
    }
}
.equipment-project__product-groups {
    margin: 43px -12px 0;
    display: flex;
}
@media (max-width: 1366px) {
    .equipment-project__product-groups {
        flex-wrap: wrap;
    }
}
.equipment-project__product-item {
    text-decoration: none;
    width: 144px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin: 0 12px;
}
@media (max-width: 1720px) {
    .equipment-project__product-item {
        width: 105px;
    }
}
@media (max-width: 1365px) {
    .equipment-project__product-item {
        margin-bottom: 24px;
    }
}
@media (max-width: 340px) {
    .equipment-project__product-item {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: stretch;
    }
}
.equipment-project__product-item[disabled] {
    pointer-events: none;
    cursor: default;
    filter: grayscale(1);
    opacity: 0.4;
}
.equipment-project__product-item[disabled] .equipment-project__product-item-counter {
    display: none;
}
.equipment-project__product-item[disabled] .equipment-project__product-item-ico {
    box-shadow: none;
}
.equipment-project__product-item[disabled] .equipment-project__product-item-ico img {
    opacity: 0.5;
}
.equipment-project__product-item.active .equipment-project__product-item-ico {
    border-color: #ff6a00;
    box-shadow: none;
}
.equipment-project__product-item.active .equipment-project__product-item-name {
    color: #ff6a00;
}
.equipment-project__product-item:hover .equipment-project__product-item-ico {
    box-shadow: none;
}
.equipment-project__product-item-ico {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 100%;
    box-shadow: var(--block-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ededed;
}
@media (max-width: 1720px) {
    .equipment-project__product-item-ico {
        width: 80px;
        height: 80px;
    }
}
.equipment-project__product-item-ico img {
    max-width: unset;
}
@media (max-width: 1720px) {
    .equipment-project__product-item-ico img {
        transform: scale(0.83);
    }
}
@media (max-width: 340px) {
    .equipment-project__product-item-ico {
        min-width: 80px;
        margin-right: 20px;
    }
}
.equipment-project__product-item-name {
    word-break: break-word;
    font-size: 18px;
    line-height: 22px;
    margin-top: 16px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
}
@media (max-width: 1720px) {
    .equipment-project__product-item-name {
        font-size: 14px;
    }
}
@media (max-width: 340px) {
    .equipment-project__product-item-name {
        text-align: left;
    }
}
.equipment-project__product-item-counter {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 18px;
    background-color: #009845;
    border-radius: 9px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.equipment-project__list-line {
    margin: 68px -12px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.product-line {
    width: 312px;
    text-decoration: none;
    cursor: pointer;
    margin: 0 12px 24px;
}
@media (max-width: 413px) {
    .product-line {
        margin: 0 0 40px;
    }
}
.product-line__logo {
    text-align: center;
}
.product-line__logo svg {
    width: auto;
    max-height: 50px;
    max-width: 100%;
    height: auto;
}
.product-line[disabled] {
    pointer-events: none;
    cursor: default;
}
.product-line[disabled] .product-line__logo {
    filter: grayscale(1);
}
.product-line__descr {
    margin-top: 34px;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-grey);
    text-align: center;
}
.button-share {
    height: 48px;
    border-radius: 24px;
    background-color: #fff;
    box-shadow: var(--block-shadow);
    border: 1px solid #ededed;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
}
.button-share.button-share--big {
    height: 48px;
}
@media (max-width: 1719px) {
    .button-share.button-share--big {
        height: 48px;
        border-radius: 24px;
    }
    .button-share.button-share--big .button-share__icon {
        height: 48px;
        width: 46px;
    }
}
@media (max-width: 640px) {
    .button-share.button-share--big {
        max-height: 50px;
        width: 48px;
    }
    .button-share.button-share--big .button-share__icon {
        min-height: 48px;
    }
    .button-share.button-share--big .button-share__social-list {
        width: 48px;
    }
    .button-share.button-share--big:hover {
        height: unset;
        max-height: 1000px;
    }
    .button-share.button-share--big:hover .button-share__social-list {
        width: 48px;
        max-height: 1000px;
        overflow: visible;
    }
}
@media (max-width: 1719px) {
    .button-share {
        height: 40px;
    }
}
.button-share__icon {
    width: 46px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: relative;
    z-index: 1;
    border-radius: 24px;
}
@media (max-width: 1719px) {
    .button-share__icon {
        width: 38px;
        height: 40px;
        border-radius: 20px;
    }
    .button-share__icon svg {
        height: 20px;
    }
}
.button-share__social-list,
.button-share svg path {
    transition: all 0.3s ease-in-out;
}
.button-share__social-list {
    max-width: 0;
    overflow: hidden;
    display: flex;
}
.button-share__social-list svg {
    fill: #009845;
}
.button-share__social-item {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ededed;
    margin: 0 4px;
}
.button-share__social-item:hover {
    box-shadow: var(--button-shadow);
}
.button-share:hover .button-share__icon svg path {
    fill: #c4c4c4;
}
.button-share:hover .button-share__social-list {
    padding-left: 4px;
    max-width: 1000px;
    overflow: visible;
}
@media (max-width: 640px) {
    .button-share {
        flex-direction: column-reverse;
        overflow: hidden;
        height: auto;
        max-height: 42px;
    }
    .button-share.button-share—open-down {
        flex-direction: column;
    }
    .button-share.button-share—open-down:hover .button-share__social-list {
        padding: 0 0 4px;
    }
    .button-share__icon {
        min-height: 40px;
    }
    .button-share__social-list {
        width: 40px;
        flex-direction: column-reverse;
        align-items: center;
        max-height: 0;
    }
    .button-share__social-item {
        margin: 4px 0;
    }
    .button-share:hover {
        max-height: 1000px;
    }
    .button-share:hover .button-share__social-list {
        padding: 4px 0 0;
        width: 40px;
        max-height: 1000px;
        overflow: visible;
    }
}
.contacts-table__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.22727;
    margin: 0 0 7px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.contacts-table__branch-change {
    width: 20px;
    height: 20px;
    margin-left: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.contacts-table__branch-change svg {
    width: 100%;
    height: 100%;
    fill: #009845;
    stroke: transparent;
}
.contacts-table__type {
    font-size: 18px;
    line-height: 1.22222;
    color: var(--color-grey);
}
.contacts-table__contact {
    font-size: 16px;
    line-height: 1.625;
    margin-top: 20px;
}
.contacts-table__item {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
@media (max-width: 640px) {
    .contacts-table__item {
        flex-direction: column;
        align-items: flex-start;
    }
}
.contacts-table__notification {
    max-width: 312px;
    padding: 15px 8px 18px 16px;
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1719px) {
    .contacts-table__notification {
        max-width: 280px;
        padding: 14px 8px 10px;
    }
}
@media (max-width: 640px) {
    .contacts-table__notification {
        margin-top: 20px;
    }
}
.contacts-table__notification p {
    font-size: 16px;
    line-height: 20px;
    color: #5e5e5e;
    text-align: center;
    margin-bottom: 16px;
}
@media (max-width: 1719px) {
    .contacts-table__notification p {
        font-size: 14px;
        margin-bottom: 12px;
    }
}
.contacts-table__notification a {
    text-decoration: none;
    font-size: 20px;
    line-height: 27px;
}
@media (max-width: 1719px) {
    .contacts-table__notification a {
        font-size: 18px;
    }
}
.contacts-table__notification a[href*="tel"] {
    color: #ed6c06;
    margin-bottom: 10px;
    font-weight: 500;
}
@media (min-width: 1720px) {
    .contacts-table {
        max-width: 680px;
    }
    .contacts-table__title {
        font-size: 28px;
        line-height: 1.17857;
    }
    .contacts-table__type {
        font-size: 20px;
        line-height: 1.3;
    }
    .contacts-table__contact {
        font-size: 18px;
        line-height: 1.55556;
        margin-top: 38px;
    }
    .contacts-table__detail-link {
        width: 80px;
        --button-height: 48px;
    }
    .contacts-table__detail-link .svg-icon {
        width: 32px;
        height: 16px;
    }
}
.geography-contact-table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    color: var(--color-grey);
    --link-decoration: none;
}
.geography-contact-table__row {
    padding: 0;
    margin-top: 20px;
    display: block;
}
.geography-contact-table__row:first-child {
    padding-top: 0;
    margin-top: 0;
}
.geography-contact-table__cell {
    padding: inherit;
    border: none;
    display: block;
    vertical-align: baseline;
}
.geography-contact-table__cell:first-child {
    padding-left: 0;
}
.geography-contact-table__cell--title {
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .geography-contact-table__cell--cont > p:first-child {
        margin-bottom: 12px;
    }
}
@media (max-width: 800px) {
    .geography-contact-table__cell--cont > p:first-child {
        margin-bottom: 8px;
    }
}
.geography-contact-table__action {
    display: flex;
    margin: 0 -4px;
}
.geography-contact-table__action .nwb-button-icon {
    margin: 0 4px;
    --button-shadow: none;
}
.geography-contact-table__action_mobile {
    display: none;
}
@media (max-width: 799px) {
    .geography-contact-table__action {
        display: none;
    }
    .geography-contact-table__action_mobile {
        display: flex;
        margin-bottom: 15px;
    }
}
@media (min-width: 800px) {
    .geography-contact-table__row {
        padding-top: 20px;
        padding-left: 20px;
        display: table-row;
    }
    .geography-contact-table__cell {
        display: table-cell;
    }
    .geography-contact-table__cell--title {
        width: 1%;
    }
    .geography-contact-table__cell--action {
        width: 132px;
    }
}
@media (min-width: 1720px) {
    .geography-contact-table__row {
        padding-top: 30px;
    }
}
.geography-contact-table .nwb-button-icon:hover {
    box-shadow: var(--block-shadow);
}
.bx-im-textarea-app-file:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMDE5IDBjMS45NSAwIDMuMTI5IDEuMjcxIDMuMTI4IDIuODUzdjYuODQ0Yy4wMDIgMS4yMjMtLjc3MyAyLjE1LTIuMTE1IDIuMTM5LTEuMzU4LS4wMTItMi4xMDItMS4wMS0yLjA5Ni0yLjMyMlY1Ljc0OWEuNjUuNjUgMCAxMTEuMy0uMDAyVjkuNTJjLS4wMDMuNjYzLjI1NyAxLjAxMi44MDcgMS4wMTcuNTYuMDA1LjgwNS0uMjg5LjgwNC0uODM3VjIuODUzYzAtLjg4NS0uNjItMS41NTMtMS44MjgtMS41NTMtMS4yMzYgMC0xLjkyOS42OTktMS45MzIgMS41NTF2OC41MDNjLjAwOCAxLjU3NiAxLjA2MyAyLjY2MyAzLjAyMiAyLjY5MyAyLjIzNC4wMzMgMi45NDYtMS4wMTkgMi45OTMtMy40ODdsLjAwMy0uMjM2Yy4wMDMtMS40My4wMDMtMi43NyAwLTQuMDJhLjY1LjY1IDAgMDExLjMtLjAwM2wuMDAyIDEuOTQ2YzAgLjY3IDAgMS4zNjQtLjAwMiAyLjA4LS4wMDggMy4yNjctMS4xMSA1LjA2OC00LjMxNSA1LjAyLTIuNjczLS4wNC00LjI5MS0xLjcwOC00LjMwMy0zLjk4N1YyLjg0N0MuNzkzIDEuMjggMi4wNjMgMCA0LjAxOSAweiIgZmlsbD0iI2VkNmMwNiIvPjwvc3ZnPg==) !important;
}
.bx-im-textarea-app-smile:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMTQgMTMuODY0YTYuMzY0IDYuMzY0IDAgMTAwLTEyLjcyOCA2LjM2NCA2LjM2NCAwIDAwMCAxMi43Mjh6bTAgMS4xMzZhNy41IDcuNSAwIDExMC0xNSA3LjUgNy41IDAgMDEwIDE1em0zLjUwNC01LjhjLjE5NC4xOTcuMTkxLjU3Ni0uMDA2Ljc3YTQuOTg1IDQuOTg1IDAgMDEtMy41MDUgMS40MzQgNC45ODQgNC45ODQgMCAwMS0zLjQ5LTEuNDJjLS4xOTgtLjE5Mi0uMjAyLS41NzEtLjAxLS43NjkuMTkzLS4xOTguNTEtLjM2NC43MDgtLjE3MWEzLjk4NSAzLjk4NSAwIDAwMi43OTIgMS4xMzVjMS4wNjQgMCAyLjA2LS40MTYgMi44MDQtMS4xNDcuMTk3LS4xOTQuNTEzLS4wMjkuNzA3LjE2OHpNNS44OSA0YTEgMSAwIDAxMSAxdjFhMSAxIDAgMDEtMiAwVjVhMSAxIDAgMDExLTF6bTQuNSAwYTEgMSAwIDAxMSAxdjFhMSAxIDAgMDEtMiAwVjVhMSAxIDAgMDExLTF6IiBmaWxsPSIjRUQ2QzA1Ii8+PC9zdmc+) !important;
}
.b24-form-state-container .b24-form-success {
    background-color: transparent;
}
.b24-widget-button-shadow {
    display: none !important;
}
.air-datepicker-global-container {
    z-index: 550;
}
@media (max-width: 1365px) {
    .air-datepicker-global-container {
        z-index: 99999;
    }
}
.air-datepicker {
    --adp-font-family: Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 1365px) {
    .air-datepicker {
        margin-top: -14px;
    }
}
.air-datepicker.-is-mobile- {
    z-index: 999;
}
.air-datepicker-global-container .air-datepicker-cell {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
}
.air-datepicker-cell {
    color: #5e5e5e;
    font-size: var(--font-size-medium);
    line-height: var(--lineheight-medium);
}
@media (max-width: 1365px) {
    .air-datepicker-cell {
        font-size: 16px;
        line-height: 24px;
    }
}
.air-datepicker-cell.-focus- {
    color: #fff;
    background: var(--color-orange);
}
.air-datepicker-cell.-current-,
.air-datepicker-cell.-selected- {
    color: #5e5e5e;
}
.air-datepicker-cell.-day-.-selected- {
    border: 1px solid var(--color-orange);
    border-radius: 50%;
    background-color: #fff;
}
.air-datepicker-cell.-day-.-focus- {
    border-radius: 50%;
}
.air-datepicker-body--day-name {
    color: #5e5e5e;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}
.air-datepicker-nav--action svg path {
    stroke: var(--color-orange);
}
.air-datepicker-button {
    color: var(--color-orange);
}
.air-datepicker-button:hover {
    color: #fff;
    background-color: var(--color-orange);
}
.air-datepicker-nav {
    border-bottom: none;
}
.air-datepicker-overlay.-active- {
    z-index: 999;
}
.air-datepicker--pointer {
    display: none !important;
}
.cookies-message {
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
    justify-content: center;
}
.cookies-message.active {
    display: flex;
}
.cookies-message__wrapper {
    padding: 24px 52px;
    background-color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
    .cookies-message__wrapper {
        flex-direction: column;
        padding: 24px;
    }
}
.cookies-message__text {
    font-size: 12px;
    line-height: 1.33333;
    max-width: 496px;
    color: var(--color-grey);
}
.cookies-message__btn {
    margin-left: 36px;
    font-weight: 500;
    padding-left: 36px;
    padding-right: 36px;
}
@media (max-width: 576px) {
    .cookies-message__btn {
        margin-left: 0;
        margin-top: 20px;
    }
}
.about-info--mb,
.about-info__group {
    margin-bottom: var(--margin-big);
}
.about-info__group:last-child {
    margin-bottom: 0;
}
.about-info__benefits {
    margin-top: 96px;
}
.about-info__benefits:first-child {
    margin-top: 0;
}
.about-info__benefits:last-child {
    padding-bottom: 0;
}
.about-info__articles {
    margin-top: 48px;
    --descr-line-clamp: 6;
}
.about-info__articles:first-child {
    margin-top: 0;
}
@media (min-width: 1366px) {
    .about-info__articles {
        margin-top: 72px;
    }
}
.info-box {
    margin-bottom: 96px;
    grid-template-areas: ". image" "title image" "body image" ". image";
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 22px;
    --info-inner-margin-val: calc(89px * (1 - var(--has-sidebar, 1)));
    --info-inner-margin: 0 var(--info-inner-margin-val) 0 0;
}
.info-box:last-child {
    margin-bottom: 0;
}
.info-box--rtl {
    grid-template-areas: "image ." "image title" "image body" "image .";
    --info-inner-margin: 0 0 0 var(--info-inner-margin-val);
}
.info-box--sm {
    font-size: var(--font-size-medium);
    line-height: var(--lineheight-medium);
}
.info-box--lg {
    font-size: var(--font-size-large);
    line-height: var(--lineheight-large);
}
.info-box__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin: 0 0 1em;
    grid-area: title;
}
.info-box__imgblock {
    margin-bottom: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    grid-area: image;
    align-self: flex-start;
    --image-width: 100%;
}
.info-box__imgblock .image-box {
    width: 100%;
}
.info-box__body {
    grid-area: body;
}
.info-box__descr {
    color: var(--color-grey);
}
.info-box__buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    --button-font-size: 16px;
    --button-height: 40px;
}
.info-box__buttons .svg-icon--arrow-right {
    width: 14px;
    height: 8px;
    stroke-width: 3px;
}
@media (min-width: 800px) {
    .info-box__imgblock {
        margin-bottom: 40px;
    }
    .info-box__buttons {
        margin-top: 38px;
        flex-direction: row;
    }
}
@media (min-width: 1366px) {
    .info-box {
        display: grid;
    }
    .info-box__title {
        margin: var(--info-inner-margin);
        margin-bottom: 1em;
    }
    .info-box__imgblock {
        margin-bottom: 0;
    }
    .info-box__descr {
        margin: var(--info-inner-margin);
    }
    .info-box__buttons {
        margin-top: 48px;
        justify-content: flex-start;
    }
    .info-box__buttons--center {
        justify-content: center;
    }
    .info-box__button-price {
        min-width: 306px;
    }
}
@media (min-width: 1720px) {
    .info-box {
        --info-inner-margin-val: 89px;
    }
    .info-box__buttons {
        gap: 36px;
        --button-font-size: 18px;
        --button-height: 48px;
    }
    .info-box__buttons .svg-icon--arrow-right {
        width: 30px;
        height: 16px;
        stroke-width: 1px;
    }
}
.about-front {
    font-size: 18px;
    line-height: 1.55556;
    margin-top: 72px;
    margin-bottom: var(--margin-large);
    text-align: center;
}
.about-front__outer {
    max-width: 925px;
}
.about-front__outer--center {
    margin: 0 auto;
}
.about-front__image {
    max-width: 336px;
    margin: 0 auto 40px;
}
.about-front__inner {
    max-width: 496px;
    margin: 0 auto;
}
.about-front__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin: 0 0 23px;
}
.about-front__descr {
    color: var(--color-grey);
}
.about-front__buttons {
    font-weight: 500;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    --button-font-size: 16px;
    --button-height: 40px;
}
.about-front__buttons .svg-icon--arrow-right {
    width: 14px;
    height: 8px;
    stroke-width: 3px;
}
@media (min-width: 800px) {
    .about-front {
        font-size: 20px;
        line-height: 1.5;
        margin-top: 72px;
    }
    .about-front__image {
        margin-bottom: 64px;
    }
    .about-front__title {
        margin-bottom: 27px;
    }
    .about-front__buttons {
        margin-top: 51px;
        flex-direction: row;
    }
}
@media (min-width: 1366px) {
    .about-front {
        font-size: 20px;
        line-height: 1.5;
        margin-top: 0;
        text-align: left;
    }
    .about-front__outer {
        display: flex;
        align-items: center;
    }
    .about-front__image {
        max-width: 336px;
        margin-bottom: 0;
        margin-left: 93px;
        flex: 0 0 auto;
        order: 2;
    }
    .about-front__inner {
        max-width: none;
        margin: 0;
        flex: 1 1 auto;
    }
    .about-front__buttons {
        margin-top: 47px;
        justify-content: flex-start;
    }
}
@media (min-width: 1720px) {
    .about-front {
        font-size: 22px;
        line-height: 1.45455;
        padding-top: 48px;
    }
    .about-front__outer {
        max-width: 1300px;
    }
    .about-front__image {
        width: 448px;
        max-width: none;
        margin-left: 160px;
    }
    .about-front__title {
        margin-bottom: 40px;
    }
    .about-front__buttons {
        padding-left: 9px;
        margin-top: 69px;
        gap: 36px;
        --button-font-size: 24px;
        --button-height: 48px;
    }
    .about-front__buttons .svg-icon--arrow-right {
        width: 30px;
        height: 16px;
        stroke-width: 1px;
    }
}
.about-video-box__item {
    width: 100vw;
    margin-left: calc(-50vw - -50%);
    margin-bottom: var(--margin-big);
    max-height: 392px;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-video-box__item > * {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 1366px) {
    .about-video-box__item {
        height: 376px;
        max-height: none;
    }
}
@media (min-width: 1720px) {
    .about-video-box__item {
        height: 472px;
    }
}
.article-item-min {
    position: relative;
    box-shadow: var(--block-shadow);
    max-width: 480px;
    box-sizing: border-box;
    width: 100%;
}
@media (max-width: 640px) {
    .article-item-min {
        max-width: 312px;
    }
}
.article-item-min__wrapper {
    height: 144px;
    display: flex;
    text-decoration: none;
}
.article-item-min__wrapper:hover .article-item-min__img img {
    transform: scale(1.1);
}
.article-item-min__wrapper:hover .article-item-min__number {
    color: #ed6c06;
}
@media (max-width: 639px) {
    .article-item-min__wrapper {
        flex-direction: column;
        height: auto;
    }
}
.article-item-min__content {
    padding-right: 72px;
    border: 1px solid #ededed;
    border-left: none;
}
@media (max-width: 1720px) {
    .article-item-min__content {
        padding-right: 52px;
    }
}
@media (max-width: 639px) {
    .article-item-min__content {
        padding-right: 0;
        border-left: 1px solid #ededed;
        border-top: none;
    }
}
.article-item-min__title {
    margin-left: 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    padding: 27px 0;
    text-transform: uppercase;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 102px;
    min-height: 70px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
@media (max-width: 1720px) {
    .article-item-min__title {
        font-size: 13px;
        line-height: 20px;
        margin-left: 20px;
        max-height: 90px;
    }
}
@media (max-width: 639px) {
    .article-item-min__title {
        margin: 0;
        padding: 15px 65px 15px 15px;
    }
}
.article-item-min__img {
    overflow: hidden;
    flex: 1 0 144px;
    height: 100%;
    max-width: 144px;
}
.article-item-min__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 0.2s ease-in-out 0s;
}
@media (max-width: 639px) {
    .article-item-min__img {
        width: 100%;
        max-width: unset;
    }
}
.article-item-min__number {
    position: absolute;
    top: 16px;
    right: 28px;
    color: #c4c4c4;
    font-size: 30px;
    line-height: 36px;
}
@media (max-width: 1720px) {
    .article-item-min__number {
        right: 20px;
    }
}
.article-item-min__favorite {
    cursor: pointer;
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1720px) {
    .article-item-min__favorite {
        right: 10px;
    }
    .article-item-min__favorite .nwb-button-icon {
        --button-height: 40px;
    }
    .article-item-min__favorite .nwb-button-icon__image {
        transform: scale(0.83);
    }
}
.article-front {
    --column: 1;
}
.article-front--mb {
    margin-bottom: 96px;
}
.article-front__outer {
    margin: 0 calc(var(--grid-gap) / -2);
    grid-template-columns: 1fr auto;
    --article-front-body-gap: calc(var(--grid-gap) / 2);
}
.article-front__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    padding: 0 calc(var(--grid-gap) / 2);
    margin-bottom: 31px;
    grid-area: 1/1/2/2;
}
.article-front__body {
    min-width: 1px;
    padding: 0 var(--article-front-body-gap, 0);
    grid-area: 2/1/3/3;
}
.article-front__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.article-front__list-outer {
    margin: calc(var(--grid-gap) / -2);
}
.article-front__list-outer.swiper-container-initialized {
    padding-left: calc(var(--container-padding) - var(--grid-gap) / 2);
    padding-right: calc(var(--container-padding) - var(--grid-gap) / 2);
    margin-left: calc(var(--container-padding) * -1);
    margin-right: calc(var(--container-padding) * -1);
}
.article-front__item {
    width: calc(100% - 24px);
    padding: calc(var(--grid-gap) / 2);
    margin: 0;
    flex: 0 0 auto;
}
.article-front__subscribe {
    max-width: calc(368px + var(--grid-gap));
    padding: 0 calc(var(--grid-gap) / 2);
    margin-top: 40px;
    margin-left: auto;
    text-align: right;
    grid-area: 1/2/2/3;
}
@media (min-width: 414px) {
    .article-front__item {
        width: calc(368px + var(--grid-gap));
    }
}
@media (min-width: 800px) {
    .article-front {
        --column: 2;
    }
    .article-front--mb {
        margin-bottom: 112px;
    }
    .article-front__outer {
        display: grid;
    }
    .article-front__title {
        margin-bottom: 23px;
    }
    .article-front__subscribe {
        margin-top: 0;
        margin-bottom: 8px;
    }
}
@media (min-width: 801px) {
    .article-front__list-outer.swiper-container-initialized {
        padding-left: 0;
        padding-right: 0;
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
}
@media (min-width: 1366px) {
    .article-front--mb {
        margin-bottom: 112px;
    }
    .article-front__title {
        margin-bottom: 36px;
    }
    .article-front__list-outer.swiper-container-initialized {
        margin-right: calc(var(--grid-gap) / -2 * (1 - var(--has-sidebar, 0)));
    }
    .article-front__subscribe {
        max-width: none;
        margin-bottom: 21px;
    }
}
@media (min-width: 1720px) {
    .article-front--mb {
        margin-bottom: 152px;
    }
    .article-front__title {
        margin-bottom: 40px;
    }
    .article-front__item {
        width: calc(480px + var(--grid-gap));
    }
    .article-front__subscribe {
        margin-bottom: 40px;
    }
}
.article-item {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    min-width: 1px;
    background: #fff;
    box-shadow: var(--block-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    cursor: default;
    flex: 1 1 auto;
    --image-ratio: 74.35897435897436%;
    --body-padding: 16px 16px 15px 16px;
    --title-margin: 0 0 30px 0;
    --title-font-size: 18px;
    --title-line-height: 22px;
    --title-line-clamp: 3;
    --descr-line-clamp: 5;
}
.article-item,
.article-item--md {
    --foot-padding: 0px 16px 16px 16px;
}
.article-item--md {
    max-width: 240px;
    font-size: 14px;
    line-height: 1.28571;
    --body-padding: 16px 16px 7px 16px;
    --title-font-size: 16px;
    --title-line-height: 24px;
    --title-line-clamp: 4;
    --title-margin: 0 0 9px 0;
    --descr-line-clamp: 6;
}
@media (max-width: 639px) {
    .article-item--md.left,
    .article-item--md.right {
        float: none;
        margin: 0 auto 24px;
    }
}
@media (min-width: 640px) {
    .article-item--md.left {
        float: left;
        margin-right: 72px;
        margin-bottom: 72px;
    }
    .article-item--md.right {
        float: right;
        margin-left: 72px;
        margin-bottom: 72px;
    }
}
.article-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #e7e8e9;
    pointer-events: none;
}
.article-item__outer {
    position: relative;
    display: grid;
    grid-template-rows: auto 144px;
    align-content: flex-start;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.article-item__imgblock {
    position: relative;
    height: 184px;
    flex: 0 0 auto;
    overflow: hidden;
    grid-area: 1/1/2/2;
}
.article-item__imgblock:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-base);
    opacity: 0;
    transition: opacity 0.2s ease-in-out 0s;
    pointer-events: none;
}
.article-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    --image-width: 100%;
    --image-height: 100%;
}
.article-item__image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.article-item__inner--bottom,
.article-item__inner--top {
    min-height: 1px;
    grid-area: 2/1/3/2;
}
.article-item__inner--bottom {
    border-top: 16px solid transparent;
    border-bottom: 8px solid transparent;
    overflow: hidden;
}
.article-item--md .article-item__inner--bottom {
    border-bottom: 16px solid transparent;
}
.article-item__body {
    position: relative;
    padding: var(--body-padding);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.article-item__title {
    text-transform: uppercase;
    font-size: var(--title-font-size);
    font-weight: 500;
    line-height: var(--title-line-height);
    height: calc(var(--title-line-height) * var(--title-line-clamp));
    margin: var(--title-margin);
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.2s linear;
    --link-decoration: none;
}
.article-item__link {
    transition: none;
}
.article-item__date {
    font-size: 16px;
    line-height: 1.0625;
}
.article-item__descr {
    height: calc(24px * var(--descr-line-clamp));
    padding: 0 16px;
    display: none;
    -webkit-line-clamp: var(--descr-line-clamp);
    -webkit-box-orient: vertical;
    transform: translateY(100%);
    transition: transform 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    opacity: 0;
    box-sizing: content-box;
    color: var(--color-grey);
}
.article-item__foot {
    position: relative;
    padding: var(--foot-padding);
    display: flex;
    align-items: center;
    gap: 16px;
    --icon-transform: scale(0.83);
}
.article-item__tags {
    font-size: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-item__tags-item {
    max-width: 100%;
    padding: 4px 8px 4px 0;
    display: inline-block;
}
.article-item__action {
    margin-left: auto;
    --button-height: 40px;
}
.article-item:hover .article-item__imgblock:after {
    opacity: 0.36;
}
.article-item:hover .article-item__body {
    transform: translateY(-100%);
    justify-content: flex-end;
    color: #fff;
    --link-color: #fff;
    --link-hover-color: #fff;
    --color-orange: #fff;
}
.article-item:hover .article-item__title {
    color: #fff;
    height: auto;
    max-height: calc(var(--title-line-height) * var(--title-line-clamp));
    margin-bottom: 16px;
}
.article-item__link {
    color: inherit;
}
.article-item__descr {
    display: -webkit-box;
}
.article-item:hover .article-item__descr {
    transform: translateY(0);
    opacity: 1;
}
@media (min-width: 1720px) {
    .article-item {
        font-size: 18px;
        line-height: 1.55556;
        --image-ratio: 74.35897435897436%;
        --body-padding: 36px 24px 11px 24px;
        --title-margin: 0 0 12px 0;
        --title-font-size: 22px;
        --title-line-height: 32px;
        --title-line-clamp: 3;
        --foot-padding: 0px 24px 24px 24px;
    }
    .article-item--md {
        max-width: 312px;
        --body-padding: 22px 16px 14px 16px;
        --title-font-size: 20px;
        --title-line-height: 30px;
        --title-line-clamp: 4;
        --title-margin: 0 0 13px 0;
        --foot-padding: 0px 16px 16px 16px;
    }
    .article-item__outer {
        grid-template-rows: auto 184px;
    }
    .article-item--md .article-item__outer {
        grid-template-rows: auto 192px;
    }
    .article-item__imgblock {
        height: 232px;
    }
    .article-item__inner--bottom {
        border-top: 32px solid transparent;
        border-bottom: 14px solid transparent;
    }
    .article-item__date {
        font-size: 18px;
        line-height: 1.55556;
    }
    .article-item__descr {
        height: 140px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .article-item__foot {
        --icon-transform: none;
    }
    .article-item__action {
        --button-height: 48px;
    }
}
.article-item-search {
    position: relative;
    font-size: 13px;
    line-height: 1.23077;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    cursor: pointer;
    --foot-padding: 16px 0 0 0;
}
.article-item-search:hover img {
    transform: scale(1.1);
}
.article-item-search__imgblock {
    position: relative;
    max-height: 120px;
    flex: 0 0 auto;
    overflow: hidden;
}
.article-item-search__imgblock:before {
    content: "";
    padding-top: 55.55555555555556%;
    display: block;
}
.article-item-search__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    --image-width: 100%;
    --image-height: 100%;
}
.article-item-search__image img {
    transition: transform 0.2s ease-in-out 0s;
}
.article-item-search__body {
    padding: 19px 0 0;
    flex: 1 1 auto;
}
.article-item-search__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    height: 72px;
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    --link-decoration: none;
}
.article-item-search__date {
    font-size: 16px;
    line-height: 1.0625;
}
.article-item-search__descr {
    height: 64px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-grey);
}
.article-item-search__foot {
    padding: 16px 0 0;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.article-item-search__tags {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-item-search__tags-item {
    max-width: 100%;
    padding: 4px 8px 4px 0;
    display: inline-block;
}
.article-item-search__action {
    margin-left: auto;
    --button-height: 40px;
}
.article-block {
    grid-template-columns: 1fr;
    grid-gap: 8px 0;
    --columns: 1;
}
.article-block--mb {
    margin-bottom: 96px;
}
.article-block__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin-bottom: 31px;
    grid-area: 1/1/2/2;
}
.article-block__body {
    min-width: 1px;
    grid-area: 2/1/3/3;
}
.article-block__list {
    min-width: 1px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.article-block__list-outer {
    margin: calc(var(--grid-gap) / -2);
}
.article-block__list-outer.swiper-container-initialized {
    margin-right: calc(var(--container-padding) * -1);
}
.article-block__item {
    width: calc(100% / var(--columns));
    padding: calc(var(--grid-gap) / 2);
    margin: 0;
    display: flex;
    flex: 0 0 auto;
}
.article-block__item:first-child:last-child,
.article-block__item:nth-child(2):last-child,
.article-block__item:nth-child(3):last-child {
    margin-right: auto;
}
.article-block__item--wide {
    width: calc(100% - 24px);
}
.article-block__subscribe {
    max-width: 368px;
    margin-top: 32px;
    margin-left: auto;
    text-align: right;
    grid-area: 1/2/2/3;
}
@media (min-width: 414px) {
    .article-block__item--wide {
        width: calc(368px + var(--grid-gap));
    }
}
@media (min-width: 800px) {
    .article-block {
        display: grid;
        --columns: 3;
    }
    .article-block--mb {
        margin-bottom: 112px;
    }
    .article-block__item--four {
        --columns: 4;
    }
    .article-block__title {
        margin-bottom: 23px;
    }
    .article-block__list-outer.swiper-container-initialized {
        margin-right: calc(var(--grid-gap) / -2);
    }
    .article-block__subscribe {
        margin-top: 0;
        margin-left: var(--grid-gap);
        margin-bottom: 8px;
    }
}
@media (min-width: 1366px) {
    .article-block {
        grid-gap: 21px 0;
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
    .article-block--mb {
        margin-bottom: 112px;
    }
    .article-block__title {
        margin-bottom: 36px;
    }
    .article-block__subscribe {
        max-width: none;
        margin-bottom: 21px;
    }
}
@media (min-width: 1720px) {
    .article-block--mb {
        margin-bottom: 152px;
    }
    .article-block__title {
        margin-bottom: 40px;
    }
    .article-block__item--wide {
        width: calc(480px + var(--grid-gap));
    }
    .article-block__subscribe {
        margin-bottom: 40px;
    }
}
.article-item-base {
    position: relative;
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    min-width: 1px;
    min-height: 72px;
    background: #fff;
    box-shadow: var(--block-shadow);
    display: flex;
    flex: 1 1 auto;
    --image-ratio: 53.333333333333336%;
    --title-font-size: 16px;
    --title-line-height: 22px;
    --base-font-size: 14px;
    --base-line-height: 18px;
}
.article-item-base:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #e7e8e9;
    pointer-events: none;
}
.article-item-base__outer {
    position: relative;
    min-width: 1px;
    display: flex;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.article-item-base__imgblock {
    position: relative;
    width: 90px;
    min-height: 72px;
    overflow: hidden;
    flex: 0 0 auto;
}
.article-item-base__imgblock:before {
    padding-top: var(--image-ratio);
    display: block;
}
.article-item-base__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    align-items: stretch;
    transition: transform 0.2s ease-in-out 0s;
    --image-width: 100%;
    --image-height: 100%;
}
.article-item-base__body {
    min-width: 1px;
    padding: 14px 8px;
    align-self: center;
    flex: 1 1 auto;
}
.article-item-base__city {
    margin-bottom: 13px;
    color: var(--color-grey);
}
.article-item-base__title {
    font-size: var(--title-font-size);
    font-weight: 500;
    line-height: var(--title-line-height);
    max-height: calc(var(--title-line-height) * var(--title-line-clamp) + 5px);
    padding-top: 5px;
    margin: -5px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp, none);
    -webkit-box-orient: vertical;
    overflow: visible;
    --link-decoration: none;
}
.article-item-base__title--mt {
    margin-top: 13px;
}
.article-item-base__descr {
    max-height: calc(var(--base-line-height) * var(--descr-line-clamp));
    display: none;
    -webkit-line-clamp: var(--descr-line-clamp, none);
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-grey);
}
.article-item-base__descr--mb {
    margin-bottom: 13px;
}
.article-item-base__price {
    font-size: var(--title-font-size);
    font-weight: 500;
    line-height: var(--title-line-height);
    margin-top: 13px;
    color: var(--color-orange);
}
.article-item-base__foot {
    display: none;
    align-items: center;
    flex: 0 0 auto;
    --icon-transform: scale(0.83);
}
.article-item-base__detail-link {
    width: 64px;
    margin-left: auto;
    --button-height: 40px;
    --button-shadow: none;
    --button-border-color: #e7e8e9;
}
.article-item-base__detail-link .svg-icon {
    width: 28px;
    height: 14px;
    fill: none;
    transition: transform 0.2s ease-in-out 0s;
}
.article-item-base:hover .article-item-base__image {
    transform: scale(1.1);
}
.article-item-base:hover .article-item-base__detail-link .svg-icon {
    transform: translateX(16%);
}
@media (min-width: 414px) {
    .article-item-base {
        --title-font-size: 18px;
    }
    .article-item-base__imgblock {
        width: 112px;
    }
    .article-item-base__body {
        padding: 14px 16px;
    }
}
@media (min-width: 800px) {
    .article-item-base__outer {
        flex-direction: column;
    }
    .article-item-base__imgblock {
        width: auto;
        min-height: 128px;
    }
    .article-item-base__body {
        padding: 17px 16px 13px;
        align-self: stretch;
    }
    .article-item-base__foot {
        display: flex;
    }
}
@media (min-width: 1366px) {
    .article-item-base__imgblock {
        max-height: 192px;
    }
    .article-item-base__imgblock:before {
        content: "";
    }
    .article-item-base__title {
        height: calc(var(--title-line-height) * var(--title-line-clamp));
    }
    .article-item-base__body {
        padding-bottom: 24px;
    }
    .article-item-base__descr {
        margin-top: 0;
        padding-top: 13px;
        max-height: calc(var(--base-line-height) * var(--descr-line-clamp) + 13px);
        display: -webkit-box;
    }
    .article-item-base__descr--mb {
        margin-top: 0;
        margin-bottom: 13px;
    }
}
@media (min-width: 1720px) {
    .article-item-base {
        --image-ratio: 61.53846153846154%;
        --title-font-size: 22px;
        --title-line-height: 28px;
        --base-font-size: 16px;
        --base-line-height: 26px;
    }
    .article-item-base__city {
        margin-bottom: 16px;
    }
    .article-item-base__descr {
        margin-top: 0;
        padding-top: 16px;
        max-height: calc(var(--base-line-height) * var(--descr-line-clamp) + 16px);
    }
    .article-item-base__descr--mb {
        margin-top: 0;
        margin-bottom: 16px;
    }
    .article-item-base__price,
    .article-item-base__title--mt {
        margin-top: 16px;
    }
    .article-item-base__detail-link {
        width: 80px;
        --button-height: 48px;
    }
    .article-item-base__detail-link .svg-icon {
        width: 32px;
        height: 16px;
    }
    .article-item-base__foot {
        --icon-transform: none;
    }
}
.services-notice--mb {
    margin-bottom: 96px;
}
@media (min-width: 800px) {
    .services-notice--mb {
        margin-bottom: 112px;
    }
}
@media (min-width: 1720px) {
    .services-notice--mb {
        margin-bottom: 152px;
    }
}
.benefits-block {
    margin-bottom: 64px;
    counter-reset: benefits;
}
.benefits-block__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.benefits-block__item {
    padding: 0;
    margin: 60px 0 0;
    counter-increment: benefits;
}
.benefits-block__item:first-child {
    margin-top: 0;
}
@media (min-width: 800px) {
    .benefits-block {
        margin-bottom: 80px;
    }
    .benefits-block__item {
        margin-top: 80px;
    }
}
@media (min-width: 1366px) {
    .benefits-block {
        margin-bottom: 102px;
    }
    .benefits-block__item {
        margin-top: 102px;
    }
}
@media (min-width: 1720px) {
    .benefits-block {
        margin-bottom: 134px;
    }
    .benefits-block__item {
        margin-top: 159px;
    }
}
.benefits-item {
    position: relative;
    margin-bottom: 96px;
    grid-template-areas: "image ." "image title" "image body" "image .";
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    grid-gap: 0 32px;
    --info-inner-margin-val: calc(89px * (1 - var(--has-sidebar, 1)));
    --info-inner-margin: 0 var(--info-inner-margin-val) 0 0;
}
.benefits-item:last-child {
    margin-bottom: 0;
}
.benefits-item--rtl {
    grid-template-areas: ". image" "title image" "body image" ". image";
    grid-template-columns: 1fr auto;
    --info-inner-margin: 0 0 0 var(--info-inner-margin-val);
}
.benefits-item__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 36px;
    grid-area: title;
}
.benefits-item__title:before {
    position: absolute;
    font-size: 108px;
    line-height: 1.18519;
    top: 0;
    margin-left: -32px;
    transform: translateX(-100%);
    pointer-events: none;
    color: #ededed;
}
.benefits-item__imgblock {
    position: relative;
    margin-bottom: 32px;
    justify-content: center;
    grid-area: image;
    align-self: flex-start;
    --image-width: 100%;
}
.benefits-item__image,
.benefits-item__imgblock {
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
}
.benefits-item__image {
    width: 312px;
    height: 312px;
    border-radius: 50%;
    overflow: hidden;
}
.benefits-item__body {
    grid-area: body;
}
.benefits-item__descr {
    color: var(--color-grey);
}
.benefits-item__buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    --button-font-size: 16px;
    --button-height: 40px;
}
.benefits-item__buttons .svg-icon--arrow-right {
    width: 14px;
    height: 8px;
    stroke-width: 3px;
}
.benefits-item br {
    display: none;
}
@media (min-width: 800px) {
    .benefits-item {
        font-size: 18px;
        line-height: 1.55556;
    }
    .benefits-item__imgblock {
        margin-bottom: 40px;
    }
    .benefits-item__buttons {
        margin-top: 38px;
        flex-direction: row;
    }
}
@media (min-width: 1366px) {
    .benefits-item {
        padding-top: 18px;
        display: grid;
    }
    .benefits-item--rtl {
        text-align: right;
        justify-items: flex-end;
    }
    .benefits-item__title {
        margin-bottom: 21px;
    }
    .benefits-item__imgblock {
        width: 455px;
        margin-bottom: 0;
        justify-content: flex-start;
    }
    .benefits-item__imgblock:before {
        position: absolute;
        content: counter(benefits, decimal-leading-zero) ".";
        font-size: 108px;
        line-height: 1.18519;
        top: -18px;
        right: 0;
        pointer-events: none;
        color: #ededed;
    }
    .benefits-item--rtl .benefits-item__imgblock {
        justify-content: flex-end;
    }
    .benefits-item--rtl .benefits-item__imgblock:before {
        right: auto;
        left: 0;
    }
    .benefits-item__descr {
        max-width: 712px;
    }
    .benefits-item__buttons {
        margin-top: 48px;
        justify-content: flex-start;
    }
    .benefits-item__buttons--center {
        justify-content: center;
    }
    .benefits-item__button-price {
        min-width: 306px;
    }
    .benefits-item br {
        display: block;
    }
}
@media (min-width: 1720px) {
    .benefits-item {
        font-size: 22px;
        line-height: 1.45455;
        --info-inner-margin-val: 89px;
    }
    .benefits-item__title {
        font-size: 40px;
        line-height: 1.075;
        margin-bottom: 35px;
    }
    .benefits-item__imgblock {
        width: 528px;
    }
    .benefits-item__buttons {
        gap: 36px;
        --button-font-size: 18px;
        --button-height: 48px;
    }
    .benefits-item__buttons .svg-icon--arrow-right {
        width: 30px;
        height: 16px;
        stroke-width: 1px;
    }
}
.benefits-box {
    --columns: 2;
    --gap-y: 43px;
}
.benefits-box--mb {
    margin-bottom: 50px;
}
.benefits-box--mt {
    margin-top: var(--margin-mid);
}
.benefits-box__list {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--gap-y) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.benefits-box__item {
    width: calc(100% / var(--columns));
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 0 var(--gap-y) 0;
    flex: 0 0 auto;
}
@media (min-width: 640px) {
    .benefits-box {
        --columns: 2;
    }
}
@media (min-width: 800px) {
    .benefits-box {
        --columns: 3;
    }
    .benefits-box--mb {
        margin-bottom: 60px;
    }
}
@media (min-width: 1366px) {
    .benefits-box {
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
    .benefits-box--mb {
        margin-bottom: 80px;
    }
    .benefits-box__item--four {
        --columns: 4;
    }
}
@media (min-width: 1720px) {
    .benefits-box--mb {
        margin-bottom: 182px;
    }
}
.benefits-box-item {
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-grey);
    --benefits-icon-font-size: 52px;
    --benefits-icon-font-size-sm: 32px;
}
.benefits-box-item__icon {
    font-size: var(--benefits-icon-font-size, 72px);
    font-weight: 500;
    line-height: 1.25;
    height: calc(var(--benefits-icon-font-size) * 1.25);
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    white-space: nowrap;
    color: var(--color-orange);
}
.benefits-box-item__icon--sm {
    font-size: var(--benefits-icon-font-size-sm, 52px);
    line-height: 1.05769;
    height: auto;
}
.benefits-box-item__icon img {
    max-width: 100%;
    max-height: 100%;
}
@media (min-width: 414px) {
    .benefits-box-item {
        font-size: 16px;
    }
}
@media (min-width: 640px) {
    .benefits-box-item {
        --benefits-icon-font-size: 58px;
        --benefits-icon-font-size-sm: 42px;
    }
}
@media (min-width: 1024px) {
    .benefits-box-item {
        --benefits-icon-font-size-sm: 44px;
        --benefits-icon-font-size: 62px;
    }
}
@media (min-width: 1366px) {
    .benefits-box-item {
        font-size: 20px;
        line-height: 1.2;
        --benefits-icon-font-size: 64px;
        --benefits-icon-font-size-sm: 46px;
    }
}
@media (min-width: 1720px) {
    .benefits-box-item {
        --benefits-icon-font-size: 72px;
        --benefits-icon-font-size-sm: 52px;
    }
}
.blog-item-page {
    padding-top: 48px;
}
@media (max-width: 1365px) {
    .blog-item-page {
        padding-top: 0;
    }
}
.blog-item-page__title {
    max-width: calc(100% - 672px);
    margin-bottom: 27px;
    text-transform: uppercase;
}
@media (max-width: 1719px) {
    .blog-item-page__title {
        max-width: calc(100% - 330px);
    }
}
@media (max-width: 1365px) {
    .blog-item-page__title {
        max-width: 100%;
    }
}
@media (max-width: 639px) {
    .blog-item-page__title {
        font-size: 30px;
    }
}
.blog-item-page__wrapper {
    display: flex;
    justify-content: space-between;
}
.blog-item-page__content {
    flex: 1 0 auto;
    max-width: 984px;
}
@media (max-width: 1719px) {
    .blog-item-page__content {
        flex: unset;
    }
}
@media (max-width: 1365px) {
    .blog-item-page__content {
        max-width: unset;
        width: 100%;
    }
}
.blog-item-page__sidebar {
    width: 480px;
}
@media (max-width: 1719px) {
    .blog-item-page__sidebar {
        flex: 1 0 368px;
        margin-left: 100px;
    }
}
@media (max-width: 1365px) {
    .blog-item-page__sidebar {
        display: none;
    }
}
.blog-item-page__type-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-wrap: wrap;
    max-width: calc(100% - 672px);
}
@media (max-width: 1719px) {
    .blog-item-page__type-list {
        max-width: calc(100% - 330px);
    }
}
@media (max-width: 1365px) {
    .blog-item-page__type-list {
        max-width: 100%;
    }
}
.blog-item-page__type-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #5e5e5e;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid #c4c4c4;
    border-radius: 16px;
    margin-right: 8px;
    cursor: pointer;
    max-height: 32px;
    font-size: 14px;
    padding: 6px 8px;
}
.blog-item-page__type-list-item:hover {
    box-shadow: var(--block-shadow);
}
.blog-item-page__type-list-item:last-child {
    margin-right: 0;
}
.blog-item-page__author-block {
    margin-top: 32px;
}
.blog-item-page__date-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 38px;
}
.blog-item-page__date-icons span {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
}
@media (max-width: 639px) {
    .blog-item-page__date-icons {
        flex-direction: column;
        align-items: flex-end;
    }
    .blog-item-page__date-icons > span {
        margin-bottom: 24px;
    }
}
.blog-item-page__article {
    margin-top: 19px;
}
.blog-item-page__article-title {
    color: #ed6c06;
    font-weight: 700;
    margin-bottom: 41px;
}
.blog-item-page__article img {
    width: 100%;
    height: 100%;
}
.blog-item-page__article p {
    line-height: 32px;
    margin-bottom: 32px;
}
@media (max-width: 1720px) {
    .blog-item-page__article p {
        font-size: 18px;
        line-height: 28px;
    }
}
.blog-item-page__article ol {
    margin: 0;
    padding: 0;
}
.blog-item-page__article ol li p {
    display: inline;
}
.blog-item-page__article ol li figure {
    margin-top: 80px;
}
.blog-item-page__article ol li:before {
    margin: 0;
    position: static;
    display: inline;
    font-size: 24px;
    line-height: 32px;
}
.blog-item-page__article figure {
    margin: 0 0 var(--margin-mid);
}
.blog-item-page__article figure figcaption {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 16px;
    color: #5e5e5e;
}
.blog-item-page__article-read-more-title {
    margin-bottom: 28px;
}
.blog-item-page__article-read-more-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 71px;
    align-items: flex-start;
}
.blog-item-page__article-read-more-wrapper .article-item {
    flex: 1 0 312px;
    margin-right: 64px;
}
@media (max-width: 1719px) {
    .blog-item-page__article-read-more-wrapper {
        display: block;
    }
    .blog-item-page__article-read-more-wrapper .article-item {
        float: left;
        display: block;
        max-width: 240px;
        margin-right: 30px;
        margin-bottom: 24px;
    }
    .blog-item-page__article-read-more-wrapper .article-item:after {
        display: block;
        content: "";
        clear: both;
        height: 0;
        visibility: hidden;
    }
}
@media (max-width: 639px) {
    .blog-item-page__article-read-more-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0;
    }
    .blog-item-page__article-read-more-wrapper .article-item {
        float: none;
        flex: none;
        margin: 0 0 24px;
    }
}
.blog-item-page__sibling-parts {
    display: flex;
    margin-top: 120px;
    justify-content: space-between;
}
@media (max-width: 1365px) {
    .blog-item-page__sibling-parts {
        flex-wrap: wrap;
        margin-top: 60px;
    }
}
@media (max-width: 639px) {
    .blog-item-page__sibling-parts {
        margin-top: 40px;
    }
}
.blog-item-page__sibling-part {
    max-width: 480px;
    width: 50%;
}
@media (max-width: 1720px) {
    .blog-item-page__sibling-part {
        max-width: 368px;
    }
}
@media (max-width: 800px) {
    .blog-item-page__sibling-part {
        width: 100%;
    }
}
.blog-item-page__sibling-part:first-child {
    margin-right: 15px;
}
@media (max-width: 640px) {
    .blog-item-page__sibling-part:first-child {
        margin-right: 0;
    }
}
.blog-item-page__sibling-part-title {
    color: #5e5e5e;
    font-weight: 500;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 28px;
}
.blog-item-page__sibling-part_next .blog-item-page__sibling-part-title {
    color: #ed6c06;
}
@media (max-width: 1365px) {
    .blog-item-page__sibling-part {
        margin-bottom: 24px;
        max-width: 364px;
    }
}
.blog-item-page__recommendation {
    margin-top: 96px;
}
@media (max-width: 639px) {
    .blog-item-page__recommendation {
        margin-top: 40px;
    }
}
.blog-item-page__cycle-article-slider {
    overflow: hidden;
    margin-top: 60px;
}
.blog-item-page__cycle-article-slider .swiper-slide {
    align-items: stretch;
    padding: 0 12px;
}
@media (max-width: 800px) {
    .blog-item-page__cycle-article-slider .swiper-slide {
        padding: 8px;
        max-width: 386px;
    }
}
@media (max-width: 640px) {
    .blog-item-page__cycle-article-slider .swiper-slide {
        max-width: 326px;
    }
}
.blog-item-page__cycle-article-slider .swiper-container {
    margin: 0 -12px;
}
@media (max-width: 800px) {
    .blog-item-page__cycle-article-slider .swiper-container {
        margin: 0 -8px;
    }
}
.blog-item-page__cycle-article-slider .article-item-min {
    min-width: 250px;
    flex-direction: column;
    padding-right: 0;
    height: auto;
}
.blog-item-page__cycle-article-slider .article-item-min__title {
    height: 90px;
}
.blog-item-page__popular-articles {
    margin-top: 60px;
}
.blog-item-page__adaptive-block {
    display: none;
}
@media (max-width: 1365px) {
    .blog-item-page__adaptive-block {
        margin-top: 40px;
        display: block;
    }
}
.blog-item-page__adaptive-block-subtitle {
    margin-bottom: 15px;
}
.blog-item-page__adaptive-block-subtitle span {
    color: #ed6c06;
}
.blog-item-page__read-more {
    position: relative;
}
.blog-item-page__read-more-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-item-page__read-more-head .h2 {
    margin: 0;
    flex: 1 0 auto;
}
@media (max-width: 1365px) {
    .blog-item-page__read-more-head {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}
.blog-item-page__read-more .subscription-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.blog-item-page__read-more .subscription-box__title {
    margin: 0 24px 0 0;
}
.blog-item-page__read-more .subscription-box__inner {
    flex: 1 0 auto;
    max-width: 480px;
}
.blog-item-page__read-more .subscription-box__policy {
    width: 100%;
    margin-top: 10px;
    text-align: right;
}
@media (max-width: 1365px) {
    .blog-item-page__read-more .subscription-box {
        margin-bottom: 24px;
    }
}
@media (max-width: 799px) {
    .blog-item-page__read-more .subscription-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-item-page__read-more .subscription-box__title {
        margin: 0 0 15px;
    }
    .blog-item-page__read-more .subscription-box__inner {
        width: 480px;
        max-width: 100%;
    }
    .blog-item-page__read-more .subscription-box__policy {
        text-align: left;
    }
}
@media (max-width: 639px) {
    .blog-item-page__read-more .subscription-box__inner {
        width: 100%;
    }
}
.blog-author {
    display: flex;
}
@media (max-width: 413px) {
    .blog-author {
        display: block;
    }
}
.blog-author__img {
    flex: 1 0 144px;
    max-width: 144px;
    height: 144px;
    border-radius: 100%;
    margin-right: 40px;
    overflow: hidden;
}
.blog-author__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 639px) {
    .blog-author__img {
        flex: 1 0 100px;
        max-width: 100px;
        height: 100px;
        margin-right: 10px;
    }
}
@media (max-width: 413px) {
    .blog-author__img {
        float: left;
    }
    .blog-author__img:after {
        display: block;
        content: "";
        clear: both;
        height: 0;
        visibility: hidden;
    }
}
.blog-author__desc {
    max-width: 632px;
}
.blog-author__title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 10px;
}
.blog-author__text {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
}
.article-cycle__title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 36px;
}
@media (max-width: 1720px) {
    .article-cycle__title {
        font-size: 26px;
    }
}
.article-cycle__subtitle {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    margin-bottom: 29px;
}
@media (max-width: 1720px) {
    .article-cycle__subtitle {
        font-size: 22px;
    }
}
.article-cycle__subtitle span {
    color: #ed6c06;
}
.article-cycle__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.article-cycle__list li {
    margin-bottom: 24px;
    position: relative;
}
.article-cycle__list li:last-child {
    margin-bottom: 0;
}
.article-cycle__list li.active:before {
    position: absolute;
    content: "";
    top: 50%;
    right: calc(100% + 11px);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 13px solid #ed6c06;
}
.article-cycle__list li.active .article-item-min__number,
.article-cycle__list li.active .article-item-min__title {
    color: #ed6c06;
}
.sidebar-popular {
    margin-top: 99px;
}
.sidebar-popular__title {
    margin-bottom: 27px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
}
.sidebar-popular__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidebar-popular__list li {
    margin-bottom: 42px;
}
.sidebar-popular__list li:last-child {
    margin-bottom: 0;
}
.blog-page {
    --columns: 1;
}
.blog-page__blogs-list {
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    display: flex;
    flex-wrap: wrap;
}
.blog-page__blogs-list_mobile {
    display: none;
}
.blog-page__blogs-item {
    width: calc(100% / var(--columns));
    max-width: calc(240px + var(--grid-gap));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 auto var(--grid-gap) auto;
    display: flex;
    flex: 0 0 auto;
}
.blog-page__blogs-item--short {
    flex-direction: column;
}
.blog-page__blogs-item--short > * {
    margin-top: var(--grid-gap);
}
.blog-page__blogs-item--short > :first-child {
    margin-top: 0;
}
@media (min-width: 640px) {
    .blog-page {
        --columns: 2;
    }
    .blog-page__blogs-item {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .blog-page {
        --columns: 3;
    }
    .blog-page__blogs-list {
        margin-left: -4px;
        margin-right: -4px;
    }
    .blog-page__blogs-item {
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media (min-width: 800px) {
    .blog-page__blogs-list {
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
    .blog-page__blogs-item {
        padding-left: calc(var(--grid-gap) / 2);
        padding-right: calc(var(--grid-gap) / 2);
    }
}
@media (min-width: 1366px) {
    .blog-page {
        --columns: 8;
    }
    .blog-page__blogs-item {
        width: calc(100% / var(--columns) * 3);
        max-width: none;
    }
    .blog-page__blogs-item--short {
        width: calc(100% / var(--columns) * 2);
    }
}
@media (max-width: 640px) {
    .blog-page__blogs-list_desktop {
        display: none;
    }
    .blog-page__blogs-list_mobile {
        display: flex;
    }
}
* {
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: var(--color-light-green) var(--color-grey-light);
}
::-webkit-scrollbar {
    width: 4px;
    background-color: var(--color-grey-light);
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--color-light-green);
}
.body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
body > .body > :not(.is-not-blur):not(.fancybox-container) {
    transition: filter 0.2s ease-in-out 0s;
}
body.is-blur > .body > :not(.is-not-blur):not(.fancybox-container) {
    filter: blur(30px);
}
.hidden {
    display: none !important;
}
a[name] {
    transform: translateY(-135px);
    display: block;
}
@media (min-width: 1720px) {
    a[name] {
        transform: translateY(-170px);
    }
}
.max-width-1320 {
    max-width: 1323px;
}
.site-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.site-content {
    padding-top: var(--margint-top);
    gap: 0 var(--grid-gap);
    flex: 1 1 auto;
    --margint-top: 40px;
    --margint-bottom: 40px;
    --has-sidebar: 0;
}
.site-content-wrap {
    background-color: #fff;
}
.site-content--mb0 .site-content__inner:after {
    display: none;
}
.site-content--has-sidebar {
    --has-sidebar: 1;
}
.site-content--has-double-sidebar {
    --has-sidebar: 2;
}
.site-content__inner {
    min-width: 1px;
    flex: 1 1 auto;
}
.site-content__inner:after {
    content: "";
    margin-top: var(--margint-bottom);
    display: block;
}
.site-content__sidebar {
    width: 240px;
    margin-bottom: var(--margint-bottom);
    flex: 0 0 auto;
}
.site-content__sidebar--left {
    order: -1;
}
.site-content__sidebar--right {
    order: 25;
}
.site-content__sidebar.is-affixed {
    height: auto !important;
    z-index: 550;
}
@media (min-width: 800px) {
    .site-content {
        --margint-top: 64px;
        --margint-bottom: 64px;
    }
}
@media (min-width: 1366px) {
    .site-content {
        display: flex;
        --margint-bottom: 112px;
    }
    .site-content__sidebar {
        width: 240px;
    }
}
@media (min-width: 1720px) {
    .site-content {
        --margint-bottom: 152px;
    }
    .site-content__sidebar {
        width: 312px;
    }
}
.page-head ~ .site-content {
    --margint-top: 0;
}
.catalog-front {
    margin-bottom: 88px;
    --columns: 1;
}
.catalog-front--mb64 {
    margin-bottom: var(--margin-mid);
}
.catalog-front__outer {
    padding-bottom: 1px;
}
.catalog-front__title {
    font-size: var(--h2-size);
    line-height: var(--h2-lineheight);
    margin: 0 0 22px;
}
.catalog-front__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.catalog-front__list-outer {
    margin: calc(var(--grid-gap) / -2);
}
.catalog-front__list-outer.swiper-container-initialized {
    padding-left: calc(var(--container-padding) - var(--grid-gap) / 2);
    padding-right: calc(var(--container-padding) - var(--grid-gap) / 2);
    margin-left: calc(var(--container-padding) * -1);
    margin-right: calc(var(--container-padding) * -1);
}
.catalog-front__item {
    width: calc(240px + var(--grid-gap));
    max-width: calc(240px + var(--grid-gap));
    min-width: 1px;
    padding: calc(var(--grid-gap) / 2);
    margin: 0;
    flex: 0 0 auto;
    display: flex;
}
@media (min-width: 1365px) {
    .catalog-front__item {
        max-width: calc(312px + var(--grid-gap));
    }
}
@media (min-width: 800px) {
    .catalog-front {
        margin-bottom: 112px;
        --columns: 3;
    }
    .catalog-front__title {
        margin-bottom: 15px;
    }
    .catalog-front__item {
        width: calc(100% / var(--columns));
    }
}
@media (min-width: 801px) {
    .catalog-front__list-outer.swiper-container-initialized {
        padding-left: 0;
        padding-right: 0;
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
}
@media (min-width: 1366px) {
    .catalog-front {
        --columns: 5;
    }
    .catalog-front__title {
        margin-bottom: 23px;
    }
}
@media (min-width: 1720px) {
    .catalog-front {
        margin-bottom: 152px;
    }
    .catalog-front + .catalog-front {
        margin-top: -32px;
    }
    .catalog-front__title {
        margin-bottom: 30px;
    }
}
.catalog-block {
    margin-bottom: 64px;
    --columns: 1;
}
.catalog-block__head {
    margin: 0 0 16px;
}
.catalog-block__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin-bottom: 40px;
    grid-area: 1/1/2/2;
}
.catalog-block__list {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.catalog-block__item {
    width: calc(100% / var(--columns));
    max-width: calc(240px + var(--grid-gap));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 auto var(--grid-gap) auto;
    display: flex;
    flex: 0 0 auto;
}
.catalog-block__foot {
    position: relative;
    margin-top: 32px;
    z-index: 500;
}
@media (min-width: 640px) {
    .catalog-block {
        --columns: 2;
    }
    .catalog-block__item {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .catalog-block {
        --columns: 3;
    }
    .catalog-block--view-list,
    .catalog-block--view-table {
        --columns: 1;
    }
    .catalog-block__list {
        margin-left: -4px;
        margin-right: -4px;
    }
    .catalog-block--view-table .catalog-block__list {
        margin: 0;
    }
    .catalog-block__item {
        padding-left: 4px;
        padding-right: 4px;
    }
    .catalog-block--view-table .catalog-block__item {
        padding: 8px 0;
        margin-bottom: 0;
        border-top: 1px solid #e7e8e9;
    }
    .catalog-block__foot {
        position: sticky;
        height: 95px;
        bottom: -95px;
    }
}
@media (min-width: 800px) {
    .catalog-block {
        margin-bottom: 112px;
    }
    .catalog-block--view-list,
    .catalog-block--view-table {
        --columns: 1;
    }
    .catalog-block__head {
        margin-bottom: 24px;
    }
    .catalog-block__title {
        margin-bottom: 40px;
    }
    .catalog-block__list {
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
    .catalog-block--view-table .catalog-block__list {
        margin: 0;
    }
    .catalog-block__item {
        padding-left: calc(var(--grid-gap) / 2);
        padding-right: calc(var(--grid-gap) / 2);
    }
    .catalog-block--view-table .catalog-block__item {
        padding: 8px 0;
    }
    .catalog-block__foot {
        position: sticky;
        height: 112px;
        bottom: -112px;
    }
}
@media (min-width: 1366px) {
    .catalog-block {
        margin-bottom: 112px;
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
    .site-content--has-double-sidebar .catalog-block {
        --page-count-descr-display: none;
    }
    .catalog-block--view-list,
    .catalog-block--view-table {
        --columns: 1;
    }
    .catalog-block__title {
        margin-bottom: 40px;
    }
    .catalog-block__foot {
        height: 40px;
        bottom: -40px;
    }
}
@media (min-width: 1720px) {
    .catalog-block {
        margin-bottom: 152px;
    }
    .site-content--has-double-sidebar .catalog-block {
        --page-count-descr-display: block;
    }
    .catalog-block__foot {
        height: 48px;
        bottom: -48px;
    }
}
.catalog-item {
    position: relative;
    font-size: 14px;
    line-height: 1.28571;
    min-width: 1px;
    background: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    cursor: default;
    --item-wide: calc(1 - var(--has-sidebar, 0) * 0.5 * (var(--has-sidebar, 0) - 1) * 1);
    --item-imgblock-width: 100%;
    --item-imgblock-height: 148px;
    --item-title-height: 4;
    --item-body-padding: 15px 16px 12px 16px;
    --item-foot-padding: 0px 16px 16px 16px;
    --item-foot-width: 100%;
}
.catalog-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #e7e8e9;
    pointer-events: none;
}
.catalog-item__outer {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.catalog-item__imgblock {
    position: relative;
    width: var(--item-imgblock-width);
    height: var(--item-imgblock-height);
    align-self: stretch;
    flex: 0 0 auto;
}
.catalog-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    --image-width: 100%;
    --image-height: 100%;
}
.catalog-item__image img {
    transition: transform 0.2s ease-in-out 0s;
}
.catalog-item__new {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 20px;
    height: 24px;
    display: flex;
    color: var(--color-orange);
}
.catalog-item__new .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.catalog-item__availability {
    position: absolute;
    left: 12px;
    bottom: 8px;
    height: 16px;
    display: flex;
}
.catalog-item .availability-help__button-configurator--disabled,
.catalog-item .availability-help__button-non-standard--disabled {
    pointer-events: none;
}
.catalog-item__configurator {
    position: absolute;
    right: 10px;
    bottom: 6px;
    width: 20px;
    height: 20px;
    display: flex;
}
.catalog-item__configurator .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.catalog-item__non-standard {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 35px;
    height: 48px;
    display: flex;
}
.catalog-item__non-standard button {
    width: 35px;
    height: 48px;
}
.catalog-item__non-standard svg {
    stroke-opacity: 0;
}
.catalog-item__non-standard .svg-icon {
    color: var(--color-orange);
    max-width: 100%;
    max-height: 100%;
}
@media (max-width: 1719px) {
    .catalog-item__non-standard,
    .catalog-item__non-standard button {
        width: 28px;
        height: 32px;
    }
}
.catalog-item__body {
    position: relative;
    padding: var(--item-body-padding);
    flex: 1 1 auto;
}
.catalog-item__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    height: calc(20px * var(--item-title-height));
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: var(--item-title-height);
    -webkit-box-orient: vertical;
    overflow: hidden;
    --link-decoration: none;
}
.catalog-item__descr {
    font-size: 12px;
    line-height: 1.33333;
    min-height: 1px;
    margin-bottom: 7px;
    display: none;
    flex: 1 1 0;
    overflow: hidden;
    color: var(--color-grey);
}
.catalog-item__code {
    margin-top: auto;
    color: var(--color-grey);
}
.catalog-item__price {
    margin: 8px 0 0;
}
.catalog-item__price--foot {
    margin-top: 0;
    margin-bottom: 8px;
    display: none;
}
.catalog-item__foot {
    position: relative;
    width: var(--item-foot-width);
    padding: var(--item-foot-padding);
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}
.catalog-item__icons {
    position: relative;
    margin: 0 -4px;
    display: none;
    align-items: center;
}
.catalog-item__icons > * {
    margin: 0 4px;
}
.catalog-item__icons-new {
    width: 17px;
    height: 20px;
    display: none;
    flex: 0 0 auto;
    color: var(--color-orange);
}
.catalog-item__icons-new .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.catalog-item__icons-configurator {
    width: 20px;
    height: 20px;
    display: none;
    flex: 0 0 auto;
}
.catalog-item__icons-configurator .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.catalog-item__icons-stock {
    flex: 0 0 auto;
}
.catalog-item__icons-stock .availability-help__popup {
    left: auto;
    right: -12px;
    width: 616px;
}
.catalog-item__buttons {
    margin-top: auto;
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 8px;
    align-items: center;
    --button-font-size: 14px;
    --button-minwidth: 40px;
    --button-height: 40px;
    --button-padding: 0 10px;
}
.catalog-item__buttons-buy {
    margin-left: auto;
    display: flex;
}
.catalog-item__add2basket {
    --button-gap: 7px;
}
.catalog-item__add2basket .nwb-button__icon {
    width: 20px;
    height: 21px;
}
.catalog-item__add2basket .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.site-content--has-double-sidebar .catalog-item__add2basket {
    --item-buy-text-display: none;
}
.catalog-item:hover .catalog-item__image img {
    transform: scale(1.1);
}
@media (min-width: 320px) {
    .catalog-item__buttons {
        --icon-transform: scale(0.83);
    }
}
@media (min-width: 768px) {
    .catalog-item__buttons {
        gap: 4px;
    }
    .catalog-item--view-list {
        font-size: 12px;
        line-height: 1.33333;
        height: 184px;
        flex-direction: row;
        --item-imgblock-width: 184px;
        --item-imgblock-height: 100%;
        --item-title-height: auto;
        --item-body-padding: 10px 12px 8px 16px;
        --item-foot-padding: 8px 12px 12px 0px;
        --item-foot-width: 156px;
    }
    .catalog-item--view-list .catalog-item__title {
        margin-bottom: 6px;
        height: auto;
    }
    .catalog-item--view-list .catalog-item__descr {
        display: block;
    }
    .catalog-item--view-list .catalog-item__new {
        top: 8px;
        left: 8px;
    }
    .catalog-item--view-list .catalog-item__availability {
        left: 8px;
        bottom: 8px;
    }
    .catalog-item--view-list .catalog-item__configurator {
        right: 6px;
        bottom: 6px;
    }
    .catalog-item--view-list .catalog-item__body {
        display: flex;
        flex-direction: column;
    }
    .catalog-item--view-list .catalog-item__price--body {
        display: none;
    }
    .catalog-item--view-list .catalog-item__price--foot {
        display: block;
    }
    .catalog-item--view-list .catalog-item__icons {
        display: flex;
    }
    .catalog-item--view-list .catalog-item__add2basket {
        --button-minwidth: 48px;
        --button-height: 48px;
        --button-gap: 0;
    }
    .catalog-item--view-list .catalog-item__add2basket .nwb-button__icon {
        width: 23px;
        height: 24px;
    }
    .catalog-item--view-list .catalog-item__add2basket .nwb-button__inner {
        display: none;
    }
    .catalog-item--view-list .catalog-item__add2basket .svg-icon {
        max-width: 100%;
        max-height: 100%;
    }
    .catalog-item--view-table {
        font-size: 14px;
        line-height: 1.42857;
        min-height: 48px;
        background: none;
        box-shadow: none;
        flex-direction: row;
        align-items: center;
        color: var(--color-grey);
        --item-imgblock-width: 48px;
        --item-imgblock-height: auto;
        --item-title-height: 2;
        --item-body-padding: 4px 12px 4px 12px;
        --item-foot-padding: 0px 0px 0px 0px;
        --item-foot-width: auto;
    }
    .catalog-item--view-table:before {
        content: none;
    }
    .catalog-item--view-table .catalog-item__availability,
    .catalog-item--view-table .catalog-item__configurator,
    .catalog-item--view-table .catalog-item__new {
        display: none;
    }
    .catalog-item--view-table .catalog-item__body {
        display: flex;
        align-items: center;
    }
    .catalog-item--view-table .catalog-item__title {
        font-size: 14px;
        line-height: 20px;
        font-weight: inherit;
        height: auto;
        max-height: calc(20px * var(--item-title-height));
        margin: 0;
        flex: 1 1 auto;
    }
    .catalog-item--view-table .catalog-item__code {
        min-width: 90px;
        margin: 0 0 0 24px;
        flex: 0 0 auto;
    }
    .catalog-item--view-table .catalog-item__code-title {
        display: block;
    }
    .catalog-item--view-table .catalog-item__price {
        min-width: 132px;
        margin: 0 12px 0 24px;
        flex: 1 1 auto;
        --price-size: 16px;
        --price-old-size: calc(var(--price-size) - 2px);
        --price-discount-size: 14px;
    }
    .catalog-item--view-table .catalog-item__price .price-box__discount {
        line-height: 14px;
        padding: 0 4px;
    }
    .catalog-item--view-table .catalog-item__price--body {
        display: none;
    }
    .catalog-item--view-table .catalog-item__price--foot {
        display: block;
    }
    .catalog-item--view-table .catalog-item__foot {
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
    }
    .catalog-item--view-table .catalog-item__icons {
        display: flex;
        order: -1;
    }
    .catalog-item--view-table .catalog-item__icons-configurator {
        display: block;
    }
    .catalog-item--view-table .catalog-item__icons-stock .availability-help__button-arrow,
    .catalog-item--view-table .catalog-item__icons-stock .availability-help__button-inner {
        display: none;
    }
    .catalog-item--view-table .catalog-item__buttons {
        grid-template-columns: auto auto auto;
    }
    .catalog-item--view-table .catalog-item__add2basket {
        border-radius: 50%;
        --button-minwidth: 48px;
        --button-height: 48px;
        --button-padding: 0 5px;
        --button-gap: 0;
    }
    .catalog-item--view-table .catalog-item__add2basket .nwb-button__icon {
        width: 23px;
        height: 24px;
    }
    .catalog-item--view-table .catalog-item__add2basket .nwb-button__inner {
        display: none;
    }
    .catalog-item--view-table .catalog-item__add2basket .svg-icon {
        max-width: 100%;
        max-height: 100%;
    }
}
@media (min-width: 800px) {
    .catalog-item__buttons {
        gap: 8px;
    }
}
@media (min-width: 1366px) {
    .catalog-item--view-list {
        --item-imgblock-width: calc(184px * (1 - var(--item-wide)) + 296px * var(--item-wide));
        --item-body-padding: 10px 16px 8px 16px;
        --item-foot-padding: 8px 16px 16px 0px;
        --item-foot-width: calc(156px * (1 - var(--item-wide)) + 224px * var(--item-wide));
    }
    .catalog-item--view-list .catalog-item__add2basket {
        --button-minwidth: calc(48px * (1 - var(--item-wide)) + 40px * var(--item-wide));
        --button-height: calc(48px * (1 - var(--item-wide)) + 40px * var(--item-wide));
        --button-gap: calc(0px * (1 - var(--item-wide)) + 7px * var(--item-wide));
    }
    .catalog-item--view-list .catalog-item__add2basket .nwb-button__icon {
        width: calc(23px * (1 - var(--item-wide)) + 21px * var(--item-wide));
        height: calc(24px * (1 - var(--item-wide)) + 21px * var(--item-wide));
    }
    .catalog-item--view-list .catalog-item__add2basket .nwb-button__inner {
        display: var(--item-buy-text-display, block);
    }
    .catalog-item--view-table {
        --item-imgblock-width: calc(48px * (1 - var(--item-wide)) + 72px * var(--item-wide));
        --item-body-padding: 4px calc(12px * (1 - var(--item-wide)) + 16px * var(--item-wide));
    }
    .catalog-item--view-table .catalog-item__code {
        width: calc(90px * (1 - var(--item-wide)) + 124px * var(--item-wide));
        margin-left: calc(24px * (1 - var(--item-wide)) + 36px * var(--item-wide));
    }
    .catalog-item--view-table .catalog-item__code-title {
        display: inline;
    }
    .catalog-item--view-table .catalog-item__icons {
        margin: 0 -5px;
    }
    .catalog-item--view-table .catalog-item__icons > * {
        margin: 0 5px;
    }
    .catalog-item--view-table .catalog-item__icons-new {
        display: block;
    }
    .site-content--has-double-sidebar .catalog-item__icons-new {
        display: none;
    }
    .catalog-item--view-table .catalog-item__price {
        min-width: calc(132px * (1 - var(--item-wide)) + 144px * var(--item-wide));
        margin-left: calc(24px * (1 - var(--item-wide)) + 40px * var(--item-wide));
        margin-right: calc(12px * (1 - var(--item-wide)) + 16px * var(--item-wide));
    }
}
@media (min-width: 1720px) {
    .catalog-item {
        --item-imgblock-height: 192px;
        --item-body-padding: 22px 16px 16px 16px;
    }
    .catalog-item--view-list {
        height: 240px;
        flex-direction: row;
        --item-imgblock-width: calc(240px * (1 - var(--item-wide)) + 392px * var(--item-wide));
        --item-imgblock-height: 100%;
        --item-body-padding: 16px 24px 16px 24px;
        --item-foot-padding: 16px 24px 16px 0px;
        --item-foot-width: 304px;
    }
    .catalog-item__new {
        position: absolute;
        top: 16px;
        left: 16px;
        width: 32px;
        height: 38px;
    }
    .catalog-item--view-list .catalog-item__new {
        top: 8px;
        left: 16px;
    }
    .catalog-item__availability {
        left: 16px;
        bottom: 16px;
        height: 20px;
    }
    .catalog-item--view-list .catalog-item__availability {
        left: 16px;
        bottom: 16px;
    }
    .catalog-item__configurator {
        right: 14px;
        bottom: 14px;
        width: 22px;
        height: 22px;
    }
    .catalog-item--view-list .catalog-item__configurator {
        right: 13px;
        bottom: 14px;
    }
    .catalog-item__title {
        font-size: 18px;
        line-height: 22px;
        height: calc(22px * var(--item-title-height));
        margin: 0 0 8px;
        -webkit-line-clamp: var(--item-title-height);
    }
    .catalog-item--view-list .catalog-item__title {
        margin-bottom: 12px;
    }
    .catalog-item--view-table .catalog-item__title {
        font-size: 16px;
    }
    .catalog-item__descr {
        font-size: 14px;
        line-height: 1.28571;
    }
    .catalog-item__price {
        margin-top: 16px;
    }
    .catalog-item__price--foot {
        margin-top: 0;
        margin-bottom: 16px;
    }
    .catalog-item__buttons {
        gap: 16px;
        --button-font-size: 18px;
        --button-minwidth: 48px;
        --button-height: 48px;
        --button-padding: 0 16px;
        --icon-transform: none;
    }
    .catalog-item__add2basket {
        --button-gap: 13px;
    }
    .catalog-item__add2basket .nwb-button__icon {
        width: 23px;
        height: 24px;
    }
    .catalog-item--view-list .catalog-item__add2basket {
        --button-minwidth: 48px;
        --button-height: 48px;
        --button-padding: 0 16px;
        --button-gap: 13px;
    }
    .catalog-item--view-list .catalog-item__add2basket .nwb-button__icon {
        width: auto;
        height: auto;
    }
    .catalog-item--view-list .catalog-item__add2basket .nwb-button__inner {
        display: block;
    }
    .catalog-item--view-table {
        font-size: 16px;
        line-height: 1.25;
        min-height: 56px;
        --item-imgblock-width: 80px;
        --item-imgblock-height: auto;
        --item-body-padding: 8px calc(16px * (1 - var(--item-wide)) + 80px * var(--item-wide)) 8px 24px;
    }
    .catalog-item--view-table .catalog-item__code {
        font-size: 14px;
        line-height: 1.28571;
        width: 112px;
    }
    .catalog-item--view-table .catalog-item__icons {
        margin: 0 -7px;
    }
    .catalog-item--view-table .catalog-item__icons > * {
        margin: 0 7px;
    }
    .catalog-item--view-table .catalog-item__icons-new {
        width: 20px;
        height: 23px;
        display: block;
    }
    .catalog-item--view-table .catalog-item__icons-configurator {
        width: 22px;
        height: 22px;
    }
    .catalog-item--view-table .catalog-item__icons-stock {
        width: 20px;
        height: 20px;
    }
    .site-content--has-double-sidebar .catalog-item__icons-news {
        display: none;
    }
    .catalog-item--view-table .catalog-item__price {
        min-width: calc(140px * (1 - var(--item-wide)) + 144px * var(--item-wide));
        margin-left: calc(16px * (1 - var(--item-wide)) + 56px * var(--item-wide));
        margin-right: calc(12px * (1 - var(--item-wide)) + 16px * var(--item-wide));
        --price-size: 18px;
    }
    .catalog-item--view-table .catalog-item__buttons {
        gap: calc(8px * (1 - var(--item-wide)) + 12px * var(--item-wide));
        --button-minwidth: 48px;
        --button-height: 48px;
    }
    .catalog-item--view-table .catalog-item__add2basket {
        height: 56px;
        width: 56px;
    }
    .catalog-item--view-table .catalog-item__add2basket .nwb-button__icon {
        width: 26px;
        height: 28px;
    }
}
.catalog-item-search {
    position: relative;
    font-size: 14px;
    line-height: 1.21429;
    min-width: 1px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    cursor: pointer;
    text-decoration: none;
}
.catalog-item-search:hover img {
    transform: scale(1.1);
}
.catalog-item-search__outer {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.catalog-item-search__imgblock {
    position: relative;
    flex: 0 0 auto;
}
.catalog-item-search__imgblock:before {
    content: "";
    padding-top: 55.55556%;
    display: block;
}
.catalog-item-search__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    --image-width: 100%;
    --image-height: 100%;
}
.catalog-item-search__image img {
    transition: transform 0.2s ease-in-out 0s;
}
.catalog-item-search__new {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 19px;
    height: 19px;
    display: flex;
    color: var(--color-orange);
    z-index: 10;
}
.catalog-item-search__new .svg-icon {
    max-width: 100%;
}
.catalog-item-search__availability {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 16px;
    display: flex;
}
.catalog-item-search__availability .svg-icon {
    max-width: 100%;
}
.catalog-item-search__configurator {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 20px;
    display: flex;
    z-index: 10;
}
.catalog-item-search__configurator .svg-icon {
    max-width: 100%;
}
.catalog-item-search__body {
    padding: 18px 0 0;
    flex: 1 1 auto;
}
.catalog-item-search__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    height: 68px;
    margin: 0 0 18px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    --link-decoration: none;
}
.catalog-item-search__title:hover {
    color: var(--color-orange);
}
.catalog-item-search__foot {
    padding: 12px 0 0;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    --button-font-size: 14px;
    --button-height: 40px;
    --button-padding: 0 10px;
}
.catalog-item-search__foot-right {
    margin-left: auto;
    display: flex;
}
.price-box {
    font-size: var(--price-size, 22px);
    font-weight: 500;
    line-height: calc(var(--price-size, 22px) * 1.27273);
    white-space: nowrap;
    color: var(--color-grey);
}
.price-box--from {
    color: inherit;
}
.price-box__item {
    display: flex;
    gap: 8px;
    align-items: baseline;
}
.price-box__item--new {
    color: var(--color-light-green);
}
.price-box__item--old {
    font-size: var(--price-old-size, 18px);
    font-weight: 300;
    line-height: calc(var(--price-old-size, 18px) * 1.22222);
    color: var(--color-grey);
}
.price-box__item--old .price-box__val {
    position: relative;
}
.price-box__item--old .price-box__val:before {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    background-color: var(--color-grey);
}
.price-box__prefix {
    font-size: var(--price-old-size, 18px);
    line-height: calc(var(--price-old-size, 18px) * 1.22222);
    color: var(--color-grey);
}
.price-box__val {
    -webkit-text-decoration: var(--price-decoration, none);
    text-decoration: var(--price-decoration, none);
}
.price-box__discount {
    font-size: var(--price-discount-size, 14px);
    font-weight: 700;
    line-height: calc(var(--price-discount-size, 14px) * 1.28571);
    padding: 0 0.5em;
    border: 1px solid #e7e8e9;
    border-radius: 10px;
    background: #fff;
    color: var(--color-light-green);
}
@media (min-width: 1720px) {
    .price-box {
        font-size: var(--price-size, 28px);
        line-height: calc(var(--price-size, 28px) * 1.21429);
    }
    .price-box__item {
        gap: 16px;
    }
    .price-box__item--old {
        font-size: var(--price-old-size, 22px);
        line-height: calc(var(--price-old-size, 22px) * 1.22727);
    }
    .price-box__discount {
        font-size: var(--price-discount-size, 18px);
        line-height: calc(var(--price-discount-size, 18px) * 1.22222);
        border-radius: 15px;
    }
}
.catalog-empty {
    margin: 64px 0;
    text-align: center;
    --button-font-size: 16px;
    --button-height: 40px;
    --button-gap: 21px;
}
.catalog-empty__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.20833;
    margin-bottom: 13px;
}
.catalog-empty__descr {
    color: var(--color-grey);
}
.catalog-empty__buttons {
    margin: 44px calc(var(--grid-gap) / -2) calc(var(--grid-gap) / -1) calc(var(--grid-gap) / -2);
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.catalog-empty__button {
    padding-left: 23px;
    padding-right: 23px;
    margin: 0 calc(var(--grid-gap) / 2) var(--grid-gap) calc(var(--grid-gap) / 2);
    flex: 0 0 auto;
}
.catalog-empty__button .svg-icon--chat {
    width: 19px;
    height: 19px;
    color: var(--color-light-green);
}
@media (min-width: 800px) {
    .catalog-empty {
        margin-bottom: 112px;
    }
}
@media (min-width: 1366px) {
    .catalog-empty {
        margin-bottom: 112px;
    }
}
@media (min-width: 1720px) {
    .catalog-empty {
        margin-bottom: 152px;
        --button-font-size: 18px;
        --button-height: 48px;
        --button-gap: 21px;
    }
}
.catalog-descr {
    font-size: var(--font-size-medium);
    line-height: var(--lineheight-medium);
    max-width: 976px;
    color: var(--color-grey);
}
.catalog-descr__body {
    position: relative;
    --close-max-height: 350px;
}
.catalog-descr__body:before {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 80px 100px #fff;
    z-index: 1;
    transition: box-shadow 0.2s ease-in-out 0s;
}
.is-overflow > .catalog-descr__body:before {
    content: "";
}
.is-open > .catalog-descr__body:before {
    box-shadow: none;
}
.catalog-descr__body img {
    max-width: 100%;
    height: auto;
}
.catalog-descr__toggle {
    position: relative;
    margin-top: 0;
    display: none;
    text-align: center;
    --button-height: 32px;
    --button-minwidth: 30px;
    --button-padding: 0;
    --button-color: var(--color-orange);
}
.is-open > .catalog-descr__toggle {
    --toggle-icon-scale: scale(-1);
}
.is-overflow > .catalog-descr__toggle {
    display: block;
}
.catalog-descr__toggle:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid var(--color-grey-light);
    transform: translateY(-50%);
}
.catalog-descr__toggle-button .svg-icon {
    position: relative;
    width: 14px;
    height: 7px;
    transform: var(--toggle-icon-scale, scale(1));
}
.catalog-descr .h1,
.catalog-descr .h2,
.catalog-descr .h3,
.catalog-descr .h4,
.catalog-descr .h5,
.catalog-descr .h6,
.catalog-descr h1,
.catalog-descr h2,
.catalog-descr h3,
.catalog-descr h4,
.catalog-descr h5,
.catalog-descr h6 {
    color: var(--color-base);
}
.availability-help__button {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14286;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    outline: none;
    color: var(--color-light-green);
    cursor: pointer;
}
.availability-help__button--to-order {
    color: var(--color-grey-light);
}
.availability-help__button-icon {
    width: 16px;
    height: 16px;
}
.availability-help__button-inner {
    padding: 0 7px 0 12px;
}
.availability-help__button-arrow {
    position: relative;
    top: 1px;
    width: 8px;
    height: 4px;
    display: flex;
    align-items: center;
}
.availability-help__button .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.availability-help__popup {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    min-width: 240px;
    margin-top: 10px;
    display: none;
    z-index: 10;
}
.availability-help__popup:before {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 0;
    right: 0;
    height: 20px;
}
.availability-tooltip {
    position: relative;
    font-size: 14px;
    line-height: 1.28571;
    max-width: 312px;
    padding: 18px 18px 30px 16px;
    margin-top: 6px;
    box-shadow: var(--block-shadow);
    border: 1px solid #ededed;
    background: #fff;
    text-align: left;
    color: var(--color-grey);
    --row-mb: 16px;
    --first-row-mb: 25px;
    --first-row-font-size: 16px;
    --first-row-line-height: 1.4375;
}
.availability-tooltip__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: var(--color-grey-light);
    cursor: pointer;
}
.availability-tooltip__close .svg-icon {
    width: 10px;
    height: 10px;
}
.availability-tooltip__row {
    margin-bottom: var(--row-mb);
}
.availability-tooltip__row:first-child {
    font-size: var(--first-row-font-size);
    line-height: var(--first-row-line-height);
    margin-bottom: var(--first-row-mb);
}
.availability-tooltip__row:last-child {
    margin-bottom: 0;
}
.availability-tooltip p {
    margin-bottom: 10px;
}
.availability-tooltip p:last-child {
    margin-bottom: 0;
}
.availability-help__button:hover ~ .availability-help__popup,
.availability-help__popup:hover {
    display: block;
}
@media (min-width: 800px) {
    .availability-tooltip--view-list,
    .availability-tooltip--view-table,
    .availability-tooltip--wide {
        font-size: 16px;
        line-height: 1.77778;
        width: auto;
        max-width: 608px;
        --row-mb: 10px;
        --first-row-mb: var(--row-mb);
        --first-row-font-size: inherit;
        --first-row-line-height: inherit;
    }
    .availability-tooltip--view-list p,
    .availability-tooltip--view-table p,
    .availability-tooltip--wide p {
        margin-bottom: 0;
    }
}
@media (min-width: 1720px) {
    .availability-help__button {
        font-size: 16px;
        line-height: 1;
    }
    .availability-help__button-icon {
        width: 20px;
        height: 20px;
    }
    .availability-help__button-inner {
        padding: 0 11px 0 12px;
    }
    .availability-help__button-arrow {
        width: 12px;
        height: 16px;
    }
    .availability-tooltip {
        margin-top: 10px;
    }
    .availability-tooltip--view-list,
    .availability-tooltip--view-table,
    .availability-tooltip--wide {
        font-size: 18px;
        --row-mb: 24px;
    }
}
.tooltip-availability {
    z-index: 550;
}
.tooltip-availability--right .availability-tooltip {
    transform: translateX(-16px);
}
.tooltip-availability--configurator,
.tooltip-availability--non-standard {
    padding: 8px 16px;
}
.add2basket-modal {
    width: 800px;
    padding: 50px 20px 20px;
}
.add2basket-modal__configurator {
    position: relative;
    font-size: 16px;
    line-height: 1.375;
    padding: 0 0 0 54px;
    margin-top: 16px;
    color: var(--color-grey);
    --link-color: var(--color-light-green);
}
.add2basket-modal__configurator:before {
    position: absolute;
    content: "";
    top: 0;
    left: 16px;
    width: 23px;
    height: 23px;
    background: url(../images/icons-sprite.svg) -206px -2px no-repeat;
}
.add2basket-modal__buttons {
    margin-top: 56px;
    text-align: center;
    --button-padding: 0 16px;
    --button-height: 48px;
    --button-font-size: 18px;
    --basket-icon-width: 20px;
}
.add2basket-modal__configurator ~ .add2basket-modal__buttons {
    margin-top: 17px;
}
.add2basket-modal__set {
    margin-top: 40px;
}
.add2basket-modal__set-title {
    font-size: var(--h3-size);
    font-weight: 500;
    line-height: var(--h3-lineheight);
    margin-bottom: 28px;
}
.add2basket-modal__set-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.add2basket-modal__set-item {
    padding: 0;
    margin: var(--grid-gap) 0 0 0;
}
.add2basket-modal__set-item:first-child {
    margin-top: 0;
}
@media (min-width: 800px) {
    .add2basket-modal {
        width: 800px;
        padding: 50px 20px 20px;
    }
}
@media (min-width: 1366px) {
    .add2basket-modal {
        width: 1280px;
        padding: 50px 40px 60px;
    }
}
@media (min-width: 1720px) {
    .add2basket-modal {
        width: 1480px;
        padding: 80px 80px 120px;
    }
    .add2basket-modal__buttons {
        margin-top: 56px;
        text-align: center;
        --button-padding: 0 24px;
        --button-height: 64px;
        --button-font-size: 23px;
        --basket-icon-width: 30px;
    }
    .add2basket-modal__set {
        margin-top: 60px;
    }
}
.product-added {
    position: relative;
    font-size: 14px;
    line-height: 1.375;
    display: flex;
    --self-shadow: none;
    --item-imgblock-height: 144px;
    --price-size: 20px;
    --price-old-size: 16px;
    --price-discount-size: 14px;
    --spinner-size: 36px;
    --check-size: 16px;
}
.product-added--shadow {
    --self-shadow: var(--block-shadow);
}
.product-added__check {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    margin-right: 20px;
    background: rgba(0, 0, 0, 0.1);
    align-self: center;
    flex: 0 0 auto;
    z-index: 10;
}
.product-added__outer {
    position: relative;
    min-width: 1px;
    min-height: 144px;
    box-shadow: var(--self-shadow);
    flex: 1 1 auto;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out, filter 0.2s ease-in-out, color 0.2s ease-in-out;
}
.product-added__outer:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #e7e8e9;
    pointer-events: none;
}
.product-added__outer:hover {
    box-shadow: none;
}
.product-added__check.checked ~ .product-added__outer:before {
    border-color: var(--color-orange);
    z-index: 10;
}
.product-added__imgblock {
    position: relative;
    width: var(--item-imgblock-width);
    height: var(--item-imgblock-height);
    align-self: stretch;
    flex: 0 0 auto;
}
.product-added__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    --image-width: 100%;
    --image-height: 100%;
}
.product-added__availability {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    display: flex;
}
.product-added__availability .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.product-added__inner {
    min-width: 1px;
    padding: 12px var(--grid-gap) 12px var(--grid-gap);
    grid-template-columns: 1fr auto;
    flex: 1 1 auto;
}
.product-added__body {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    grid-area: 1/1/4/2;
}
.product-added--set .product-added__body {
    grid-area: 1/1/2/2;
}
.product-added__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.22222;
    margin-bottom: 10px;
    --link-decoration: none;
}
.product-added__article,
.product-added__set {
    color: var(--color-grey);
}
.product-added__set {
    margin-top: auto;
    padding-top: 6px;
}
.product-added__descr {
    color: var(--color-grey);
}
.product-added__subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.22222;
    margin-top: auto;
    padding-top: 21px;
    color: var(--color-grey);
}
.product-added__price {
    grid-area: 1/2/2/3;
}
.product-added__counter,
.product-added__price {
    min-width: calc(168px + var(--grid-gap));
    margin-bottom: 20px;
    align-self: center;
    flex: 0 0 auto;
}
.product-added__counter {
    grid-area: 2/2/3/3;
}
.product-added__props {
    min-width: calc(168px + var(--grid-gap));
    margin-top: 16px;
    flex: 0 0 auto;
    grid-area: 2/1/3/2;
}
.product-added__props .form-group {
    margin-bottom: 0;
}
.product-added__props .form-group__title {
    font-weight: 500;
    color: var(--color-grey);
}
.product-added__foot {
    min-width: calc(168px + var(--grid-gap));
    margin-top: 20px;
    align-items: center;
    align-self: center;
    flex: 0 0 auto;
    grid-area: 3/2/4/3;
}
.product-added--set .product-added__foot {
    grid-area: 1/2/3/3;
}
.product-added__sum {
    flex: 1 1 auto;
}
.product-added__buttons {
    margin-top: var(--grid-gap);
    flex: 0 0 auto;
}
.product-added__buttons .nwb-button {
    width: 120px;
}
.product-added__buttons .nwb-button.checked {
    font-weight: 500;
    border-color: transparent;
    box-shadow: none;
    background: transparent;
    color: var(--color-light-green);
}
.product-added .availability-help {
    margin-top: 20px;
}
@media (min-width: 640px) {
    .product-added__inner {
        display: grid;
    }
    .product-added__body {
        margin-bottom: 0;
    }
    .product-added__foot {
        margin-top: 0;
    }
}
@media (min-width: 800px) {
    .product-added {
        --item-imgblock-width: 144px;
        --item-imgblock-height: auto;
    }
    .product-added__outer {
        display: flex;
    }
    .product-added__price {
        padding: 0 0 0 var(--grid-gap);
    }
    .product-added__counter,
    .product-added__props {
        padding: 0 var(--grid-gap);
    }
    .product-added__foot {
        padding: 0 0 0 var(--grid-gap);
    }
}
@media (min-width: 1366px) {
    .product-added {
        font-size: 16px;
        --price-size: 22px;
        --price-old-size: 18px;
        --price-discount-size: 16px;
        --spinner-size: 40px;
        --check-size: 20px;
    }
    .product-added__check {
        position: static;
        padding: 0;
        background: none;
    }
    .product-added__inner {
        display: flex;
    }
    .product-added__subtitle,
    .product-added__title {
        font-size: 18px;
    }
    .product-added__price {
        width: calc(216px + var(--grid-gap));
        padding: 0 0 0 var(--grid-gap);
        margin-bottom: 0;
    }
    .product-added__counter {
        width: calc(240px + var(--grid-gap) * 2);
        padding: 0 var(--grid-gap);
        margin-bottom: 0;
    }
    .product-added__props {
        width: calc(312px + var(--grid-gap) * 2);
        padding: 0 var(--grid-gap);
        margin-top: 0;
    }
    .product-added__foot {
        width: 288px;
        padding: 0;
        display: flex;
    }
    .product-added__buttons {
        margin-left: var(--grid-gap);
        margin-top: 0;
    }
}
.fixed-filter-button {
    position: sticky;
    top: 84px;
    z-index: 600;
}
.fixed-filter-button .nwb-button-icon {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.fixed-filter-button .nwb-button-icon.is-show {
    visibility: visible;
}
@media (min-width: 800px) {
    .fixed-filter-button {
        display: none;
    }
}
.category-front {
    margin-bottom: 96px;
    --columns: 1;
}
.category-front__title {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.41176;
    margin: 0 0 31px;
}
.category-front__list {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.category-front__item {
    width: calc(100% / var(--columns));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 0 var(--grid-gap) 0;
    display: flex;
    flex: 0 0 auto;
}
@media (min-width: 800px) {
    .category-front {
        margin-bottom: 112px;
        --columns: 2;
    }
}
@media (min-width: 1366px) {
    .category-front {
        --columns: 5;
    }
}
@media (min-width: 1720px) {
    .category-front {
        margin-bottom: 152px;
    }
    .category-front__title {
        font-size: 40px;
        line-height: 1.2;
        margin-bottom: 43px;
    }
}
.category-item {
    position: relative;
    font-size: 14px;
    line-height: 1.28571;
    min-width: 1px;
    background: #fff;
    display: flex;
    flex: 1 1 auto;
    --image-ratio: 56.666666666666664%;
    --title-font-size: 14px;
    --title-line-height: 18px;
    --title-line-clamp: 2;
    --link-decoration: none;
}
@media (min-width: 1366px) {
    .category-item {
        max-height: 313px;
        height: 313px;
    }
}
@media (min-width: 1702px) {
    .category-item {
        max-height: 408px;
        height: 408px;
    }
}
.category-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #e7e8e9;
    pointer-events: none;
}
.category-item__content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 1366px) {
    .category-item__content {
        position: absolute;
    }
}
.category-item:hover {
    z-index: 50;
    overflow: visible;
}
.category-item__outer {
    height: 100%;
    min-height: 100%;
    min-width: 1px;
    display: flex;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.category-item:hover .category-item__outer {
    height: -moz-fit-content;
    height: fit-content;
}
.category-item__imgblock {
    position: relative;
    width: 90px;
    min-height: 72px;
    overflow: hidden;
    flex: 0 0 auto;
}
.category-item__imgblock:before {
    padding-top: var(--image-ratio);
    display: block;
}
.category-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    align-items: stretch;
    transition: transform 0.2s ease-in-out 0s;
    --image-width: 100%;
    --image-height: 100%;
}
.category-item__icon {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border: 1px solid #e7e8e9;
    border-radius: 50%;
    background: #fff 50% / contain no-repeat;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    align-self: center;
    flex: 0 0 auto;
    order: 3;
}
.category-item__body {
    position: relative;
    min-width: 1px;
    min-height: 1px;
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-self: center;
    flex: 1 1 auto;
    overflow: hidden;
}
.category-item:hover .category-item__body {
    height: -moz-fit-content;
    height: fit-content;
    overflow: visible;
}
.category-item__title {
    font-size: var(--title-font-size);
    font-weight: 500;
    line-height: var(--title-line-height);
    max-height: calc(var(--title-line-height) * var(--title-line-clamp));
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 0 0 auto;
    --link-decoration: none;
}
.category-item__dropdown {
    min-height: 1px;
    background: #fff;
    display: none;
    flex-direction: column;
    flex: 1 1 auto;
}
.category-item__menu {
    padding: 0;
    margin: 0;
    list-style: none;
    flex: 0 0 auto;
    color: var(--color-grey);
}
.category-item__menu-item {
    padding: 0;
    margin: 8px 0 0;
}
.category-item__menu-item:first-child {
    margin-top: 0;
}
.category-item:hover .category-item__image {
    transform: scale(1.1);
}
.category-item__detail-link:hover .svg-icon {
    transform: translateX(5px);
}
@media (min-width: 414px) {
    .category-item__imgblock {
        width: 112px;
    }
    .category-item__body {
        padding: 14px 16px;
    }
}
@media (min-width: 1366px) {
    .category-item {
        --title-font-size: 18px;
        --title-line-height: 22px;
    }
    .category-item__outer {
        flex-direction: column;
    }
    .category-item__imgblock {
        width: auto;
        max-height: 192px;
    }
    .category-item__imgblock:before {
        content: "";
    }
    .category-item__icon {
        position: absolute;
        top: 80px;
        right: 0;
        width: 72px;
        height: 72px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    .category-item__body {
        height: 176px;
        min-height: 176px;
        padding: 16px 16px 18px;
        align-self: stretch;
    }
    .category-item__title {
        min-height: 26px;
        margin-bottom: 14px;
    }
    .category-item__dropdown {
        position: relative;
        padding-left: inherit;
        padding-right: inherit;
        margin: 0 -16px -18px;
        border: 1px solid #e7e8e9;
        border-top: none;
        display: flex;
    }
    .category-item__dropdown:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 40px;
        background: #fff;
        background: linear-gradient(0deg, #fff 50%, hsla(0, 0%, 100%, 0));
        z-index: 1;
    }
    .category-item__dropdown:after {
        position: absolute;
        left: 50%;
        bottom: 9px;
        width: 13px;
        height: 8px;
        background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
        transform: translate(-50%, 50%);
        opacity: 0.37;
        z-index: 2;
    }
    .category-item__dropdown.is-overflow:after,
    .category-item__dropdown.is-overflow:before {
        content: "";
    }
    .category-item:hover .category-item__dropdown:before {
        box-shadow: none;
        opacity: 0;
        content: none;
    }
    .category-item:hover .category-item__dropdown:after {
        content: none;
    }
    .category-item__menu {
        margin-bottom: 18px;
    }
}
@media (min-width: 1720px) {
    .category-item {
        font-size: 16px;
        line-height: 1.25;
        --title-font-size: 22px;
        --title-line-height: 27px;
        --image-ratio: 61.53846153846154%;
    }
    .category-item__icon {
        top: 112px;
        width: 96px;
        height: 96px;
        box-shadow: 0 16px 26px rgba(0, 0, 0, 0.1);
    }
    .category-item__body {
        height: 216px;
        min-height: 216px;
        padding: 14px 24px 24px;
    }
    .category-item__title {
        height: calc(var(--title-line-height) * var(--title-line-clamp));
        margin-bottom: 17px;
    }
    .category-item__dropdown {
        margin: 0 -24px -24px;
    }
    .category-item__dropdown:after {
        bottom: 12px;
    }
    .category-item__menu {
        margin-bottom: 24px;
    }
    .category-item__menu-item {
        margin-top: 8px;
    }
}
.clients-front {
    margin-bottom: 24px;
    text-align: center;
    --columns: 2;
}
.clients-front__title {
    font-size: var(--h3-size);
    line-height: var(--h3-lineheight);
    margin-bottom: 24px;
}
.clients-front__subtitle {
    font-size: 18px;
    line-height: 1.22222;
    margin-bottom: 22px;
}
.clients-front__subtitle:not(:first-child) {
    margin-top: 41px;
}
.clients-front__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.clients-front__list:not(.isSlider) {
    justify-content: center;
}
.clients-front__list-outer {
    margin: 0 calc(var(--grid-gap) / -2);
}
.clients-front__list-outer.swiper-container-initialized {
    margin-left: calc(var(--container-padding) * -1);
    margin-right: calc(var(--container-padding) * -1);
}
.clients-front__item {
    width: 240px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clients-front__item-image {
    display: block;
}
@media (min-width: 640px) {
    .clients-front {
        --columns: 3;
    }
    .clients-front__item {
        width: calc(100% / var(--columns));
    }
}
@media (min-width: 800px) {
    .clients-front {
        margin-bottom: 48px;
    }
}
@media (min-width: 801px) {
    .clients-front__list-outer.swiper-container-initialized {
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
}
@media (min-width: 1366px) {
    .clients-front {
        margin-bottom: 64px;
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
    .clients-front__subtitle {
        margin-bottom: 19px;
    }
}
@media (min-width: 1720px) {
    .clients-front {
        margin-bottom: 152px;
    }
    .clients-front__title {
        margin-bottom: 42px;
    }
    .clients-front__subtitle {
        font-size: 22px;
        line-height: 1.22727;
        margin-bottom: 27px;
    }
    .clients-front__subtitle:not(:first-child) {
        margin-top: 76px;
    }
}
@media (max-width: 1365px) {
    .comparison {
        margin-bottom: 115px;
    }
}
.comparison .swiper-container {
    margin-left: unset;
}
.comparison__equipment {
    margin-bottom: var(--margin-mid);
}
.comparison__equipment .equipment-project__product-groups {
    margin-top: 0;
}
.comparison__equipment .swiper-slider__item {
    padding: 0;
}
@media (max-width: 1719px) {
    .comparison__equipment .equipment-project__product-item-ico {
        width: 80px;
        height: 80px;
    }
    .comparison__equipment .equipment-project__product-item-ico img {
        transform: scale(0.8);
    }
    .comparison__equipment .equipment-project__product-item-name {
        font-size: 14px;
        line-height: 18px;
    }
    .comparison__equipment .equipment-project__product-item {
        width: 105px;
    }
}
@media (max-width: 1365px) {
    .comparison__equipment .equipment-project__product-item {
        width: calc(20% - 24px);
    }
}
@media (max-width: 639px) {
    .comparison__equipment {
        margin-bottom: 0;
    }
    .comparison__equipment .equipment-project__product-item {
        width: 112px;
        margin: 0 8px;
    }
    .comparison__equipment .equipment-project__product-groups {
        justify-content: stretch;
        margin-top: 0;
    }
}
@media (max-width: 340px) {
    .comparison__equipment .equipment-project__product-item {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0;
    }
    .comparison__equipment .equipment-project__product-item-ico {
        margin-right: 0;
        min-width: unset;
    }
    .comparison__equipment .equipment-project__product-item-name {
        text-align: center;
    }
}
.comparison__head {
    display: flex;
    background-color: #fff;
}
@media (max-width: 639px) {
    .comparison__head {
        flex-direction: column;
    }
}
.comparison__head .catalog-item,
.comparison__head .catalog-item__imgblock {
    transition: all 0.3s linear;
}
@media (max-width: 640px) {
    .comparison__body {
        overflow: hidden;
        padding: 0 5px;
        margin: 0 -5px;
    }
}
.comparison .comparison__head--fixed {
    position: sticky;
    width: 100%;
    top: 95px;
    left: 0;
    z-index: 100;
    padding: 20px 0;
}
.comparison .comparison__head--fixed .js-sticky__inspect {
    top: -95px;
    transform: translateY(-100%);
}
@media (max-width: 1719px) {
    .comparison .comparison__head--fixed {
        top: 65px;
    }
    .comparison .comparison__head--fixed .js-sticky__inspect {
        top: -65px;
    }
}
.comparison .comparison__head--fixed.is-sticky {
    margin-left: calc(-50vw + 825px);
    padding-left: calc(50vw - 825px);
    width: 100vw;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}
.comparison .comparison__head--fixed.is-sticky + .comparison__body {
    transition: all 0.3s linear;
    position: relative;
    top: 50px;
}
@media (max-width: 639px) {
    .comparison .comparison__head--fixed.is-sticky + .comparison__body {
        top: 20px;
    }
}
.comparison .comparison__head--fixed.is-sticky .comparison__products {
    max-width: 1340px;
    overflow-x: hidden;
}
@media (max-width: 1719px) {
    .comparison .comparison__head--fixed.is-sticky .comparison__products {
        max-width: 1024px;
    }
}
@media (max-width: 1365px) {
    .comparison .comparison__head--fixed.is-sticky .comparison__products {
        max-width: 512px;
    }
}
@media (max-width: 800px) {
    .comparison .comparison__head--fixed.is-sticky .comparison__products {
        max-width: unset;
    }
}
.comparison .comparison__head--fixed.is-sticky .catalog-item {
    display: block;
}
@media (min-width: 1720px) {
    .comparison .comparison__head--fixed.is-sticky .catalog-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
}
.comparison .comparison__head--fixed.is-sticky .catalog-item__imgblock {
    float: left;
    width: 140px;
    height: 145px;
    margin-right: 15px;
}
@media (max-width: 1719px) {
    .comparison .comparison__head--fixed.is-sticky .catalog-item__imgblock {
        width: 75px;
        height: 70px;
    }
}
@media (min-width: 1720px) {
    .comparison .comparison__head--fixed.is-sticky .catalog-item__body {
        width: calc(100% - 155px);
    }
}
.comparison .comparison__head--fixed.is-sticky .catalog-item .price-box__item--old,
.comparison .comparison__head--fixed.is-sticky .catalog-item__availability,
.comparison .comparison__head--fixed.is-sticky .catalog-item__code,
.comparison .comparison__head--fixed.is-sticky .catalog-item__configurator,
.comparison .comparison__head--fixed.is-sticky .catalog-item__new {
    display: none;
}
@media (min-width: 1720px) {
    .comparison .comparison__head--fixed.is-sticky .catalog-item__title {
        word-break: break-all;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__body {
        height: calc(100% - 80px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 0;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__foot {
        padding-top: 16px;
    }
}
@media (max-width: 1719px) {
    .comparison .comparison__head--fixed.is-sticky .catalog-item__title {
        margin-bottom: 0;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__buttons > button {
        display: none;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__buttons .nwb-button {
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        font-size: 0;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__buttons .nwb-button__icon {
        margin-right: 0;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__foot {
        padding: 0;
        width: auto;
        position: absolute;
        top: 35px;
        right: 10px;
        transform: translateY(-50%);
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__foot .catalog-item__buttons {
        grid-template-columns: auto;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__body {
        display: flex;
        position: static;
        width: 100%;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__price {
        margin: 0;
        position: absolute;
        top: 35px;
        left: 85px;
        transform: translateY(-50%);
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__price .price-box {
        font-size: 22px;
    }
}
@media (max-width: 1023px) {
    .comparison .comparison__head--fixed.is-sticky .catalog-item__title {
        display: none;
    }
    .comparison .comparison__head--fixed.is-sticky .catalog-item__body {
        padding: 0;
    }
}
.comparison .comparison__head--fixed.is-sticky .filter-comparison__body,
.comparison .comparison__head--fixed.is-sticky .filter-comparison__head {
    border: none;
}
.comparison .comparison__head--fixed.is-sticky .filter-comparison__head {
    padding: 0 8px 0 16px;
    height: 20px;
}
@media (max-width: 1023px) {
    .comparison .comparison__head--fixed.is-sticky .filter-comparison__head {
        display: none;
    }
}
.comparison .comparison__head--fixed.is-sticky .filter-comparison__body {
    margin-bottom: 0;
}
@media (max-width: 1719px) {
    .comparison .comparison__head--fixed.is-sticky .filter-comparison .nwb-button {
        display: none;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison .filter-comparison__item-check {
        align-items: center;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison .filter-comparison__item-title {
        font-size: 13px;
        top: 2px;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison .nwb-check-box__icon {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 1023px) {
    .comparison .comparison__head--fixed.is-sticky .filter-comparison__params {
        padding: 5px 8px 0 16px;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison__item {
        margin-bottom: 5px;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison__item:last-child {
        margin-bottom: 0;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison__item-title {
        font-size: 13px;
    }
    .comparison .comparison__head--fixed.is-sticky .filter-comparison__item-title span {
        display: none;
    }
}
@media (max-width: 639px) {
    .comparison .comparison__head--fixed.is-sticky .filter-comparison {
        display: none;
    }
}
@media (max-width: 1719px) {
    .comparison .comparison__head--fixed.is-sticky {
        padding-bottom: 17px;
        margin-left: calc(-50vw + 619px);
        padding-left: calc(50vw - 619px);
    }
}
@media (max-width: 1365px) {
    .comparison .comparison__head--fixed.is-sticky {
        margin-left: calc(-50vw + 380px);
        padding-left: calc(50vw - 380px);
    }
}
@media (max-width: 800px) {
    .comparison .comparison__head--fixed.is-sticky {
        width: auto;
        margin: 0 -25px;
        padding-left: 25px;
    }
}
@media (max-width: 639px) {
    .comparison .comparison__head--fixed.is-sticky {
        padding: 10px 25px;
        margin: 0 -25px;
    }
}
.comparison__filter {
    width: 312px;
    margin-right: 24px;
}
@media (max-width: 1719px) {
    .comparison__filter {
        width: 240px;
        min-width: 240px;
        margin-right: 20px;
    }
}
@media (max-width: 639px) {
    .comparison__filter {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }
}
.comparison__products {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: auto;
    flex: 1 1 75%;
    margin: 0 -12px;
}
@media (max-width: 1719px) {
    .comparison__products {
        max-width: 1024px;
    }
}
.comparison__products-item {
    max-width: 311px !important;
    min-width: 311px !important;
    box-sizing: content-box;
}
@media (max-width: 1719px) {
    .comparison__products-item {
        max-width: 240px !important;
        min-width: 240px !important;
    }
}
.comparison__products-item .catalog-item {
    height: 100%;
    width: 311px;
}
@media (max-width: 1719px) {
    .comparison__products-item .catalog-item {
        width: 240px;
    }
}
.comparison__products-item .catalog-item__title {
    max-height: calc(22px * var(--item-title-height));
    height: auto;
}
@media (max-width: 1719px) {
    .comparison__products-item .catalog-item__title {
        --item-title-height: 3;
        max-height: calc(20px * var(--item-title-height));
    }
}
.comparison__table {
    margin-top: 24px;
}
.filter-comparison {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.filter-comparison .nwb-button {
    font-weight: 500;
}
@media (max-width: 1720px) {
    .filter-comparison .nwb-button {
        width: 100%;
    }
}
.filter-comparison__body {
    border: 1px solid #e7e8e9;
    margin-bottom: 24px;
}
@media (max-width: 639px) {
    .filter-comparison__body {
        width: 100%;
    }
}
.filter-comparison__head {
    border-bottom: 1px solid #e7e8e9;
    height: 48px;
    color: #272727;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
}
.filter-comparison__head,
.filter-comparison__params {
    padding: 16px 8px 16px 16px;
}
.filter-comparison__item {
    margin-bottom: 17px;
}
.filter-comparison__item:last-child {
    margin-bottom: 0;
}
.filter-comparison__item-title {
    color: #5e5e5e;
    font-size: 16px;
    line-height: 20px;
    white-space: normal;
    position: relative;
    top: -4px;
}
@media (max-width: 639px) {
    .filter-comparison {
        display: none;
    }
    .filter-comparison .nwb-button {
        width: 100%;
    }
}
.filter-comparison_mobile {
    display: none;
}
@media (max-width: 639px) {
    .filter-comparison_mobile {
        display: block;
    }
}
.table-comparison {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.table-comparison > .table-comparison__row:first-child .table-comparison__values {
    padding-top: 10px;
}
.table-comparison > .table-comparison__row:first-child .table-comparison__values span {
    position: relative;
    border: 1px solid #e7e8e9;
    border-bottom: none;
    display: inline-block;
    height: 24px;
}
.table-comparison > .table-comparison__row:last-child {
    background-color: #fff !important;
}
.table-comparison > .table-comparison__row:last-child .table-comparison__values {
    padding-bottom: 25px;
}
.table-comparison > .table-comparison__row:last-child .table-comparison__values span {
    position: relative;
}
.table-comparison__category .table-comparison__row:nth-child(2n),
.table-comparison__category:nth-child(2) .table-comparison__row:nth-child(odd) {
    background-color: #f7f7f7;
}
.table-comparison__category:nth-child(2) .table-comparison__row:nth-child(2n) {
    background-color: #fff;
}
.table-comparison__row {
    display: flex;
    position: relative;
}
.table-comparison__row_category {
    background-color: #fff !important;
}
@media (max-width: 639px) {
    .table-comparison__row_category {
        min-height: 130px;
    }
}
.table-comparison__row_category .table-comparison__title {
    font-size: 24px;
    line-height: 29px;
    padding-top: 48px;
    padding-bottom: 24px;
}
.table-comparison__title {
    min-width: 312px;
    max-width: 312px;
    margin-right: 24px;
    color: #272727;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 7px 0 7px 16px;
    display: flex;
    align-items: center;
}
@media (max-width: 1719px) {
    .table-comparison__title {
        min-width: 240px;
        max-width: 240px;
    }
}
@media (max-width: 639px) {
    .table-comparison__title {
        position: absolute;
    }
}
.table-comparison__values {
    max-width: calc(100% - 328px);
    flex: 1 1 75%;
    margin: 0 -12px;
    display: flex;
    overflow: hidden;
}
@media (max-width: 1719px) {
    .table-comparison__values {
        max-width: calc(100% - 248px);
        margin: 0 -16px;
    }
}
@media (max-width: 639px) {
    .table-comparison__values {
        max-width: 100%;
    }
}
.table-comparison__values-wrapper {
    transform: translateX(0);
    display: flex;
    flex-wrap: nowrap;
    flex: 1 0 auto;
    transition-duration: 1s;
    cursor: grab;
    touch-action: pan-y;
}
.table-comparison__values-wrapper.anim {
    transition-duration: 0ms;
}
.table-comparison__values span {
    width: 311px;
    margin: 0 12px;
    color: #5e5e5e;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    padding: 7px 16px 7px 0;
    border-left: 1px solid #e7e8e9;
    border-right: 1px solid #e7e8e9;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.10196078431372549);
}
@media (max-width: 1719px) {
    .table-comparison__values span {
        width: 240px;
        margin: 0 8px;
    }
}
@media (max-width: 639px) {
    .table-comparison__values span {
        text-align: left;
        padding: 40px 16px 7px;
        justify-content: flex-start;
    }
}
.table-comparison__values span a {
    color: #009845;
}
.contacts-page {
    padding-top: --margin-mid;
}
.contacts-page__support-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.contacts-page__support-wrapper > * {
    flex: 1 0 calc(33% - 30px);
    max-width: 400px;
    margin: 0 15px;
}
@media (max-width: 1365px) {
    .contacts-page__support-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .contacts-page__support-wrapper > * {
        flex: 1 0 calc(30% - 30px);
        margin-bottom: 30px;
        max-width: unset;
    }
    .contacts-page__support-wrapper .site-footer__contact {
        margin-bottom: var(--margin-small);
    }
}
@media (max-width: 799px) {
    .contacts-page__support-wrapper > * {
        flex: 0 1 100%;
    }
    .contacts-page__support-wrapper .feedback-front__btns {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 639px) {
    .contacts-page__support-wrapper > * {
        min-width: 300px;
    }
}
.contacts-page__support_bot {
    padding-top: var(--margin-mid);
    padding-bottom: var(--margin-mid);
    border-top: 2px solid #e7e8e9;
}
.contacts-page__support .feedback-front {
    padding: 0;
    border-top: none;
}
.contacts-page__support .feedback-front .nwb-container {
    width: 100%;
    padding: 0;
}
.contacts-page__support .feedback-front__inner {
    width: 100%;
    max-width: unset;
}
.contacts-page__support .feedback-front .nwb-form-input--textarea {
    height: 128px;
    resize: vertical;
}
.contacts-page__support .footer-contact__title {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.contacts-page__support .footer-contact__text {
    color: #5e5e5e;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
}
@media (max-width: 1719px) {
    .contacts-page__support .footer-contact__text {
        font-size: 16px;
    }
}
.contacts-page__support .footer-contact__phone {
    margin-bottom: 24px;
}
.contacts-page__support .footer-contact__callback {
    margin-bottom: 40px;
}
.contacts-page__support .footer-contact__email {
    margin-bottom: 24px;
}
@media (max-width: 1365px) {
    .contacts-page__support .footer-contact__text {
        margin-bottom: 35px;
    }
    .contacts-page__support .footer-contact__callback {
        margin-bottom: 70px;
    }
}
@media (max-width: 799px) {
    .contacts-page__support .footer-contact {
        margin-top: 30px;
    }
}
@media (max-width: 639px) {
    .contacts-page__support .footer-contact__title {
        margin-bottom: 10px;
    }
    .contacts-page__support .footer-contact__callback,
    .contacts-page__support .footer-contact__text {
        margin-bottom: 20px;
    }
}
.contacts-page__tech-support {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contacts-page__tech-support-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.contacts-page__tech-support-text {
    color: #5e5e5e;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: var(--margin-mid);
    text-align: center;
}
@media (max-width: 1719px) {
    .contacts-page__tech-support-text {
        font-size: 16px;
    }
}
.contacts-page__tech-support-btn {
    margin: 0 auto;
}
@media (max-width: 1720px) {
    .contacts-page__tech-support-btn {
        --button-height: 40px;
        font-size: 16px;
    }
}
.contacts-page__tech-support .nwb-button__icon {
    width: 14px;
    height: 14px;
}
.contacts-page__tech-support .nwb-button__icon svg {
    width: 100%;
    height: 100%;
}
.contacts-page__tech-support-notification {
    color: #c4c4c4;
    font-size: 13px;
    line-height: 16px;
    margin-top: var(--margin-mid);
}
@media (max-width: 1365px) {
    .contacts-page__tech-support {
        width: 100%;
        flex: unset;
    }
}
@media (max-width: 1023px) {
    .contacts-page__tech-support {
        margin-top: 40px;
    }
}
@media (max-width: 639px) {
    .contacts-page__tech-support-title {
        margin-bottom: 10px;
    }
    .contacts-page__tech-support-text {
        margin-bottom: 15px;
    }
}
.contacts-page__branch {
    margin-top: var(--margin-big);
}
.branch-block__wrapper {
    margin-top: var(--margin-small);
    display: flex;
    margin-bottom: var(--margin-mid);
    align-items: flex-start;
}
@media (max-width: 1365px) {
    .branch-block__wrapper {
        flex-wrap: wrap;
    }
}
.branch-block__desc {
    width: 670px;
    padding-right: 39px;
}
@media (max-width: 639px) {
    .branch-block__desc {
        padding-right: 0;
    }
}
.branch-block__desc-header {
    display: flex;
    justify-content: flex-start;
}
.branch-block__map {
    width: 65%;
    max-width: 986px;
}
@media (max-width: 1365px) {
    .branch-block__map {
        margin-top: 30px;
        width: 100%;
        max-width: unset;
    }
}
.branch-block__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.branch-block__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 639px) {
    .branch-block__footer {
        flex-direction: column;
    }
}
.branch-block__contacts table {
    font-size: 18px;
    line-height: 22px;
    color: #5e5e5e;
}
@media (max-width: 1719px) {
    .branch-block__contacts table {
        font-size: 16px;
    }
}
.branch-block__contacts table td {
    white-space: nowrap;
    padding-bottom: 28px;
}
.branch-block__contacts table td:first-child {
    padding-right: 20px;
    font-weight: 300;
}
@media (max-width: 639px) {
    .branch-block__contacts {
        margin-right: auto;
    }
}
.branch-block__slider-list {
    max-height: 288px;
}
@media (max-width: 1720px) {
    .branch-block__slider-list {
        max-height: 220px;
    }
}
@media (max-width: 1024px) {
    .branch-block__slider-list {
        max-height: 128px;
    }
}
.branch-block__all-branch {
    margin-top: var(--margin-big);
}
.branch-block__all-branch-map {
    display: flex;
    justify-content: center;
}
.branch-block__all-branch .geography-block--mb {
    margin-bottom: 0 !important;
}
@media (max-width: 1720px) and (min-width: 1366px) {
    .branch-block__all-branch .geography-block__map {
        margin-top: -1em;
        width: 1014px;
    }
}
.branch-block__gallery {
    margin: 0 -12px;
}
.branch-block__slider-item {
    padding: 0 12px;
}
.branch-block__slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 413px) {
    .branch-block__all-branch-title,
    .branch-block__title {
        font-size: 36px;
    }
}
.table-branch {
    font-size: 18px;
    line-height: 22px;
    color: #5e5e5e;
}
@media (max-width: 1719px) {
    .table-branch {
        font-size: 16px;
    }
}
.table-branch td {
    vertical-align: top;
}
.table-branch__title {
    padding-right: 44px;
    font-weight: 300;
}
@media (max-width: 1720px) {
    .table-branch__title {
        padding-right: 30px;
    }
}
.table-branch__info p {
    margin-bottom: 30px;
}
@media (max-width: 1720px) {
    .table-branch__info p {
        margin-bottom: 15px;
    }
}
.table-branch__info .table-branch__map-type-wrapper {
    display: none;
}
.table-branch__map-type-item,
.table-branch__map-type-wrapper {
    display: flex;
    align-items: center;
}
.table-branch__map-type-item {
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #e7e8e9;
    margin: 0 4px;
    cursor: pointer;
}
.table-branch__map-type-item:hover {
    box-shadow: var(--block-shadow);
}
@media (max-width: 639px) {
    .table-branch__info > p {
        margin-bottom: 10px;
    }
    .table-branch__map-type-wrapper {
        display: none;
    }
    .table-branch tr {
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        border-bottom: 1px solid #c4c4c4;
    }
    .table-branch tr:last-child {
        border: none;
    }
    .table-branch__info .table-branch__map-type-wrapper {
        display: flex;
        margin-bottom: 20px;
    }
    .table-branch__map-type-wrapper {
        margin: 0 -4px;
    }
}
.counterparty-block {
    max-width: 984px;
    margin-bottom: 64px;
}
@media (max-width: 1720px) {
    .counterparty-block {
        margin-bottom: 79px;
    }
}
@media (max-width: 1264px) {
    .counterparty-block {
        margin-bottom: 62px;
        max-width: 752px;
    }
}
.counterparty-table {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
@media (max-width: 640px) {
    .counterparty-table {
        font-size: 14px;
        line-height: 18px;
    }
}
.counterparty__requisites-table {
    border-collapse: collapse;
    width: 100%;
    color: #5e5e5e;
}
.counterparty__requisites-table > tbody > tr > th {
    color: #272727;
    font-weight: inherit;
}
.counterparty__requisites-table tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.counterparty__requisites-table tr th {
    padding: 7px 0 7px 16px;
    border: none;
    text-align: left;
    vertical-align: top;
}
.counterparty__requisites-table tr td {
    padding: 7px 16px 7px 0;
    text-align: right;
    width: 330px;
    border: none;
}
.counterparty__documents-table {
    border-collapse: collapse;
    width: 100%;
    color: #272727;
}
.counterparty__documents-table tr th {
    padding: 10px 0;
    border: none;
    text-align: left;
    vertical-align: top;
    font-weight: inherit;
}
.counterparty__documents-table tr th:last-child {
    text-align: right;
}
.counterparty__documents-table tr td {
    padding: 7px 0;
    text-align: left;
    border: none;
}
.counterparty__documents-table tr td:first-child {
    width: 70%;
    text-align: left;
}
@media (max-width: 640px) {
    .counterparty__documents-table tr td:first-child {
        width: 60%;
    }
}
.counterparty__documents-table tr td:last-child {
    text-align: right;
}
.counterparty__documents-link {
    display: flex;
    gap: 19px;
    text-decoration: none;
    align-items: center;
}
@media (max-width: 640px) {
    .counterparty__documents-link {
        gap: 8px;
    }
}
.feedback-front {
    position: relative;
    padding-top: 96px;
    padding-bottom: 96px;
    border-top: 1px solid #e7e8e9;
    --input-height: 40px;
    --input-font-size: 16px;
    --button-font-size: 16px;
    --button-height: 40px;
    background-color: #fff;
}
.feedback-front__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.18182;
    margin: 0 0 20px;
    text-align: center;
}
.feedback-front__inner {
    max-width: 496px;
    margin: 0 auto;
}
.feedback-front__field {
    margin-bottom: -1px;
}
.feedback-front__file {
    margin-top: 8px;
}
.feedback-front__policy {
    font-size: 11px;
    line-height: 1.27273;
    margin-top: 20px;
    text-align: center;
    color: var(--color-grey-light);
}
.feedback-front__buttons {
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
}
.feedback-front__submit {
    min-width: 160px;
}
.feedback-front__success {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.feedback-front__success.popup--active {
    display: flex;
}
.feedback-front__btns {
    font-size: 22px;
}
.feedback-front__btns .nwb-button {
    width: 100%;
    max-width: 392px;
    margin-bottom: 15px;
}
@media (min-width: 1720px) {
    .feedback-front__btns .nwb-button {
        font-size: 22px;
    }
}
.feedback-front__btns .nwb-button--chat .nwb-button__icon {
    color: #009845;
}
@media (min-width: 800px) {
    .feedback-front {
        padding-top: 112px;
        padding-bottom: 112px;
    }
}
@media (min-width: 1366px) {
    .feedback-front {
        padding-top: 72px;
    }
}
@media (min-width: 1720px) {
    .feedback-front {
        padding-top: 80px;
        padding-bottom: 88px;
        --input-font-size: 18px;
        --input-height: 48px;
        --button-font-size: 24px;
        --button-height: 48px;
    }
    .feedback-front__title {
        font-size: 24px;
        line-height: 1.16667;
        margin-bottom: 24px;
    }
    .feedback-front__inner {
        max-width: 480px;
    }
    .feedback-front__file {
        padding-left: 12px;
    }
    .feedback-front__policy {
        margin-top: 24px;
        color: var(--color-grey);
    }
    .feedback-front__buttons {
        margin-top: 25px;
    }
    .feedback-front__submit {
        min-width: 176px;
    }
}
.feedback-success {
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    --button-font-size: 16px;
    --button-height: 40px;
}
.feedback-success__inner {
    max-width: 408px;
}
.feedback-success__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.18182;
    margin: 0 0 20px;
}
.feedback-success__descr {
    color: var(--color-grey);
}
.feedback-success__buttons {
    font-weight: 500;
    margin-top: 30px;
}
.feedback-success__close {
    min-width: 160px;
}
@media (min-width: 1720px) {
    .feedback-success {
        font-size: 18px;
        line-height: 1.22222;
        --button-font-size: 24px;
        --button-height: 48px;
    }
    .feedback-success__title {
        font-size: 24px;
        line-height: 1.16667;
        margin-bottom: 24px;
    }
    .feedback-success__buttons {
        margin-top: 40px;
    }
    .feedback-success__close {
        min-width: 248px;
    }
}
.filter-block {
    font-size: 16px;
    line-height: 1.375;
    display: none;
    z-index: 950;
    --input-font-size: 14px;
    --input-height: 32px;
    --overlay-blur: true;
    --filter-padding-x: 24px;
}
.filter-block.popup--active {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}
.filter-block__head {
    position: relative;
    font-size: 16px;
    line-height: 1.125;
    padding: 12px var(--filter-padding-x, 24px);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-areas: "total submit reset";
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 0 var(--grid-gap);
    align-items: center;
    flex: 0 0 auto;
    z-index: 10;
}
.filter-block__head-total {
    position: relative;
    padding-left: 32px;
    grid-area: total;
    color: var(--color-grey);
}
.filter-block__head-total:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
}
.filter-block__head-buttons {
    grid-area: submit;
    text-align: center;
    --button-font-size: 16px;
    --button-minwidth: 112px;
    --button-height: 40px;
}
.filter-block__head-right {
    margin-right: 32px;
    grid-area: reset;
    display: none;
    text-align: center;
    color: var(--color-grey);
}
.filter-block__head-reset {
    font: inherit;
    padding: 0;
    border: none;
    background: none;
    display: inline;
    text-decoration: underline;
    color: var(--link-color);
    cursor: pointer;
}
.filter-block__head-reset:hover {
    color: var(--link-hover-color);
}
.filter-block__outer {
    min-height: 1px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: none;
}
.filter-block__top {
    padding: 16px 24px;
    border-bottom: 1px solid #e7e8e9;
    flex: 0 0 auto;
    text-align: center;
}
.filter-block__inner {
    flex: 1 1 auto;
}
.filter-block__section {
    margin-top: 32px;
    border: 1px solid #e7e8e9;
    box-shadow: var(--block-shadow);
}
.filter-block__section:first-child {
    margin-top: 0;
}
.filter-block__section-group {
    border-top: 1px solid #e7e8e9;
}
.filter-block__section-group:first-child {
    border-top: none;
}
.filter-block__bottom {
    padding: 24px;
    flex: 0 0 auto;
    text-align: center;
}
.filter-block__reset {
    font: inherit;
    padding: 0;
    border: none;
    background: none;
    display: inline;
    text-decoration: underline;
    color: var(--link-color);
    cursor: pointer;
}
.filter-block__reset:hover {
    color: var(--link-hover-color);
}
.filter-block.fancybox-content {
    width: 752px;
    max-width: 100vw;
    height: 100%;
    padding: 0;
    display: flex !important;
    flex-direction: column;
    flex: 0 0 auto;
    overflow: hidden;
}
.filter-block .fancybox-close-small {
    right: 14px;
}
.filter-block .additional-series-section {
    display: none;
    align-items: center;
    flex-direction: column;
    padding: 14px 12px;
    box-shadow: none;
    text-align: center;
}
.filter-block .additional-series-section__to-configurator-button {
    background-color: var(--color-orange);
}
.filter-block .additional-series-section__to-configurator-button svg {
    margin-right: 10px;
    width: 24px;
    height: 25px;
}
@media (max-width: 1719px) {
    .filter-block .additional-series-section__to-configurator-button svg {
        margin-right: 7px;
    }
}
@media (max-width: 1719px) {
    .filter-block .additional-series-section__to-configurator-button {
        font-size: 14px;
        line-height: 20px;
    }
}
.filter-block .additional-series-section__non-standard-modal-button svg {
    color: var(--color-orange);
    margin-right: 10px;
    padding: 0;
    width: 22px;
    height: 25px;
    stroke-opacity: 0;
}
@media (max-width: 1719px) {
    .filter-block .additional-series-section__non-standard-modal-button svg {
        margin-right: 7px;
    }
}
@media (max-width: 1719px) {
    .filter-block .additional-series-section__non-standard-modal-button {
        font-size: 14px;
        line-height: 20px;
    }
}
.filter-block .additional-series-section .nwb-button {
    margin-top: 8px;
}
@media (min-width: 640px) {
    .filter-block {
        font-size: 18px;
        line-height: 1.22222;
        --filter-padding-x: 16px;
    }
    .filter-block__head-right {
        display: block;
    }
    .filter-block__outer {
        padding-bottom: 30px;
    }
    .fancybox-container .filter-block__bottom,
    .filter-block__bottom,
    .filter-block__top {
        display: none;
    }
    .filter-block .fancybox-close-small {
        right: 6px;
    }
}
@media (min-width: 1366px) {
    .filter-block {
        position: relative;
        font-size: 14px;
        line-height: 1.42857;
        left: auto;
        top: auto;
        bottom: auto;
        display: block;
        transform: none;
        opacity: 1;
        z-index: 100;
        --input-font-size: 14px;
        --check-size: 18px;
        --overlay-blur: false;
        --filter-padding-x: 10px;
    }
    .filter-block__outer {
        padding-bottom: 0;
        overflow: visible;
    }
    .filter-block__head {
        display: none;
    }
    .fancybox-container .filter-block__head {
        display: grid;
    }
    .filter-block__bottom {
        padding: 24px 0 0;
        text-align: left;
        display: block;
    }
    .filter-block__section {
        margin-top: 24px;
    }
}
@media (min-width: 1720px) {
    .filter-block {
        font-size: 16px;
        line-height: 1.375;
        --input-font-size: 16px;
        --check-size: 20px;
        --filter-padding-x: 16px;
    }
}
.filter-category {
    font-size: 16px;
    line-height: 1.22222;
    font-weight: 500;
    background: #fff;
    --icon-translateY: calc(-50% + 1px);
    --icon-offset-hover-y: 7px;
    --icon-scaleY: 1;
}
.filter-category__head {
    position: relative;
    display: flex;
}
.filter-category__head:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
    border-top: 1px solid #e7e8e9;
}
.filter-category__head-check {
    font-weight: 500;
    padding: 14px var(--filter-padding-x, 16px) 14px var(--filter-padding-x, 16px);
    align-items: center;
    flex: 1 1 auto;
}
.filter-category__head-check:not(:last-child) {
    padding-right: 0;
    flex: 0 0 auto;
}
.filter-category__head-title {
    position: relative;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    min-height: 48px;
    padding: 14px var(--filter-padding-x, 16px) 14px var(--filter-padding-x, 16px);
    border: none;
    border-radius: 0;
    background: none;
    text-align: inherit;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    color: inherit;
    cursor: pointer;
}
.filter-category__head-title:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 24px;
    width: 13px;
    height: 8px;
    background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    transform: translateY(var(--icon-translateY)) scaleY(var(--icon-scaleY));
    transition: transform 0.2s ease-in-out 0s;
    opacity: 0.37;
}
.filter-category__head-title.wc-collapse__button {
    padding-right: 35px;
}
.filter-category__head-title.wc-collapse__button:before {
    content: "";
}
.filter-category__head-check + .filter-category__head-title {
    padding-left: 12px;
}
.filter-category.is-open {
    --icon-offset-hover-y: 1px;
    --icon-scaleY: -1;
}
.filter-category__body-inner {
    padding: 24px 0 32px;
}
.filter-category__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.filter-category__item {
    padding: 0;
    margin: 16px 0 0;
    display: flex;
}
.filter-category__item:first-child {
    margin-top: 0;
}
.filter-category__item-check {
    line-height: 1.25;
    padding: 0 var(--filter-padding-x, 16px) 0 calc(var(--filter-padding-x, 16px));
    margin-left: 32px;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.filter-category__item-check:not(:last-child) {
    padding-right: 12px;
    flex: 0 0 auto;
}
.filter-category__item-title {
    line-height: 1.25;
    padding: 0 var(--filter-padding-x, 16px) 0 calc(var(--filter-padding-x, 16px));
    flex: 1 1 auto;
}
.filter-category__item-title a {
    font-weight: 400;
}
.filter-category__item-check ~ .filter-category__item-title {
    padding-left: 0;
}
.filter-category__head:hover {
    --icon-translateY: calc(-50% + var(--icon-offset-hover-y));
}
@media (min-width: 640px) {
    .filter-category {
        --check-size: 24px;
    }
    .filter-category__head {
        font-size: 18px;
        line-height: 1.5;
    }
    .filter-category__head-title {
        min-height: 56px;
    }
    .filter-category__head-title:before {
        right: 16px;
    }
    .filter-category__head-check + .filter-category__head-title {
        padding-left: 16px;
    }
    .filter-category__body-inner {
        padding-top: 16px;
    }
    .filter-category__item {
        margin-top: 24px;
    }
    .filter-category__item-check {
        margin-left: 40px;
    }
    .filter-category__item-check:not(:last-child) {
        padding-right: 16px;
    }
}
@media (min-width: 1366px) {
    .filter-category {
        --check-size: 18px;
    }
    .filter-category__head {
        font-size: 14px;
        line-height: 1.25;
    }
    .filter-category__head-title {
        min-height: 48px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .filter-category__head-title:before {
        right: 10px;
    }
    .filter-category__head-title.wc-collapse__button {
        padding-right: 25px;
    }
    .filter-category__head-check + .filter-category__head-title {
        padding-left: 8px;
    }
    .filter-category__body-inner {
        padding-bottom: 16px;
    }
    .filter-category__item {
        font-size: 14px;
        margin-top: 12px;
    }
    .filter-category__item-check {
        margin-left: 0;
    }
    .filter-category__item-check:not(:last-child) {
        padding-right: 8px;
    }
}
@media (min-width: 1720px) {
    .filter-category {
        --check-size: 20px;
    }
    .filter-category__head {
        font-size: 16px;
    }
    .filter-category__head-title:before {
        right: 16px;
    }
    .filter-category__head-title.wc-collapse__button {
        padding-right: 35px;
    }
    .filter-category__head-check + .filter-category__head-title {
        padding-left: 12px;
    }
    .filter-category__item {
        font-size: inherit;
    }
    .filter-category__item-check:not(:last-child) {
        padding-right: 12px;
    }
}
.level-up {
    cursor: pointer;
    padding-left: 20px;
    padding-right: var(--filter-padding-x, 16px);
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #5e5e5e;
    font-weight: 500;
    margin-bottom: 20px;
}
.level-up:hover {
    color: var(--color-orange);
}
.level-up__ico {
    color: inherit;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}
.level-up__ico svg {
    stroke: transparent;
    max-height: 100%;
    max-width: 100%;
}
.level-up__text {
    font-size: 16px;
    line-height: 22px;
    padding-top: 5px;
}
@media (max-width: 1720px) {
    .level-up {
        padding-left: 10px;
    }
    .level-up__text {
        font-size: 14px;
        line-height: 20px;
    }
    .level-up__ico svg {
        width: 11px;
        height: 17px;
    }
}
@media (max-width: 1365px) {
    .level-up {
        padding-left: 58px;
    }
    .level-up__text {
        font-size: 16px;
        line-height: 22px;
    }
    .level-up__ico {
        width: 24px;
        height: 24px;
    }
    .level-up__ico svg {
        width: 11px;
        height: 17px;
    }
}
.filter-group {
    background: #fff;
    --icon-translateY: calc(-50% + 1px);
    --icon-offset-hover-y: 7px;
    --icon-scale: 1;
}
.filter-group__head {
    position: relative;
    display: flex;
    z-index: 1;
}
.filter-group__head:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
    border-top: 1px solid #e7e8e9;
}
.is-open > .filter-group__head {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
.filter-group__head-check {
    font-weight: 500;
    padding: 14px var(--filter-padding-x, 16px) 14px var(--filter-padding-x, 16px);
    align-items: center;
    flex: 1 1 auto;
}
.filter-group__head-check:not(:last-child) {
    padding-right: 0;
    flex: 0 0 auto;
}
.filter-group__head-title {
    position: relative;
    font: inherit;
    font-size: 18px;
    line-height: 1.22222;
    font-weight: 500;
    min-height: 64px;
    padding: 14px var(--filter-padding-x, 16px) 14px var(--filter-padding-x, 16px);
    border: none;
    border-radius: 0;
    background: none;
    text-align: inherit;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    color: inherit;
}
.filter-group__head-title:before {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 13px;
    height: 8px;
    background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    transform: translateY(var(--icon-translateY)) scale(var(--icon-scale));
    transition: transform 0.2s ease-in-out 0s;
    opacity: 0.37;
}
.filter-group__head-title.wc-collapse__button {
    padding-right: 35px;
    cursor: pointer;
}
.filter-group__head-title.wc-collapse__button:before {
    content: "";
}
.filter-group__head-check + .filter-group__head-title {
    padding-left: 13px;
}
.filter-group.is-open {
    --icon-offset-hover-y: 1px;
    --icon-scale: -1;
}
.is-open:not(.is-animate) > .filter-group__body {
    overflow: visible;
}
.filter-group__body-inner {
    position: relative;
    padding: 16px var(--filter-padding-x, 16px) 32px var(--filter-padding-x, 16px);
}
.filter-group__range {
    --input-width: 128px;
}
.filter-group__graph {
    width: 100%;
    height: 360px;
    display: flex;
    --close-max-height: none;
}
.filter-group__graph-body {
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex: 1 1 auto;
}
.filter-group__graph-inner {
    width: 100%;
    min-width: 100%;
    height: 360px;
    flex: 0 0 auto;
}
.filter-group__graph-button {
    position: relative;
    width: 40px;
    margin: 40px 0;
    padding: 0;
    border: none;
    background: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    cursor: pointer;
    color: var(--color-orange);
}
.filter-group__graph-button:after,
.filter-group__graph-button:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    padding-top: 100%;
    background: inherit;
}
.filter-group__graph-button:before {
    bottom: 100%;
    transform: skewY(45deg);
    transform-origin: 0 0;
}
.filter-group__graph-button:after {
    top: 100%;
    transform: skewY(-45deg);
    transform-origin: 0 100%;
}
.filter-group__graph-button .svg-icon {
    transform: scale(-0.65);
}
.is-open > .filter-group__graph-button .svg-icon {
    transform: scale(0.65);
}
.filter-group .form-group:last-child {
    margin-bottom: 0;
}
.filter-group .help-tooltip {
    margin-left: 11px;
}
.filter-group .form-group__title {
    word-break: break-word;
}
.filter-group__head-title:hover {
    --icon-translateY: calc(-50% + var(--icon-offset-hover-y));
}
@media (min-width: 640px) {
    .filter-group {
        --help-tooltip-font-size: 17px;
        --help-tooltip-size: 24px;
    }
    .filter-group__head-title {
        font-size: 22px;
        line-height: 1.22727;
    }
    .filter-group__head-title:before {
        right: 16px;
    }
    .filter-group__body-inner {
        padding-top: 32px;
        padding-bottom: 40px;
    }
    .filter-group__range {
        --input-font-size: 18px;
        --input-height: 40px;
        --input-width: 224px;
        --range-handle-size: 32px;
    }
}
@media (min-width: 1366px) {
    .filter-group {
        --help-tooltip-font-size: 14px;
        --help-tooltip-size: 20px;
    }
    .filter-group--category {
        --close-max-height: none;
    }
    .filter-group__head,
    .is-open > .filter-group__head {
        box-shadow: none;
    }
    .filter-group__head-title {
        font-size: 16px;
        line-height: 1.25;
        min-height: 40px;
    }
    .filter-group__head-title:before {
        right: 10px;
    }
    .filter-group__body-inner {
        padding-top: 17px;
        padding-bottom: 16px;
    }
    .filter-group--category .filter-group__head {
        display: none;
    }
    .fancybox-container .filter-group--category .filter-group__head {
        display: flex;
    }
    .filter-group__range {
        --input-font-size: 14px;
        --input-height: 32px;
        --input-width: 96px;
        --range-handle-size: 20px;
    }
    .fancybox-container .filter-group__range {
        --input-font-size: 18px;
        --input-height: 40px;
        --input-width: 224px;
        --range-handle-size: 32px;
    }
    .filter-group__graph {
        position: absolute;
        top: 8px;
        left: 100%;
        height: calc(100% - 24px);
        filter: drop-shadow(var(--block-shadow));
        display: flex;
        z-index: -1;
        --close-max-height: none;
    }
    .filter-group__graph-body {
        position: relative;
        width: 0;
        min-width: 0;
        min-height: 100%;
        background: #fff;
        display: flex;
        flex: 0 0 auto;
        overflow: hidden;
        transition: width 0.2s ease-in-out 0s;
    }
    .is-open > .filter-group__graph-body {
        width: 1000px;
    }
    .filter-group__graph-inner {
        width: 1000px;
        min-width: 100%;
        padding: 20px 40px;
        flex: 0 0 auto;
    }
    .filter-group__graph-button {
        display: flex;
    }
}
@media (min-width: 1720px) {
    .filter-group__head-title {
        font-size: 18px;
        line-height: 1.11111;
        min-height: 48px;
    }
    .filter-group__head-title:before {
        right: 16px;
    }
    .filter-group__body-inner {
        padding-top: 16px;
        padding-bottom: 32px;
    }
    .filter-group__range {
        --input-width: 128px;
        --input-font-size: 16px;
        --range-handle-size: 24px;
    }
}
.filter-search {
    margin-bottom: 32px;
}
.filter-search__tags {
    margin: 8px -4px 0;
    display: flex;
    flex-wrap: wrap;
}
.filter-search__tags-item {
    margin: 8px 4px 1px;
}
.project_filter .filter-search {
    margin-bottom: 0;
}
.filter-search-tag {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 32px;
    min-width: 1px;
    padding: 0 24px 0 16px;
    border-radius: 16px;
    background: var(--color-orange);
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    color: #fff;
}
.filter-search-tag.disabled,
.filter-search-tag.disabled:hover {
    background-color: #fff;
    color: #5e5e5e;
    box-shadow: 0 0 0 1px #c4c4c4;
}
.filter-search-tag__inner {
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-search-tag__remove {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    padding: 0 0 0 3px;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: left;
    opacity: 0.5;
    color: inherit;
    cursor: pointer;
}
.filter-search-tag__remove:hover {
    opacity: 1;
}
.filter-search-tag__remove .svg-icon {
    width: 10px;
    height: 10px;
}
.filter-search-tag:hover {
    box-shadow: 0 0 0 1px var(--color-orange);
}
@media (min-width: 1366px) {
    .filter-search-tag {
        font-size: 14px;
        line-height: 24px;
        padding: 0 20px 0 12px;
    }
    .filter-search-tag__remove {
        width: 24px;
        padding: 0 0 0 8px;
    }
    .filter-search-tag .svg-icon {
        width: 8px;
        height: 8px;
    }
}
@media (min-width: 1720px) {
    .filter-search-tag {
        font-size: 16px;
        line-height: 32px;
        padding: 0 24px 0 16px;
    }
    .filter-search-tag__remove {
        width: 24px;
        padding: 0 0 0 3px;
    }
    .filter-search-tag__remove .svg-icon {
        width: 10px;
        height: 10px;
    }
}
.filter-location {
    --input-font-size: 14px;
    --input-height: 32px;
}
.filter-location__field {
    margin-bottom: 16px;
    position: relative;
}
.filter-location__hints {
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
    overflow: hidden;
    z-index: 10;
    background-color: #fff;
    box-shadow: var(--block-shadow);
    border: 1px solid #e7e8e9;
}
.filter-location__hints-list {
    margin: 0;
    padding: 10px;
    list-style: none;
}
.filter-location__hints-list li {
    cursor: pointer;
}
.filter-location__hints-list li:hover {
    color: var(--color-orange);
}
.filter-location__select {
    margin-top: 16px;
}
.filter-location__select:first-child {
    margin-top: 0;
}
.filter-location__select .ss-single-selected .placeholder {
    font-weight: 500;
}
.filter-location__select .ss-single-selected .placeholder .ss-disabled {
    font-weight: 400;
    color: inherit;
}
.filter-location__select .ss-list {
    padding-top: 16px;
    padding-bottom: 19px;
}
.filter-location__select .ss-content {
    max-height: 500%;
    overflow-y: auto;
}
.filter-location__select .ss-content .ss-option {
    line-height: 1.8125;
    border-top: none;
}
.filter-location__select .ss-content .ss-option:not(.ss-disabled).ss-option-selected {
    background: none;
    color: var(--color-orange);
}
.filter-location__select .ss-content .ss-option.default {
    display: none;
}
@media (min-width: 1760px) {
    .filter-location {
        --input-font-size: 16px;
        --input-height: 48px;
    }
}
.filter-tags {
    margin: -8px -4px 0;
    display: flex;
    flex-wrap: wrap;
}
.filter-tags__item {
    margin: 8px 4px 0;
}
.filter-tag {
    font-size: 16px;
    line-height: 30px;
    max-width: 100%;
    min-width: 48px;
    height: 32px;
    padding: 0 var(--tag-padding, 11px);
    background: #fff;
    border: 1px solid var(--color-grey-light);
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease-in-out 0s, botrdor-color 0.2s ease-in-out 0s, background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    text-align: center;
    color: var(--color-grey);
}
.filter-tag.disabled,
.filter-tag.disabled:hover,
.filter-tag.is-disabled,
.filter-tag.is-disabled:hover {
    background-color: #fff;
    cursor: default;
    color: #c4c4c4;
    border-color: #e7e8e9;
}
.filter-tag__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-tag:hover {
    color: var(--color-orange);
}
.filter-tag.checked {
    border-color: var(--color-orange);
    background: var(--color-orange);
    color: #fff;
}
.filter-tag.checked:hover {
    box-shadow: 0 0 0 1px var(--color-orange);
}
@media (min-width: 1366px) {
    .filter-tag {
        font-size: 14px;
        line-height: 22px;
        min-width: 44px;
        height: 24px;
        padding: 0 var(--tag-padding, 9px);
    }
}
@media (min-width: 1720px) {
    .filter-tag {
        font-size: 16px;
        line-height: 30px;
        min-width: 48px;
        height: 32px;
        padding: 0 var(--tag-padding, 11px);
    }
}
.filter-date {
    margin-top: 40px;
    --input-font-size: 14px;
    --input-height: 32px;
}
.filter-date:first-child {
    margin-top: 0;
}
.filter-date__body {
    position: relative;
}
.filter-date__input {
    margin-top: 16px;
}
.filter-date__input:first-child {
    margin-top: 0;
}
.filter-date__input::-moz-placeholder {
    color: var(--color-grey-light);
}
.filter-date__input::placeholder {
    color: var(--color-grey-light);
}
@media (min-width: 1720px) {
    .filter-date {
        --input-font-size: 16px;
        --input-height: 48px;
    }
}
.filter-help-tooltip {
    font-size: 14px;
    line-height: 1.28571;
    width: 312px;
    padding: 20px 20px 18px;
    border: 1px solid var(--color-red);
    box-shadow: var(--block-shadow);
    background: #fff;
    text-align: center;
    color: var(--color-grey);
}
.filter-help-tooltip__title {
    margin-bottom: 5px;
    color: var(--color-grey);
}
.filter-help-tooltip__body {
    color: var(--color-base);
}
.filter-check__body:after {
    content: "";
    margin-top: 12px;
    display: block;
}
.filter-check__head {
    font-size: 16px;
    line-height: 1.25;
    padding-top: 8px;
    color: var(--color-grey);
}
.site-footer {
    padding: 42px 0 82px;
    border-top: 1px solid #e7e8e9;
    flex: 0 0 auto;
    background-color: var(--color-white);
}
.site-footer__menu {
    padding: 0 11px;
    margin-bottom: 48px;
    display: flex;
    gap: var(--grid-gap);
    grid-area: 1/1/2/7;
}
.site-footer__menu-col {
    flex: 1 1 auto;
}
.site-footer__menu-col--catalog {
    display: none;
}
.site-footer__subscription {
    max-width: 390px;
    margin: 0 auto 50px;
    grid-area: 2/1/3/5;
}
.site-footer__contact {
    margin-bottom: 24px;
    grid-area: 2/1/2/7;
}
.site-footer__social {
    margin-bottom: 48px;
    grid-area: 3/5/3/7;
}
.site-footer__info {
    grid-area: 3/1/4/5;
}
@media (min-width: 800px) {
    .site-footer {
        padding: 40px 0 34px;
    }
    .site-footer__outer {
        display: grid;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-gap: 0 var(--grid-gap);
    }
    .site-footer__menu {
        padding: 0;
        margin-bottom: 64px;
    }
    .site-footer__menu-col--catalog {
        display: block;
    }
    .site-footer__subscription {
        max-width: 496px;
        margin: 0;
    }
    .site-footer__contact {
        margin-bottom: 0;
    }
    .site-footer__social {
        margin-top: 24px;
        margin-bottom: 0;
    }
    .site-footer__info {
        margin-top: 24px;
    }
}
@media (min-width: 1366px) {
    .site-footer {
        padding-bottom: 48px;
    }
    .site-footer__outer {
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        grid-template-rows: auto 1fr auto;
        grid-gap: 0 var(--grid-gap);
    }
    .site-footer__menu {
        grid-area: 1/1/3/7;
    }
    .site-footer__subscription {
        margin-bottom: 42px;
        grid-area: 1/7/2/11;
    }
    .site-footer__contact {
        grid-area: 1/7/2/11;
    }
    .site-footer__social {
        grid-area: 2/7/3/11;
    }
    .site-footer__info {
        margin-top: 0;
        grid-area: 3/1/4/7;
    }
}
@media (min-width: 1720px) {
    .site-footer {
        padding-top: 32px;
    }
    .site-footer__menu {
        grid-area: 1/1/3/8;
    }
    .site-footer__subscription {
        max-width: 480px;
        grid-area: 1/8/2/11;
    }
    .site-footer__contact {
        grid-area: 1/8/2/11;
    }
    .site-footer__social {
        grid-area: 2/8/3/11;
    }
    .site-footer__info {
        grid-area: 3/1/4/8;
    }
}
.footer-menu {
    font-size: 14px;
    line-height: 1.28571;
}
.footer-menu__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22222;
    margin-bottom: 12px;
}
.footer-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    color: var(--color-grey);
    --link-decoration: none;
}
.footer-menu__item {
    padding: 0;
    margin: 7px 0 0;
}
.footer-menu__item:first-child {
    margin-top: 0;
}
@media (min-width: 800px) {
    .footer-menu__item {
        margin-top: 6px;
    }
}
@media (min-width: 1720px) {
    .footer-menu {
        font-size: 18px;
        line-height: 1.33333;
    }
    .footer-menu__title {
        font-size: 22px;
        line-height: 1.22727;
        margin-bottom: 25px;
    }
    .footer-menu__item {
        margin-top: 7px;
    }
}
.footer-contact {
    text-align: center;
}
.footer-contact__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.22727;
    margin-bottom: 31px;
}
.footer-contact__phone {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11111;
    margin-bottom: 8px;
    color: var(--color-orange);
    --link-decoration: none;
}
.footer-contact__callback {
    font-weight: 700;
    margin-bottom: 32px;
    text-transform: uppercase;
    --button-height: 28px;
    --button-color: var(--color-light-green);
}
.footer-contact__email {
    font-size: 18px;
    line-height: 1.11111;
    margin-bottom: 12px;
    color: var(--color-grey);
    --link-decoration: none;
}
.footer-contact__chat {
    font-weight: 700;
    --button-font-size: 16px;
    --button-height: 40px;
    --button-icon-color: var(--color-light-green);
}
@media (min-width: 1720px) {
    .footer-contact__title {
        font-size: 24px;
        line-height: 1.20833;
        margin-bottom: 21px;
    }
    .footer-contact__phone {
        font-size: 22px;
        line-height: 1.22727;
        margin-bottom: 7px;
    }
    .footer-contact__callback {
        margin-bottom: 24px;
        --button-height: 32px;
    }
    .footer-contact__email {
        font-size: 22px;
        line-height: 1.22727;
        margin-bottom: 23px;
    }
    .footer-contact__chat {
        --button-font-size: 18px;
        --button-height: 48px;
    }
}
.footer-info {
    font-size: 12px;
    line-height: 1.33333;
    max-width: 496px;
    color: var(--color-grey);
}
.footer-policy {
    margin-bottom: 16px;
}
@media (min-width: 1024px) {
    .footer-policy {
        margin-bottom: 20px;
    }
}
@media (min-width: 1366px) {
    .footer-policy {
        margin-bottom: 24px;
    }
}
.footer-dclouds {
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
}
@media (min-width: 1024px) {
    .footer-dclouds {
        margin-top: 20px;
    }
}
@media (min-width: 1366px) {
    .footer-dclouds {
        margin-top: 24px;
    }
}
.footer-dclouds__logo {
    margin-left: 6px;
    display: inline-flex;
}
.footer-social {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.footer-social__item {
    display: flex;
}
.footer-social__button {
    --button-height: 40px;
    --button-color: #b5b5b5;
}
.footer-social .svg-icon--vk {
    width: 27px;
    height: 16px;
}
.footer-social .svg-icon--youtube {
    width: 22px;
    height: 16px;
}
@media (min-width: 1720px) {
    .footer-social__button {
        --button-height: 48px;
    }
    .footer-social .svg-icon--vk {
        width: 33px;
        height: 20px;
    }
    .footer-social .svg-icon--youtube {
        width: 27px;
        height: 19px;
    }
}
.geography-block--mb {
    margin-bottom: 64px;
}
.geography-block__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin-bottom: 31px;
}
.geography-block__body {
    position: relative;
    min-height: 120px;
}
.geography-block__map {
    position: relative;
}
.geography-block__map-image {
    width: 100%;
    height: auto;
    display: block;
}
.geography-block__logo {
    position: absolute;
    top: 50.43103448275862%;
    left: 53.63636363636364%;
    width: 24.09090909090909%;
}
.geography-block__logo:before {
    content: "";
    padding-top: 19.230769230769234%;
    display: block;
}
.geography-block__logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.geography-block__marker {
    position: absolute;
}
.geography-block__buttons {
    left: 0;
    bottom: 0;
    --button-font-size: 16px;
    --button-height: 40px;
}
.geography-block__buttons .svg-icon--arrow-right {
    width: 14px;
    height: 8px;
    stroke-width: 3px;
}
@media (min-width: 800px) {
    .geography-block--mb {
        margin-bottom: 96px;
    }
    .geography-block__title {
        margin-bottom: 23px;
    }
    .geography-block__buttons {
        position: absolute;
    }
}
@media (min-width: 1024px) {
    .geography-block__buttons {
        bottom: 0;
    }
}
@media (min-width: 1366px) {
    .geography-block--mb {
        margin-bottom: 152px;
    }
    .geography-block__title {
        margin-bottom: 36px;
    }
}
@media (min-width: 1720px) {
    .geography-block--mb {
        margin-bottom: 216px;
    }
    .geography-block__buttons {
        --button-font-size: 24px;
        --button-height: 48px;
    }
    .geography-block__buttons .svg-icon--arrow-right {
        width: 30px;
        height: 16px;
        stroke-width: 1px;
    }
}
.geography-item {
    position: relative;
    cursor: default;
    --marker-theme-color: var(--color-light-green);
}
.geography-item--orange {
    --marker-theme-color: var(--color-orange);
}
.geography-item__marker {
    position: relative;
    width: 2vw;
    height: 2vw;
    padding: 0;
    border: 2px solid;
    border-color: var(--marker-theme-color);
    background: #fff;
    display: block;
    overflow: hidden;
    cursor: pointer;
    color: var(--marker-theme-color);
}
.geography-item__marker:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    padding: 4px 16px 4px 0;
    transform: translateY(-50%);
    box-sizing: content-box;
}
.geography-item__marker:after {
    position: absolute;
    content: attr(data-title);
    left: 100%;
    top: 50%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11111;
    padding: 9px 18px;
    margin-left: 16px;
    border: 1px solid;
    border-color: inherit;
    background: #fff;
    transform: translateY(-50%);
    white-space: nowrap;
    display: none;
    color: var(--color-base);
}
.geography-item__marker:hover {
    background: var(--marker-theme-color);
    overflow: visible;
}
.geography-item__marker:hover:after {
    display: block;
}
.geography-item__marker.is-tooltip-active {
    background: var(--marker-theme-color);
}
.geography-item__marker.is-tooltip-active:after,
.geography-item__marker.is-tooltip-active:before {
    content: none;
}
.geography-item__marker--city {
    width: 3vw;
    height: 2.75vw;
    border-width: 0;
    border-color: var(--color-orange);
    background: none;
    color: var(--color-orange);
}
.geography-item__marker--city.is-tooltip-active,
.geography-item__marker--city:hover {
    background: none;
}
.geography-item__marker--city .svg-icon {
    width: 100%;
    height: 100%;
    display: block;
}
.geography-item:hover .geography-item__marker {
    background: var(--marker-theme-color);
    z-index: 100;
}
.geography-item:hover .geography-item__marker--city {
    background: none;
}
@media (min-width: 800px) {
    .geography-item__marker {
        width: 13px;
        height: 13px;
    }
    .geography-item__marker--city {
        width: 24px;
        height: 22px;
    }
}
.geography-item-popup {
    position: relative;
    width: 100vw;
    max-width: 600px;
    padding: 24px 24px 28px;
    border: 1px solid var(--marker-theme-color);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff;
    overflow: hidden;
    z-index: 500;
    --marker-theme-color: var(--color-light-green);
}
.ui-tooltip[data-vertical="top"][data-direction="vertical"] .geography-item-popup {
    top: 40px;
}
.ui-tooltip[data-vertical="bottom"][data-direction="vertical"] .geography-item-popup {
    top: -40px;
}
.ui-tooltip[data-vertical="top"][data-direction="horizontal"] .geography-item-popup {
    top: -73px;
}
.ui-tooltip[data-vertical="bottom"][data-direction="horizontal"] .geography-item-popup {
    top: 73px;
}
.fancybox-container .geography-item-popup__close {
    display: none;
}
.geography-item-popup--orange {
    --marker-theme-color: var(--color-orange);
}
.geography-item-popup__close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: var(--color-grey-light);
    cursor: pointer;
}
.geography-item-popup__foot {
    position: relative;
    margin: 28px -24px -28px;
}
.geography-item-popup__detail-link {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 64px;
    border-right: none;
    border-bottom: none;
    --button-height: 40px;
    --button-shadow: none;
    --button-border-color: #e7e8e9;
}
.geography-item-popup__detail-link .svg-icon {
    width: 28px;
    height: 14px;
    fill: none;
    transition: transform 0.2s ease-in-out 0s;
}
.geography-item-popup__detail-link:hover .svg-icon {
    transform: translateX(16%);
}
@media (min-width: 640px) {
    .geography-item-popup {
        width: auto;
    }
}
@media (min-width: 1720px) {
    .geography-item-popup {
        max-width: 680px;
    }
    .geography-item-popup__detail-link {
        width: 80px;
        --button-height: 48px;
    }
    .geography-item-popup__detail-link .svg-icon {
        width: 32px;
        height: 16px;
    }
}
.geography-tooltip {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11111;
    padding: 9px 18px;
    margin: 16px;
    border: 1px solid;
    border-color: var(--marker-theme-color);
    background: #fff;
    white-space: nowrap;
    display: none;
    color: var(--color-base);
    --marker-theme-color: var(--color-light-green);
    pointer-events: none;
}
.geography-tooltip--orange {
    --marker-theme-color: var(--color-orange);
}
.goods-series__block-head {
    display: flex;
    justify-content: space-between;
}
.goods-series .wc-collapse {
    transition: all 0.25s ease-in-out 0s;
}
.goods-series .wc-collapse.is-close .goods-series__head-btn {
    transform: none;
    top: 10px;
}
@media (max-width: 800px) {
    .goods-series .wc-collapse.is-close .goods-series__head-btn {
        top: 0;
    }
}
@media (max-width: 1365px) {
    .goods-series .wc-collapse.is-close {
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid #ededed;
    }
    .goods-series .wc-collapse.is-close:last-of-type {
        margin-bottom: -40px;
        border: none;
    }
    .goods-series .wc-collapse.is-close .h2,
    .goods-series .wc-collapse.is-close .h3 {
        transition: all 0.25s ease-in-out 0s;
        margin-bottom: 0;
    }
}
@media (max-width: 800px) {
    .goods-series .wc-collapse.is-close {
        margin-left: -20px;
        margin-right: -20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}
.goods-series__head-btn {
    display: none;
    width: 30px;
    height: 25px;
    position: relative;
    cursor: pointer;
    top: 15px;
    transform: rotateX(180deg);
}
.goods-series__head-btn:before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-right: 2px solid #ed6c06;
    border-bottom: 2px solid #ed6c06;
    transform: rotate(45deg) translate(-50%, -50%);
}
@media (max-width: 1365px) {
    .goods-series__head-btn {
        display: block;
        margin-right: 25px;
    }
}
@media (max-width: 800px) {
    .goods-series__head-btn {
        top: 5px;
    }
    .goods-series__head-btn:before {
        width: 15px;
        height: 15px;
        top: 60%;
    }
}
.goods-series__main-info {
    margin-top: var(--margin-mid);
    margin-bottom: var(--margin-big);
    display: flex;
    position: relative;
}
@media (max-width: 1720px) {
    .goods-series__main-info {
        margin-bottom: 50px;
    }
}
@media (max-width: 1365px) {
    .goods-series__main-info {
        margin-bottom: 20px;
    }
}
@media (max-width: 639px) {
    .goods-series__main-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
.goods-series__main-info-left {
    flex: 1 1 auto;
    max-width: 626px;
    margin-right: 50px;
}
@media (max-width: 1720px) {
    .goods-series__main-info-left {
        max-width: 380px;
        margin-right: 50px;
    }
}
@media (max-width: 1365px) {
    .goods-series__main-info-left {
        max-width: unset;
    }
}
@media (max-width: 639px) {
    .goods-series__main-info-left {
        flex-direction: column;
        display: flex;
        width: 100%;
        align-items: flex-start;
        height: auto;
        justify-content: flex-start;
        padding-left: 20px;
    }
}
.goods-series__main-info-right {
    flex: 1 1 650px;
    max-width: 650px;
    color: #5e5e5e;
    font-size: 20px;
    line-height: 32px;
}
@media (max-width: 800px) {
    .goods-series__main-info-right {
        flex: unset;
    }
}
@media (max-width: 639px) {
    .goods-series__main-info-right {
        width: 100%;
    }
}
.goods-series__main-info-icons {
    margin-bottom: 35px;
    display: flex;
    justify-content: flex-end;
}
.goods-series__main-info-icons .project-ico-group__item_favorite {
    display: none;
}
.goods-series__main-info-icons .button-share {
    position: absolute;
    right: 60px;
    top: -0.5px;
    z-index: 1;
}
@media (max-width: 1719px) {
    .goods-series__main-info-icons .button-share {
        right: 54px;
    }
}
@media (max-width: 639px) {
    .goods-series__main-info-icons .button-share {
        top: unset;
        right: 54px;
    }
}
@media (max-width: 1365px) {
    .goods-series__main-info-icons {
        margin-top: 10px;
    }
}
@media (max-width: 639px) {
    .goods-series__main-info-icons {
        margin-top: 3px;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}
.goods-series__main-info-desc {
    max-width: 576px;
}
@media (max-width: 1720px) {
    .goods-series__main-info-desc {
        font-size: 18px;
    }
}
@media (max-width: 1365px) {
    .goods-series__main-info-desc {
        display: none;
    }
}
.goods-series__main-info .read-more {
    cursor: pointer;
    color: #009845;
    font-size: 16px;
    line-height: 32px;
}
.goods-series__main-info .price-box__item {
    gap: 0;
}
.goods-series__main-info .price-box__item--new .price-box__val {
    font-size: 40px;
    line-height: 150%;
}
.goods-series__main-info .price-box__item--new .price-box__val span {
    color: #5e5e5e;
}
@media (max-width: 639px) {
    .goods-series__main-info .price-box__item--new .price-box__val {
        font-size: 30px;
    }
}
.goods-series__main-info .price-box__item--old {
    margin-top: 11px;
    display: flex;
    align-items: center;
}
.goods-series__main-info .price-box__item--old .price-box__val {
    font-size: 28px;
}
.goods-series__main-info .price-box__discount {
    color: #5e5e5e;
    opacity: 1;
    font-size: 20px;
    line-height: 22px;
    margin-left: 8px;
}
.goods-series__main-info .availability-help {
    margin-top: 33px;
}
.goods-series__main-info .availability-help__button {
    padding-right: 20px;
    position: relative;
    font-size: 20px;
    line-height: 22px;
}
.goods-series__main-info .availability-help__button:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #009845;
    border-bottom: 2px solid #009845;
    transform: rotate(45deg);
}
.goods-series__main-info .availability-help__button--null {
    color: #c4c4c4;
}
.goods-series__main-info .availability-help__button--null:after {
    border-color: #c4c4c4;
}
.goods-series__main-info .availability-help__button-icon {
    margin-right: 5px;
}
.goods-series__advantages {
    margin: var(--margin-large) -12px 0 -12px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 1720px) {
    .goods-series__advantages {
        margin: 68px -12px 0;
    }
}
@media (max-width: 640px) {
    .goods-series__advantages {
        margin: 52px -8px 0;
    }
}
@media (max-width: 390px) {
    .goods-series__advantages {
        flex-direction: column;
    }
}
.goods-series__advantages-item {
    margin: 0 12px 56px;
    flex: 1 1 calc(50% - 24px);
    display: flex;
    align-items: center;
}
@media (max-width: 640px) {
    .goods-series__advantages-item {
        margin: 0 8px 44px;
    }
    .goods-series__advantages-item:first-child .goods-series__advantages-ico {
        width: 32px;
        height: 40px;
    }
    .goods-series__advantages-item:first-child .goods-series__advantages-text {
        max-width: 60%;
    }
    .goods-series__advantages-item:nth-child(2) .goods-series__advantages-ico {
        width: 48px;
        height: 35px;
    }
    .goods-series__advantages-item:nth-child(3) .goods-series__advantages-ico {
        width: 32px;
        height: 40px;
    }
    .goods-series__advantages-item:nth-child(4) .goods-series__advantages-ico {
        width: 32px;
        height: 37px;
        margin-right: 20px;
        margin-left: 5px;
    }
}
.goods-series__advantages-ico {
    width: 56px;
    margin-right: 24px;
}
@media (max-width: 1720px) {
    .goods-series__advantages-ico {
        margin-right: 10px;
        width: 50px;
    }
}
@media (max-width: 640px) {
    .goods-series__advantages-ico {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 390px) {
    .goods-series__advantages-ico {
        width: 50px !important;
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
    .goods-series__advantages-ico img {
        width: auto;
    }
}
.goods-series__advantages-text {
    color: #5e5e5e;
    opacity: 1;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}
@media (max-width: 1720px) {
    .goods-series__advantages-text {
        font-size: 16px;
    }
}
.goods-series__info {
    margin-bottom: var(--margin-big);
    --close-max-height: none;
}
@media (max-width: 1720px) {
    .goods-series__info {
        margin-bottom: 100px;
    }
}
@media (max-width: 1365px) {
    .goods-series__info {
        margin-bottom: 50px;
        --close-max-height: 0;
    }
    .goods-series__info .h3 {
        font-size: var(--h2-size);
        line-height: var(--h2-lineheight);
    }
}
.goods-series__info p {
    max-width: 984px;
    margin-bottom: var(--margin-small);
}
.goods-series__info-title span {
    color: #ed6c06;
}
.goods-series__info-list {
    padding: 0 0 0 20px;
    margin-top: 14px;
    margin-bottom: 34px;
}
.goods-series__info-list li {
    max-width: 610px;
    font-size: 100%;
    margin-bottom: 12px;
}
.goods-series__info-list li::marker {
    color: #ed6c06;
}
.goods-series__select-goods {
    margin-bottom: var(--margin-mid);
    --close-max-height: none;
}
@media (max-width: 1365px) {
    .goods-series__select-goods {
        --close-max-height: 0;
    }
}
.goods-series__catalog {
    margin-top: var(--margin-mid);
    display: flex;
    position: relative;
    margin-bottom: var(--margin-large);
    --has-sidebar: 2;
    --item-buy-text-display: none;
}
.goods-series__catalog .additional-series-section {
    display: flex;
}
@media (max-width: 1365px) {
    .goods-series__catalog {
        margin-bottom: 0;
    }
}
.goods-series__catalog-filter {
    max-width: 312px;
    width: 312px !important;
    margin-right: 24px;
    flex: 1 0 auto;
}
@media (max-width: 1720px) {
    .goods-series__catalog-filter {
        width: 240px !important;
        max-width: 240px;
        margin-right: 16px;
    }
}
@media (max-width: 1365px) {
    .goods-series__catalog-filter {
        display: none;
    }
}
.goods-series__catalog-filter .filter-block__section:first-child {
    display: none;
}
.goods-series__catalog-filter .filter-block__section:nth-child(2) {
    margin-top: 0;
}
.goods-series__catalog .catalog-block {
    min-width: 1px;
    margin-bottom: 96px;
    flex: 1 1 calc(100% - 312px);
}
@media (min-width: 1720px) {
    .goods-series__catalog .catalog-block {
        margin-bottom: 112px;
        --page-count-descr-display: none;
        --page-count-descr-display: block;
    }
}
@media (max-width: 1365px) {
    .goods-series__catalog .catalog-block {
        margin-bottom: 0;
    }
}
.goods-series__catalog .catalog-panel-top {
    grid-template-areas: "filter total total" "sort sort view";
}
@media (max-width: 1365px) {
    .goods-series__catalog .catalog-panel-top {
        grid-template-areas: "total total total" "filter sort view";
    }
}
@media (max-width: 640px) {
    .goods-series__catalog .catalog-panel-top {
        grid-template-areas: "filter total" "sort sort";
    }
}
.goods-series__configurate-block {
    display: none;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 96px;
}
.goods-series__configurate-block span {
    width: 495px;
    text-align: center;
}
@media (max-width: 500px) {
    .goods-series__configurate-block span {
        width: auto;
    }
}
@media (max-width: 1365px) {
    .goods-series__configurate-block {
        display: flex;
    }
}
.goods-series__configurate-block-buttons {
    display: flex;
    margin-top: 16px;
}
.goods-series__configurate-block-buttons a,
.goods-series__configurate-block-buttons button {
    height: 40px !important;
    font-size: 14px;
    line-height: 20px;
}
.goods-series__configurate-block-buttons a {
    width: 168px;
}
.goods-series__configurate-block-buttons a svg {
    width: 19px;
    height: 19px;
    margin-right: 7px;
}
.goods-series__configurate-block-buttons button {
    width: 212px;
    margin-left: 8px;
}
.goods-series__configurate-block-buttons button svg {
    height: 23px;
    width: 20px;
    margin-right: 7px;
}
@media (max-width: 639px) {
    .goods-series__configurate-block-buttons button {
        margin-top: 8px;
        margin-left: 0;
    }
}
@media (max-width: 639px) {
    .goods-series__configurate-block-buttons {
        flex-direction: column;
        align-items: center;
    }
}
.goods-series__specifications {
    margin-bottom: var(--margin-big);
}
@media (max-width: 1720px) {
    .goods-series__specifications {
        margin-bottom: 94px;
    }
}
.goods-series__specifications-table {
    width: 100%;
    max-width: 984px;
}
@media (max-width: 1720px) {
    .goods-series__specifications-table {
        max-width: 752px;
    }
}
.goods-series__specifications-table > tbody > tr > th {
    font-size: 24px;
    line-height: 32px;
    height: 88px;
    text-align: left;
    padding: 40px 0 20px;
}
.goods-series__specifications-table table {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    border-collapse: collapse;
}
.goods-series__specifications-table table tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.goods-series__specifications-table table tr th {
    padding: 7px 0 7px 16px;
    border: none;
    text-align: left;
    vertical-align: top;
}
.goods-series__specifications-table table tr td {
    padding: 7px 16px 7px 0;
    text-align: right;
    width: 330px;
    border: none;
}
.goods-series__specifications-table table a {
    color: #009845;
}
.goods-series__specifications-table table a:hover {
    text-decoration: none;
}
.goods-series__docs {
    margin-bottom: var(--margin-big);
}
@media (max-width: 1720px) {
    .goods-series__docs {
        margin-bottom: 74px;
    }
}
.goods-series__docs-list {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.goods-series__docs-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 144px;
    margin: 0 8px 24px;
}
@media (max-width: 1720px) {
    .goods-series__docs-list li {
        width: 112px;
    }
}
@media (max-width: 640px) {
    .goods-series__docs-list li {
        margin: 0 7px 24px;
    }
}
.goods-series__docs-name {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    text-decoration: none;
    -webkit-hyphens: auto;
    hyphens: auto;
}
@media (max-width: 1720px) {
    .goods-series__docs-name {
        font-size: 16px;
    }
}
.goods-series__docs-name:before {
    display: block;
    content: "";
    position: static;
    width: 46px;
    height: 64px;
    background-position-y: bottom;
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.goods-series__docs-name_tech-docs {
    cursor: pointer;
}
.goods-series__docs-name_tech-docs:before {
    background-image: url(../images/icon__download.svg);
}
.goods-series__docs-name_tech-docs:hover {
    color: var(--link-hover-color);
}
.goods-series__docs-name[data-type="catalog"]:before,
.goods-series__docs-name[data-type="passport"]:before {
    background-image: url(../images/icon__catalog.svg);
}
.goods-series__docs-name[data-type="certificate"]:before,
.goods-series__docs-name[data-type="instruction"]:before {
    background-image: url(../images/icon__file1.svg);
}
.goods-series__docs-name[data-type="drawing"]:before {
    background-image: url(../images/icon__draft.svg);
}
.goods-series__docs-name[data-type="model"]:before {
    background-image: url(../images/icon__3d.svg);
}
.goods-series__docs-param {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 24px;
}
.goods-series__options {
    margin-bottom: var(--margin-large);
}
.goods-series__options-list {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -8px;
}
@media (max-width: 800px) {
    .goods-series__options-list {
        justify-content: center;
    }
}
.goods-series__options-list li {
    margin: 0 8px 16px;
    flex: 0 1 calc(25% - 16px);
}
@media (max-width: 1720px) {
    .goods-series__options-list li {
        max-width: 240px;
        min-width: 225px;
    }
}
@media (max-width: 1720px) {
    .goods-series__options-list {
        flex-wrap: wrap;
    }
}
.goods-series__desc {
    margin-bottom: var(--margin-big);
}
.goods-series__sidebar-menu li:first-child {
    display: none;
}
.select-goods__wrapper {
    display: flex;
}
@media (max-width: 1365px) {
    .select-goods__wrapper {
        flex-direction: column-reverse;
    }
}
.select-goods__block {
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 336px);
}
@media (max-width: 1720px) {
    .select-goods__block {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: calc(100% - 262px);
    }
}
@media (max-width: 1365px) {
    .select-goods__block {
        flex: 1 0 150%;
        max-width: unset;
    }
}
.select-goods__btn {
    align-self: center;
    align-items: center;
    margin-top: 16px;
    width: 100%;
    max-width: 376px;
    height: 48px;
    padding: 16px 20px 16px 14px;
}
.select-goods__btn_mobile {
    display: none;
}
@media (max-width: 1365px) {
    .select-goods__btn {
        margin: 0 auto 40px;
        height: 40px;
    }
    .select-goods__btn_desktop {
        display: none;
    }
    .select-goods__btn_mobile {
        display: flex;
    }
}
.select-goods__btn .nwb-button__inner {
    font-weight: 500;
    font-size: 16px;
}
@media (max-width: 414px) {
    .select-goods__btn .nwb-button__inner {
        font-size: 14px;
    }
}
.select-goods__btn svg {
    width: 20px;
    height: 24px;
    stroke: transparent;
}
.select-goods__load {
    margin-top: 29px;
    width: 100%;
}
@media (max-width: 1720px) {
    .select-goods__load {
        width: 30%;
    }
}
@media (max-width: 1365px) {
    .select-goods__load {
        display: none;
    }
}
.select-goods__load-bar {
    position: relative;
    height: 3px;
    width: 100%;
}
.select-goods__load-bar div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 10%;
    background: #ed6c06;
}
.select-goods__load-status {
    color: #c4c4c4;
    font-size: 14px;
    line-height: 17px;
    padding-left: 16px;
    margin-top: 5px;
}
.select-goods__graph {
    width: 100%;
}
.select-goods__graph-body {
    width: 100%;
    overflow: visible;
    position: relative;
    min-width: 0;
    min-height: 100%;
    background: #fff;
    display: flex;
    transition: width 0.2s ease-in-out 0s;
}
.select-goods__body-inner {
    max-width: 278px;
    padding: 0;
    margin-right: 56px;
}
@media (max-width: 1720px) {
    .select-goods__body-inner {
        margin-right: 24px;
        width: 238px;
    }
}
@media (max-width: 1365px) {
    .select-goods__body-inner {
        margin-top: 40px;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
}
.select-goods .form-group__head {
    justify-content: space-between;
}
.select-goods .form-group__head .form-group__title {
    margin-right: 7px;
    margin-bottom: 0;
}
.select-goods .form-group__title {
    font-size: 16px;
    font-weight: 500;
}
.select-goods .form-group__head-input {
    max-width: 104px;
}
.select-goods .nwb-radio-box__inner {
    font-size: 16px;
    line-height: 20px;
}
.select-goods .nwb-radio-box__inner a {
    margin-left: 7px;
}
.select-goods .check-list__item {
    margin-top: 0;
}
.select-goods .filter-group__graph-inner {
    padding: 0;
    max-width: 100%;
}
@media (max-width: 1365px) {
    .select-goods .filter-group__graph-inner {
        flex: 1 0 100%;
    }
}
@media (max-width: 1365px) {
    .select-goods__graph {
        max-width: 100%;
    }
}
.select-goods__img-docs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -8px 36px;
}
@media (max-width: 640px) {
    .select-goods__img-docs {
        justify-content: center;
    }
}
.select-goods__img-docs-item {
    padding: 8px;
    flex: 0 1 50%;
    min-width: 250px;
}
.select-goods__img-docs-item.w-25 {
    flex: 0 1 25%;
}
@media (max-width: 640px) {
    .select-goods__img-docs-item.w-25 {
        flex: 0 0 50%;
    }
}
.select-goods__img-docs-item img {
    width: 100%;
    height: auto;
}
.select-goods__img-docs-wc {
    --close-max-height: 650px;
}
@media (max-width: 640px) {
    .select-goods__img-docs-wc {
        --close-max-height: 300px;
    }
}
.option-item {
    height: 100%;
}
@media (max-width: 1365px) {
    .option-item {
        height: 100%;
    }
}
.option-item__outer {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.10196078431372549);
}
.option-item__imgblock {
    width: 100%;
    max-height: 192px;
    flex: 1 0 192px;
    overflow: hidden;
}
@media (max-width: 1720px) {
    .option-item__imgblock {
        max-height: 127px;
    }
}
.option-item__imgblock img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.2s ease-in-out 0s;
}
.option-item__image {
    height: 100%;
}
.option-item__content {
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e8e9;
    border-top: none;
    flex: 1 0 auto;
}
.option-item__title {
    color: #272727;
    opacity: 1;
    font-size: 22px;
    line-height: 27px;
    font-weight: 500;
    flex: 1 1 auto;
    margin: 16px 0;
    padding: 0 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 81px;
}
@media (max-width: 1720px) {
    .option-item__title {
        font-size: 18px;
    }
}
.option-item__detail-link {
    width: 80px;
    margin-left: auto;
    --button-height: 48px;
    --button-shadow: none;
    --button-border-color: #e7e8e9;
    border-bottom: none;
    border-right: none;
}
.option-item__detail-link .svg-icon {
    width: 32px;
    height: 16px;
    fill: none;
    transition: transform 0.2s ease-in-out 0s;
}
@media (max-width: 1366px) {
    .option-item__detail-link {
        width: 64px;
        --button-height: 40px;
    }
    .option-item__detail-link .svg-icon {
        width: 26px;
        height: 13px;
    }
}
.option-item:hover .option-item__image img {
    transform: scale(1.1);
}
.option-item:hover .option-item__detail-link .svg-icon {
    transform: translateX(5px);
}
.tech-docs-load {
    min-width: 984px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.050980392156862744);
    border: 1px solid #e7e8e9;
    background-color: #fff;
    max-height: 90vh;
    padding: 69px 0 80px;
}
@media (max-width: 1365px) {
    .tech-docs-load {
        min-width: unset;
        padding: 69px;
    }
}
@media (max-width: 800px) {
    .tech-docs-load {
        padding: 60px 40px;
    }
}
@media (max-width: 640px) {
    .tech-docs-load {
        padding: 50px 20px;
    }
}
.tech-docs-load__title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    color: #5e5e5e;
}
@media (max-width: 1720px) {
    .tech-docs-load__title {
        font-size: 27px;
    }
}
.tech-docs-load__list {
    margin-top: 42px;
    display: flex;
    justify-content: center;
}
@media (max-width: 1720px) {
    .tech-docs-load__list {
        margin-top: 36px;
    }
}
@media (max-width: 640px) {
    .tech-docs-load__list {
        flex-wrap: wrap;
    }
}
.tech-docs-load__item {
    cursor: pointer;
    width: 312px;
    min-width: 230px;
    min-height: 360px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.10196078431372549);
    border: 1px solid #e7e8e9;
    padding: 32px 24px;
    margin: 0 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1720px) {
    .tech-docs-load__item {
        width: 240px;
        padding: 28px 22px;
    }
}
@media (max-width: 640px) {
    .tech-docs-load__item {
        margin-bottom: 18px;
        height: auto;
        min-height: unset;
    }
}
.tech-docs-load__item:hover {
    box-shadow: none;
}
.tech-docs-load__item-img {
    width: 43px;
    height: 64px;
}
@media (max-width: 1720px) {
    .tech-docs-load__item-img {
        width: 36px;
        height: 50px;
    }
}
.tech-docs-load__item-img img {
    width: 100%;
    height: 100%;
}
.tech-docs-load__item-title {
    text-align: center;
    font-size: 22px;
    line-height: 27px;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 32px;
}
@media (max-width: 1720px) {
    .tech-docs-load__item-title {
        font-size: 20px;
        margin-top: 28px;
    }
}
.tech-docs-load__item-desc {
    font-size: 16px;
    line-height: 25px;
    color: #5e5e5e;
    margin-top: 24px;
    flex: 1 0 auto;
}
@media (max-width: 1720px) {
    .tech-docs-load__item-desc {
        font-size: 14px;
        margin-top: 20px;
    }
}
.tech-docs-load__item-ico {
    margin-top: 24px;
    width: 20px;
    height: 24px;
}
.tech-docs-load__auth {
    margin: 61px auto 0;
    max-width: 376px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 640px) {
    .tech-docs-load__auth {
        margin-top: 40px;
    }
}
.tech-docs-load__auth-text {
    color: #5e5e5e;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}
.tech-docs-load__auth .nwb-button {
    height: 48px;
    margin: 15px auto 0;
    font-weight: 500;
    width: 216px;
    color: #272727;
    font-size: 18px;
    line-height: 22px;
}
@media (max-width: 1720px) {
    .tech-docs-load__auth .nwb-button {
        height: 40px;
        font-size: 16px;
        min-height: unset;
    }
}
.tech-docs-load__params {
    width: 472px;
    max-width: 100%;
    margin: 60px auto 0;
}
@media (max-width: 640px) {
    .tech-docs-load__params {
        margin-top: 40px;
    }
}
.tech-docs-load__params .nwb-check-box__inner {
    font-size: 16px;
}
.tech-docs-load__params .check-list__item {
    margin-top: 2px;
}
.tech-docs-load__params .search-box__input {
    width: 100%;
    margin-top: 12px;
}
@media (max-width: 1720px) {
    .tech-docs-load__params .search-box__input {
        height: 40px;
        min-height: unset;
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .tech-docs-load__params .search-box__input {
        padding-right: 0;
        font-size: 13px;
    }
}
.tech-docs-load__params .search-box__input:disabled {
    opacity: 0.2;
}
.availability-tooltip_big-size {
    width: 650px;
    max-width: calc(100vw - 50px);
}
@media (max-width: 414px) {
    .availability-tooltip_big-size {
        max-width: calc(100vw - 30px);
    }
}
.availability-tooltip_big-size .availability-tooltip__row {
    font-size: 18px;
    margin-bottom: 36px;
}
.availability-tooltip_big-size .nwb-button {
    font-weight: 500;
}
.availability-tooltip_big-size .nwb-button svg {
    fill: #ed6c06;
    stroke: #ed6c06;
}
@media (max-width: 1720px) {
    .availability-tooltip_big-size .nwb-button svg {
        width: 20px;
        height: 23px;
    }
}
@media (max-width: 1720px) {
    .availability-tooltip_big-size .nwb-button {
        min-height: 40px;
        height: 40px;
        font-size: 16px;
    }
}
.site-header-top {
    max-height: calc(100vh - 65px);
    flex: 0 0 auto;
}
.site-header-top__outer {
    min-width: 1px;
    border: 1px solid #e7e8e9;
    box-shadow: var(--block-shadow);
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.site-header-top__inner {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #e7e8e9;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
}
.site-header-top__location {
    min-width: 180px;
    height: 56px;
    border-right: 1px solid #e7e8e9;
    display: flex;
    flex: 0 0 auto;
}
.site-header-top__contact {
    width: 100%;
    min-height: 56px;
    padding: 0 8px 0 16px;
    border-top: 1px solid #e7e8e9;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.site-header-top__social,
.site-header-top__top-menu {
    display: none;
    align-items: center;
}
.site-header-top__top-menu {
    width: 100%;
    margin-left: auto;
    border-top: 1px solid #e7e8e9;
    flex: 1 1 auto;
}
.site-header-top__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 56px;
    padding: 2px;
    border: none;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c4c4c4;
    cursor: pointer;
    z-index: 10;
}
.site-header-top__close .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.site-header-top__inform-menu {
    padding: 0;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: none;
}
@media (min-width: 414px) {
    .site-header-top__location {
        min-width: 204px;
    }
    .site-header-top__contact {
        height: 56px;
        padding-left: 24px;
        padding-right: 16px;
        min-height: 1px;
    }
    .site-header-top__close {
        right: 10px;
    }
}
@media (min-width: 640px) {
    .site-header-top__close {
        right: 26px;
    }
}
@media (min-width: 800px) {
    .site-header-top__outer {
        padding: 0 var(--container-padding);
        margin: 0 auto;
        flex: 0 0 auto;
    }
    .site-header-top__location {
        min-width: 184px;
        height: 48px;
    }
    .site-header-top__contact {
        width: auto;
        height: auto;
        padding-left: 16px;
        padding-right: 8px;
        border-top: none;
        flex: 0 0 auto;
    }
    .site-header-top__close {
        top: 0;
        right: 0;
        height: 48px;
    }
}
@media (min-width: 1366px) {
    .site-header-top {
        border-bottom: 1px solid #e7e8e9;
        background: #fff;
    }
    .site-header-top__outer {
        border: none;
        box-shadow: none;
        display: block;
        flex: 1 1 auto;
    }
    .site-header-top__location {
        height: auto;
    }
    .site-header-top__inner {
        position: static;
        height: 40px;
        border: none;
        box-shadow: none;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .site-header-top__head {
        border: none;
        flex-wrap: nowrap;
        flex: 1 1 auto;
    }
    .site-header-top__social {
        display: flex;
    }
    .site-header-top__top-menu {
        width: auto;
        border-top: none;
        display: flex;
        flex: 0 0 auto;
    }
    .site-header-top__close {
        display: none;
    }
    .site-header-top__inform-menu {
        position: absolute;
        top: 100%;
        right: 50%;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        transform: translateX(50%);
        justify-content: center;
        overflow: visible;
        display: none;
        z-index: -2;
    }
    .site-header-top__inform-menu--show {
        display: flex;
    }
}
@media (min-width: 1720px) {
    .site-header-top__inner {
        height: 48px;
    }
    .site-header-top__location {
        min-width: 241px;
    }
    .site-header-top__inform-menu {
        width: 100%;
    }
}
.site-header {
    position: relative;
    border-bottom: 1px solid #e7e8e9;
    background: #fff;
    flex: 0 0 auto;
    padding: 0 23px;
    --header-padding-y: 8px;
}
.site-header:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: inherit;
    border: inherit;
    pointer-events: none;
    z-index: -1;
}
.site-header--fixed {
    position: sticky;
    top: 0;
    z-index: 600;
}
.site-header__top {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    --overlay-blur: true;
}
.site-header__top.dropdown--active {
    display: flex;
}
.site-header__outer {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 0;
}
@media screen and (max-width: 1365px) {
    .site-header__outer {
        padding: 10px 0;
    }
}
@media screen and (max-width: 640px) {
    .site-header__outer {
        padding: 12px 0;
    }
}
.site-header__inner {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex: 1 1 auto;
}
.site-header__logo {
    max-width: 39px;
    width: 55px;
    margin-right: 10px;
    flex: 0 0 auto;
}
.site-header__menu {
    margin-right: 16px;
    display: flex;
    flex: 0 0 auto;
}
.site-header__selection {
    flex: 0 0 auto;
    align-self: stretch;
}
.site-header__search {
    margin-left: 8px;
    display: flex;
    align-self: stretch;
    flex: 1 1 auto;
    order: 5;
}
.site-header__basket {
    margin-left: 20px;
    display: none;
    flex: 0 0 auto;
}
.site-header__burger {
    max-width: 46px;
    margin-right: -14px;
    flex: 0 0 auto;
    transform: scale(0.9);
}
.site-header__user {
    flex-shrink: 0;
}
.site-header__alert {
    position: absolute;
    top: 100%;
    right: 50%;
    width: 100%;
    transform: translate(50%, -100%);
    transition: transform 0.2s ease-in-out 0s, visibility 0s linear 0.2s;
    visibility: hidden;
    z-index: -2;
}
.site-header__alert.popup--active {
    transform: translate(50%);
    visibility: visible;
}
.site-header .js-sticky__inspect {
    top: 0;
    transform: translateY(-100%);
}
@media (min-width: 414px) {
    .site-header__logo {
        max-width: unset;
        margin-right: 16px;
    }
}
@media (min-width: 550px) {
    .site-header__selection {
        position: relative;
    }
}
@media (min-width: 640px) {
    .site-header__logo {
        width: 55px;
        margin-right: 12px;
    }
    .site-header__selection {
        margin-right: 12px;
    }
    .site-header__search {
        margin-left: 12px;
    }
    .site-header__basket {
        margin-left: 12px;
        display: block;
    }
    .site-header__burger {
        max-width: none;
        margin-left: 12px;
        margin-right: 0;
        transform: none;
    }
}
@media (min-width: 768px) {
    .site-header__logo {
        width: 72px;
        margin-right: 32px;
    }
    .site-header__basket {
        margin-left: 20px;
    }
}
@media (min-width: 800px) {
    .site-header__selection {
        margin-right: 32px;
    }
}
@media (min-width: 1366px) {
    .site-header--fixed {
        top: -40px;
    }
    .site-header__top {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        display: block;
        --overlay-blur: false;
    }
    .site-header__logo {
        width: 166px;
        margin-right: 24px;
    }
    .site-header__inner {
        position: relative;
    }
    .site-header__selection {
        margin-right: 24px;
    }
    .site-header__search {
        margin-left: 0;
        margin-right: 18px;
        order: 0;
    }
    .site-header__basket {
        margin-left: 12px;
    }
    .site-header__burger {
        display: none;
    }
    .site-header__alert--is-menu {
        display: none !important;
    }
    .site-header .js-sticky__inspect {
        top: 40px;
    }
}
@media (min-width: 1720px) {
    .site-header {
        --header-padding-y: 16px;
    }
    .site-header--fixed {
        top: -48px;
    }
    .site-header__outer {
        height: 96px;
    }
    .site-header__logo {
        width: 208px;
    }
    .site-header__basket {
        margin-left: 16px;
    }
    .site-header .js-sticky__inspect {
        top: 48px;
    }
}
.logo-box {
    display: flex;
    align-items: center;
}
.logo-box__link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
}
.logo-box__image {
    flex: 0 0 auto;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}
.logo-box__image--desktop {
    display: none;
}
@media (min-width: 1366px) {
    .logo-box__image--mobile {
        display: none;
    }
    .logo-box__image--desktop {
        display: block;
    }
}
.lang-box {
    position: relative;
    font-size: 16px;
    line-height: 1.55556;
    min-width: 1px;
    display: flex;
    flex: 1 1 auto;
}
.lang-box__button {
    font: inherit;
    min-width: 100%;
    padding: 3px 16px;
    border: none;
    background: none;
    text-align: left;
    text-transform: uppercase;
    outline: none !important;
    flex: 1 1 auto;
    color: var(--color-grey);
    cursor: pointer;
    --icon-translateY: calc(-50% + 1px);
    --icon-scaleY: 1;
}
.lang-box__button:before {
    position: absolute;
    content: "";
    right: 18px;
    top: 50%;
    width: 13px;
    height: 8px;
    background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    transform: translateY(var(--icon-translateY)) scaleY(var(--icon-scaleY));
    transition: transform 0.2s ease-in-out 0s;
    opacity: 0.37;
}
.lang-box__button:hover {
    --icon-translateY: calc(-50% + 7px);
}
.lang-box__button--active {
    --icon-scaleY: -1;
}
.lang-box__button--active,
.lang-box__button--active:hover {
    --icon-translateY: calc(-50% + 1px);
}
.lang-box__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    border: 1px solid #e7e8e9;
    background: #fff;
    display: none;
    z-index: 50;
}
.lang-box__dropdown.popup--active {
    display: block;
}
.lang-box__item {
    padding: 0;
    margin: 0;
    border-top: 1px solid #e7e8e9;
}
.lang-box__item:first-child {
    border-top: none;
}
.lang-box__item-link {
    padding: 15px 16px 15px 24px;
    display: block;
    --link-decoration: none;
}
@media (min-width: 414px) {
    .lang-box {
        font-size: 18px;
    }
    .lang-box__button {
        padding-left: 24px;
    }
}
@media (min-width: 800px) {
    .lang-box {
        font-size: 14px;
        line-height: 1.14286;
    }
    .lang-box__button {
        padding: 3px 16px 3px 24px;
        color: inherit;
    }
    .lang-box__button:before {
        right: 12px;
        width: 8.71px;
        height: 5.06px;
        background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    }
    .lang-box__item-link {
        padding-left: 24px;
    }
}
@media (min-width: 1366px) {
    .lang-box__button,
    .lang-box__item-link {
        padding-left: 16px;
    }
}
@media (min-width: 1720px) {
    .lang-box {
        font-size: 16px;
        line-height: 1.25;
    }
    .lang-box__button:before {
        right: 16px;
        width: 13px;
        height: 8px;
        background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    }
}
.location-box {
    min-width: 1px;
    display: flex;
    flex: 1 1 auto;
}
.location-box__title {
    position: relative;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.55556;
    min-width: 100%;
    padding: 3px 16px;
    border: none;
    background: none;
    text-align: left;
    flex: 1 1 auto;
    outline: none !important;
    color: var(--color-grey);
    cursor: pointer;
    --icon-translateY: calc(-50% + 1px);
    --icon-scaleY: 1;
}
.location-box__title:before {
    position: absolute;
    content: "";
    right: 18px;
    top: 50%;
    width: 13px;
    height: 8px;
    background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    transform: translateY(var(--icon-translateY)) scaleY(var(--icon-scaleY));
    transition: transform 0.2s ease-in-out 0s;
    opacity: 0.37;
}
.location-box__title--active {
    --icon-translateY: calc(-50% + 1px);
    --icon-scaleY: -1;
}
.location-box__title:hover {
    --icon-translateY: calc(-50% + 7px);
}
.location-box__title--active:hover {
    --icon-translateY: calc(-50% + 1px);
}
@media (min-width: 414px) {
    .location-box__title {
        font-size: 18px;
    }
}
@media (min-width: 800px) {
    .location-box__title {
        font-size: 16px;
        line-height: 1.25;
        color: inherit;
    }
    .location-box__title:before {
        right: 12px;
        width: 8.71px;
        height: 5.06px;
        background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    }
}
@media (min-width: 1720px) {
    .location-box__title:before {
        width: 13px;
        height: 8px;
        background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    }
}
.header-contact {
    padding: 12px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    flex: 1 1 auto;
}
.header-contact__phone {
    font-size: 16px;
    line-height: 1.55556;
    align-self: center;
    --link-decoration: none;
}
.header-contact__list {
    display: flex;
    gap: 8px;
}
.header-contact__item {
    display: flex;
}
.header-contact__item--chat,
.header-contact__item--email {
    display: none;
}
.header-contact__item-button {
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: none;
    --button-height: 32px;
    --button-color: var(--color-light-green);
    --show-text: 1fr;
}
.header-contact__item-button:hover {
    width: auto;
    filter: drop-shadow(var(--button-shadow));
}
.header-contact__item-button .svg-icon--phone {
    width: 16px;
    height: 16px;
}
.header-contact__item-button .svg-icon--chat {
    width: 14px;
    height: 14px;
}
.header-contact__item-button .svg-icon--email {
    width: 16px;
    height: 16px;
}
@media (min-width: 414px) {
    .header-contact {
        padding: 8px 0;
        flex-wrap: nowrap;
        gap: 8px 27px;
    }
    .header-contact__phone {
        font-size: 18px;
    }
}
@media (min-width: 800px) {
    .header-contact__phone {
        font-size: 16px;
        line-height: 1.1875;
        margin-right: 18px;
    }
    .header-contact__item {
        display: flex;
    }
    .header-contact__item-button {
        --button-height: 28px;
    }
    .header-contact__item-button .svg-icon--phone {
        width: 14px;
        height: 14px;
    }
}
@media (min-width: 1366px) {
    .header-contact {
        gap: 8px 0;
    }
    .header-contact__phone {
        font-size: 14px;
        line-height: 1.14286;
    }
    .header-contact__item-button {
        --button-font-size: 12px;
        --button-height: 28px;
        --show-text: 130px;
    }
}
@media (min-width: 1720px) {
    .header-contact__phone {
        font-size: 16px;
        line-height: 1.1875;
        margin-right: 27px;
        --link-color: var(--color-grey);
    }
    .header-contact__item-button {
        --button-font-size: 14px;
        --button-height: 32px;
        --show-text: 150px;
    }
    .header-contact__item-button .svg-icon--chat,
    .header-contact__item-button .svg-icon--phone {
        width: 16px;
        height: 16px;
    }
    .header-contact__item-button .svg-icon--email {
        width: 19px;
        height: 19px;
    }
}
.header-social {
    display: flex;
    gap: 8px;
    color: #b5b5b5;
    --link-color: #b5b5b5;
    --link-hover-color: #b5b5b5;
}
.header-social__item {
    display: flex;
}
.header-social__link {
    box-shadow: none;
    --button-height: 28px;
    --button-color: var(--link-color);
}
.header-social__link:hover {
    filter: drop-shadow(var(--button-shadow));
}
.header-social__link .svg-icon--vk {
    width: 18px;
    height: 11px;
}
.header-social__link .svg-icon--youtube {
    width: 17px;
    height: 12px;
}
@media (min-width: 1720px) {
    .header-social__link {
        --button-height: 32px;
    }
    .header-social__link .svg-icon--vk {
        width: 21px;
        height: 12px;
    }
    .header-social__link .svg-icon--youtube {
        width: 19px;
        height: 13px;
    }
}
.top-menu {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22222;
    flex: 1 1 auto;
}
.top-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
}
.top-menu__item {
    padding: 0;
    margin: -1px 0 0 -1px;
    border: 1px solid #e7e8e9;
    flex: 1 1 50%;
}
.top-menu__link {
    padding: 17px 24px;
    display: block;
    text-decoration: none;
    --menu-current-bg: var(--color-orange);
    --menu-current-color: var(--color-white);
}
.top-menu__link.current {
    background: var(--menu-current-bg);
    color: var(--menu-current-color);
    pointer-events: none;
}
@media (min-width: 800px) {
    .top-menu {
        font-size: 16px;
        line-height: 1.1875;
    }
    .top-menu__list {
        display: flex;
    }
    .top-menu__link {
        padding: 19px 24px;
    }
}
@media (min-width: 1366px) {
    .top-menu {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.35714;
        --link-color: var(--color-grey);
    }
    .top-menu__list {
        flex-wrap: nowrap;
        gap: 24px;
    }
    .top-menu__item {
        width: auto;
        margin: 0;
        border: none;
        flex: 0 0 auto;
    }
    .top-menu__link {
        padding: 0;
        display: inline;
        text-decoration: none;
        --menu-current-bg: none;
        --menu-current-color: var(--link-hover-color);
    }
}
@media (min-width: 1720px) {
    .top-menu {
        font-size: 16px;
        line-height: 1.1875;
    }
}
.header-search-box {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.header-search-box__toggle {
    width: 40px;
    height: 48px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-grey-light);
    cursor: pointer;
}
.header-search-box__outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    margin: 16px 0;
    padding: 0 8px 0 12px;
    display: none;
    flex: 1 1 auto;
    z-index: 100;
}
.header-search-box__outer.popup--active {
    background: #fff;
    box-shadow: -10px 0 0 0 #fff, 10px 0 0 0 #fff;
    display: flex;
}
.header-search-box__outer.popup--active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    background: #fff;
    display: block;
    left: 0;
    pointer-events: none;
    top: -50%;
}
.header-search-box__close {
    width: 34px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.header-search-box__close:before {
    content: "";
    width: 11px;
    height: 19px;
    background: url(../images/icons-sprite.svg) -32px -2px no-repeat;
}
.header-search-box__inner {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.header-search-box__input {
    padding-right: 40px;
    border-width: 0;
    border-radius: 20px;
    background: #f7f7f7;
    flex: 1 1 auto;
    --input-font-size: 16px;
    --input-height: 40px;
    --input-plaseholder-color: var(--color-grey-light);
}
.header-search-box__button {
    position: relative;
    font: inherit;
    font-size: 16px;
    line-height: 1.1875;
    top: 0;
    right: 0;
    min-width: 56px;
    height: 100%;
    padding: 0;
    border: 1px solid transparent;
    background: #fff content-box;
    outline: none !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #b5b5b5;
    cursor: pointer;
}
.header-search-box__button-text {
    margin-right: 9px;
    display: none;
}
.header-search-box__button:hover {
    color: var(--color-orange);
}
.header-search-box__button .svg-icon {
    width: 100%;
    max-width: 26px;
    height: 100%;
    max-height: 26px;
}
:focus ~ .header-search-box__button {
    color: var(--color-orange);
}
.header-search-box__clear {
    position: absolute;
    top: 50%;
    right: 56px;
    width: 40px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: var(--color-grey-light);
    cursor: pointer;
}
.header-search-box__clear .svg-icon {
    width: 10px;
    height: 10px;
}
.header-search-box__dropdown {
    position: absolute;
    top: 150%;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 64px);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e7e8e9;
    background: #fff;
    display: flex;
    overflow: hidden;
    overflow-y: auto;
}
@media (min-width: 800px) {
    .header-search-box__dropdown {
        top: 100%;
    }
}
@media (min-width: 640px) {
    .header-search-box {
        margin: 0 auto;
    }
}
@media (min-width: 800px) {
    .header-search-box {
        margin: 0 auto;
        flex: 1 1 auto;
    }
    .header-search-box__toggle {
        width: 56px;
    }
    .header-search-box__outer {
        left: 99px;
        right: 55px;
        padding: 0;
        align-items: center;
    }
    .header-search-box__close {
        display: none;
    }
    .header-search-box__inner {
        align-items: stretch;
    }
    .header-search-box__input {
        padding-right: 46px;
        border-width: 1px;
        border-radius: 0;
        background: var(--input-bg-color);
        --input-font-size: 14px;
        --input-plaseholder-color: inherit;
    }
    .header-search-box__button {
        position: absolute;
        min-width: 46px;
        height: 100%;
    }
    .header-search-box__button .svg-icon {
        max-width: 14px;
        max-height: 14px;
    }
    .header-search-box__outer.popup--active .header-search-box__button {
        padding: 0 16px 0 19px;
        background: var(--color-orange);
        color: #fff;
        z-index: 5;
    }
    .header-search-box__outer.popup--active .header-search-box__button-text {
        display: block;
    }
    .header-search-box__outer.popup--active .header-search-box__button:hover {
        background: #ff6a00;
    }
    .header-search-box__outer.popup--active .header-search-box__clear {
        right: 125px;
    }
    .header-search-box__clear {
        display: none;
        right: 40px;
    }
    .header-search-box__dropdown {
        margin-top: 4px;
        overflow: hidden;
    }
}
@media (min-width: 1366px) {
    .header-search-box__toggle {
        display: none;
    }
    .header-search-box__outer {
        position: relative;
        left: 0;
        right: 0;
        display: flex;
    }
    .header-search-box__outer.popup--active {
        position: absolute;
    }
    .popup--active .header-search-box__button:hover {
        height: 100%;
    }
    .header-search-box__dropdown {
        max-height: calc(100vh - 145px);
        display: none;
    }
    .header-search-box__outer.popup--active .header-search-box__dropdown {
        display: flex;
    }
    .header-search-box__button .svg-icon {
        max-width: 20px;
        max-height: 20px;
    }
}
@media (min-width: 1720px) {
    .header-search-box__outer {
        height: 48px;
        margin: 24px 0;
    }
    .header-search-box__input {
        padding-right: 46px;
        --input-font-size: 16px;
        --input-height: 48px;
    }
    .header-search-box__dropdown {
        max-height: calc(100vh - 145px);
        margin-top: 0;
        display: none;
    }
}
.header-search-box-result {
    min-width: 1px;
    padding: 20px 20px 24px;
    display: flex;
    gap: 24px;
    flex: 1 1 auto;
    --result-columns: 2;
}
.header-search-box-result__category {
    min-width: 1px;
    padding: 0 4px;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
}
.header-search-box-result__category .scrollbar-track-x {
    display: none !important;
}
.header-search-box-result__elements {
    width: 224px;
    padding: 0 4px;
    display: none;
    flex: 0 0 auto;
    overflow: hidden;
    overflow-y: auto;
}
.header-search-box-result__elements .scrollbar-track-x {
    display: none !important;
}
@media (min-width: 800px) {
    .header-search-box-result__elements {
        display: block;
    }
}
@media (min-width: 1366px) {
    .header-search-box-result {
        padding: 25px 20px;
    }
    .header-search-box-result__elements {
        width: 456px;
    }
}
@media (min-width: 1720px) {
    .header-search-box-result {
        gap: 48px;
    }
    .header-search-box-result__elements {
        width: 480px;
        padding-right: 10px;
    }
}
.sr-category {
    font-size: 16px;
    line-height: 1.5;
}
.sr-category__group {
    margin-top: 55px;
}
.sr-category__group:first-child {
    margin-top: 0;
}
.sr-category__title {
    margin-bottom: 26px;
    color: var(--color-grey-light);
}
.sr-category__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sr-category__item {
    padding: 0 0 0 5px;
    margin: 20px 0 0;
}
.sr-category__item.active {
    background-color: var(--color-orange);
    color: var(--color-white);
}
.sr-category__item.active a {
    text-decoration: none;
}
.sr-category__item:first-child {
    margin-top: 0;
}
@media (min-width: 800px) {
    .sr-category__group {
        margin-top: 37px;
    }
    .sr-category__title {
        margin-bottom: 10px;
    }
    .sr-category__item {
        margin-top: 16px;
    }
}
.sr-elements {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    overflow: visible;
    padding: 5px;
}
.sr-elements__item {
    min-width: 1px;
    flex: 0 0 100%;
}
@media (min-width: 1366px) {
    .sr-elements__item {
        flex: 0 0 calc(100% / var(--result-columns, 1) - 12px);
    }
}
@media (min-width: 1720px) {
    .sr-elements {
        gap: 24px;
    }
}
.personal-box {
    font-size: 18px;
    line-height: 1.05556;
    display: flex;
    align-items: center;
    cursor: default;
    --avatar-size: 80px;
    --head-size: 16px;
    --head-lineheight: 17px;
    --title-size: 18px;
    --title-lineheight: 22px;
}
.personal-box__toggle {
    position: relative;
    width: var(--avatar-size);
    height: var(--avatar-size);
    padding: 0;
    border: none;
    border-radius: calc(var(--avatar-size) / 2);
    background: none;
    cursor: pointer;
    flex: 0 0 auto;
    overflow: hidden;
    z-index: 10;
    --avatar-size: 48px;
}
.personal-box__toggle-image {
    height: auto;
}
.personal-box__toggle:hover .personal-box__toggle-image {
    transform: scale(1.08);
}
.personal-box__close {
    position: absolute;
    top: 18px;
    right: 38px;
    width: 20px;
    height: 20px;
    padding: 2px;
    border: none;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-grey-light);
    cursor: pointer;
    z-index: 10;
}
.personal-box__close .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.personal-box__dropdown {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - 136px);
    border: 1px solid #e7e8e9;
    background: #fff;
    display: none;
    flex-direction: column;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: none;
    z-index: 100;
}
.personal-box__dropdown-layout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, 0.1);
    display: none;
    z-index: -1;
}
.personal-box__dropdown.popup--active .personal-box__dropdown-layout {
    display: block;
}
.personal-box__dropdown-close {
    position: absolute;
    top: 16px;
    right: 24px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    display: flex;
    color: var(--color-grey-light);
    cursor: pointer;
    z-index: 10;
}
.personal-box__head {
    position: relative;
    font-size: var(--head-size);
    line-height: var(--head-lineheight);
    min-width: 1px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.personal-box__head-inner {
    min-width: 1px;
    padding-left: 16px;
    padding-right: 16px;
    background: #fff;
    align-items: center;
    align-content: center;
    grid-template-rows: auto auto;
    grid-auto-columns: 1fr auto;
    flex: 1 1 auto;
    z-index: 10;
}
.personal-box__head-inner:before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8.71px;
    height: 5.06px;
    background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    transform: translateY(-50%);
}
.personal-box__avatar {
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: calc(var(--avatar-size) / 2);
    flex: 0 0 auto;
    overflow: hidden;
}
.personal-box__avatar-image {
    height: auto;
    transition: all 0.2s ease-in-out;
}
.personal-box__title {
    font-size: var(--title-size);
    font-weight: 700;
    line-height: var(--title-lineheight);
    margin: 0 0 9px;
    grid-area: 1/1/2/2;
}
.personal-box__cont,
.personal-box__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.personal-box__cont {
    grid-area: 2/1/3/2;
    color: var(--color-grey);
}
.personal-box__discoutn {
    font-weight: 700;
    margin-top: 9px;
    grid-area: 1/2/3/3;
    color: var(--color-light-green);
}
.personal-box__menu {
    font-weight: 500;
    border-top: 1px solid #e7e8e9;
    background: #fff;
    white-space: nowrap;
}
.personal-box__menu:hover {
    display: block;
}
.personal-box__menu-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.personal-box__menu-item {
    padding: 0;
    margin: 0;
    border-top: 1px solid #e7e8e9;
}
.personal-box__menu-item:first-child {
    border-top: none;
}
.personal-box__menu-link {
    padding: 18px 24px;
    display: block;
    --link-decoration: none;
}
.personal-box__menu-link.current {
    --link-color: var(--color-orange);
}
@media (pointer: coarse) {
    .personal-box__toggle {
        display: block;
    }
    .personal-box__dropdown {
        --overlay-blur: true;
    }
    .personal-box__dropdown.popup--active {
        display: flex;
    }
    .personal-box__dropdown.popup--active .personal-box__menu {
        display: block;
    }
}
.personal-box__dropdown-close {
    display: none;
}
.personal-box:hover .personal-box__dropdown {
    display: flex;
}
.personal-box:hover .personal-box__avatar-image {
    transform: scale(1.08);
}
.personal-box:hover .personal-box__menu {
    display: block;
}
@media (min-width: 640px) {
    .personal-box__dropdown {
        bottom: auto;
        top: 100%;
        max-height: calc(100vh - 64px);
    }
    .personal-box__toggle {
        --avatar-size: 48px;
    }
}
@media (min-width: 800px) {
    .personal-box {
        position: relative;
        font-size: 16px;
        line-height: 1.1875;
        --avatar-size: 48px;
        --head-size: 14px;
        --head-lineheight: 16px;
        --title-size: 16px;
        --title-lineheight: 17px;
    }
    .personal-box__close {
        display: none;
    }
    .personal-box__dropdown {
        top: 0;
        right: auto;
        left: 100%;
        bottom: auto;
        width: 304px;
        min-width: 1px;
        max-height: none;
        border: none;
    }
    .personal-box__dropdown-layout {
        display: none;
        visibility: hidden;
    }
    .personal-box__dropdown-close {
        display: none;
    }
    .personal-box__head {
        height: 64px;
        padding: 0;
        color: var(--color-grey);
    }
    .personal-box__head-inner {
        display: grid;
    }
    .personal-box__avatar {
        display: none;
    }
    .personal-box__title {
        margin-bottom: 6px;
    }
    .personal-box__discount {
        margin-top: 0;
        margin-left: 16px;
    }
    .personal-box__menu {
        font-weight: 400;
        border: 1px solid #e7e8e9;
    }
    .personal-box__menu-link {
        padding: 14px 16px;
        --link-color: var(--color-grey);
    }
    .personal-box__toggle {
        --avatar-size: 56px;
    }
}
@media (min-width: 1366px) {
    .personal-box {
        font-size: 14px;
        line-height: 1.35714;
        width: 256px;
        align-items: stretch;
        --head-size: 12px;
        --head-lineheight: 14px;
        --title-size: 14px;
        --title-lineheight: 16px;
    }
    .personal-box__head {
        height: auto;
    }
    .personal-box__head-inner {
        position: relative;
        left: 0;
        width: auto;
        padding-left: 12px;
        padding-right: 32px;
        background: none;
        display: block;
    }
    .personal-box__head-inner:before {
        content: "";
    }
    .personal-box:hover .personal-box__head-inner {
        display: block;
    }
    .personal-box__avatar {
        display: flex;
    }
    .personal-box__title {
        margin-bottom: 2px;
    }
    .personal-box__discoutn {
        margin-left: 0;
        margin-top: 2px;
    }
    .personal-box__dropdown {
        position: relative;
        right: 0;
        left: auto;
        width: auto;
        display: flex;
        flex-direction: row;
        overflow: visible;
        z-index: auto;
    }
    .personal-box__menu {
        position: absolute;
        font-weight: 400;
        top: 100%;
        left: var(--avatar-size);
        width: calc(100% - var(--avatar-size));
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
        display: none;
    }
    .personal-box__menu-link {
        padding: 10px 16px;
    }
    .personal-box__toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
}
@media (min-width: 1366px) {
    .personal-box__toggle,
    .personal-box__toggle-image {
        display: none;
    }
}
@media (min-width: 1720px) {
    .personal-box {
        font-size: 16px;
        line-height: 1.1875;
        width: 312px;
        --avatar-size: 64px;
        --head-size: 14px;
        --head-lineheight: 16px;
        --title-size: 16px;
        --title-lineheight: 17px;
    }
    .personal-box__head-inner {
        padding-right: 40px;
    }
    .personal-box__head-inner:before {
        right: 16px;
        width: 13px;
        height: 8px;
        background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    }
    .personal-box__avatar {
        margin-right: 16px;
    }
    .personal-box__title {
        margin-bottom: 4px;
    }
    .personal-box__discoutn {
        margin-top: 3px;
    }
    .personal-box__menu-link {
        padding: 15px 16px;
    }
}
.main-menu {
    font-size: 16px;
    line-height: 1.1875;
    display: flex;
    align-items: center;
    --link-decoration: none;
}
.main-menu:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
}
.main-menu__button {
    font-weight: 700;
    justify-content: flex-start;
    text-transform: uppercase;
    font-variant: all-petite-caps;
    text-align: left;
    width: 136px;
    padding-left: 39px;
    padding-right: 40px;
    --button-font-size: 18px;
    --button-height: 40px;
}
.main-menu__button--desktop {
    display: none;
}
.main-menu__button:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 12px;
    width: 16px;
    height: 16px;
    background: url(../images/icons-sprite.svg) -131px -2px no-repeat;
    transform: translateY(-50%);
    transform-origin: 0 center;
}
.main-menu__button:after {
    position: absolute;
    content: "";
    right: 12px;
    top: 50%;
    width: 8.71px;
    height: 5.06px;
    background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out 0s;
}
.main-menu__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 1076px;
    max-height: calc(var(--vh, 1vh) * 100 - 135px);
    padding: 20px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e7e8e9;
    background: #fff;
    display: none;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: none;
    z-index: 100;
}
.main-menu__dropdown.dropdown--active {
    display: block;
}
.main-menu__dropdown-inner {
    -moz-column-gap: 24px;
    column-gap: 24px;
}
.main-menu__category {
    position: relative;
    padding-left: 55px;
}
.main-menu__category,
.main-menu__category:after {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}
.main-menu__category:after {
    content: "";
    padding-bottom: 25px;
    display: block;
}
.main-menu__category-head {
    min-height: 33px;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-end;
}
.main-menu__category-imgblock {
    position: absolute;
    top: 2px;
    left: 0;
    width: 40px;
    height: 40px;
    padding: 7px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    border: 1px solid #e8e9ef;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-menu__category-image {
    max-width: 100%;
    max-height: 100%;
}
.main-menu__category-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22222;
    min-width: 1px;
}
.main-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    color: var(--color-grey);
}
.main-menu__item {
    padding: 0;
    margin: 10px 0 0;
}
.main-menu__item:first-child {
    margin-top: 0;
}
.main-menu__link.current {
    --link-color: var(--color-orange);
}
@media (pointer: coarse) {
    .main-menu__button--active {
        box-shadow: none;
        filter: none;
    }
    .main-menu__dropdown {
        --overlay-blur: true;
    }
    .main-menu__dropdown.popup--active {
        display: block;
    }
}
.main-menu:hover .main-menu__button {
    box-shadow: none;
    filter: none;
}
@media (max-width: 390px) {
    .main-menu__button {
        width: 110px;
        padding-right: 10px;
    }
    .main-menu__button:after {
        content: none;
    }
}
@media (min-width: 414px) {
    .main-menu__button {
        width: 136px;
        padding-left: 39px;
        padding-right: 40px;
    }
    .main-menu__button:before {
        left: 14px;
    }
    .main-menu__button-text {
        font-size: inherit;
    }
    .main-menu__dropdown {
        padding: 30px;
    }
    .main-menu__category {
        padding-left: 64px;
    }
    .main-menu__category:after {
        padding-bottom: 37px;
    }
}
@media (min-width: 640px) {
    .main-menu__dropdown-inner {
        -moz-columns: auto 2;
        columns: 2;
    }
}
@media (min-width: 768px) {
    .main-menu__button {
        width: 136px;
        padding-left: 39px;
        padding-right: 40px;
    }
    .main-menu__button:before {
        left: 14px;
    }
    .main-menu__button-text {
        font-size: inherit;
    }
}
@media (min-width: 800px) {
    .main-menu__dropdown {
        padding: 36px 46px 46px;
    }
}
@media (min-width: 1024px) {
    .main-menu:hover:before {
        content: "";
    }
    .main-menu:hover .main-menu__dropdown {
        display: block;
    }
    .main-menu__button--desktop {
        display: flex;
    }
    .main-menu__button--mobile {
        display: none;
    }
}
@media (min-width: 1366px) {
    .main-menu__button {
        font-variant: none;
        --button-font-size: 14px;
    }
    .main-menu__dropdown {
        left: auto;
        width: 100vw;
        margin-left: -111px;
        max-height: calc(var(--vh, 1vh) * 100 - 106px);
    }
    .main-menu__dropdown-inner {
        -moz-columns: auto 3;
        columns: 3;
    }
}
@media (min-width: 1720px) {
    .main-menu__dropdown {
        width: auto;
        max-width: 1416px;
    }
    .main-menu__dropdown-inner {
        -moz-columns: auto 4;
        columns: 4;
    }
    .main-menu__button {
        width: 192px;
        padding-left: 48px;
        --button-font-size: 20px;
        --button-height: 48px;
    }
    .main-menu__button:before {
        left: 14px;
        transform: translateY(-50%) scale(1.25);
    }
    .main-menu__button:after {
        right: 16px;
        width: 13px;
        height: 8px;
        background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    }
}
.selection-menu {
    font-size: 16px;
    line-height: 1.1875;
    height: 100%;
    display: flex;
    align-items: center;
    --link-decoration: none;
}
.selection-menu:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
}
.selection-menu__button {
    font-weight: 700;
    width: 64px;
    padding-left: 32px;
    padding-right: 30px;
    justify-content: flex-start;
    text-transform: uppercase;
    text-align: left;
    --button-font-size: 14px;
    --button-height: 40px;
}
.selection-menu__button:before {
    left: 12px;
    width: 18.82px;
    height: 19.35px;
    background: url(../images/icons-sprite.svg) -233px -2px no-repeat;
}
.selection-menu__button:after,
.selection-menu__button:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
}
.selection-menu__button:after {
    right: 12px;
    width: 8.71px;
    height: 5.06px;
    background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
    transition: transform 0.2s ease-in-out 0s;
}
.selection-menu__button-text {
    font-size: 0;
}
.selection-menu__dropdown {
    position: absolute;
    top: 100%;
    right: 24px;
    width: 280px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e7e8e9;
    background: #fff;
    display: none;
    z-index: 100;
}
.selection-menu__dropdown.dropdown--active {
    display: block;
}
.selection-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.selection-menu__item {
    padding: 0;
    margin: 0;
    border-top: 1px solid #e7e8e9;
}
.selection-menu__item:first-child {
    border-top: none;
}
.selection-menu__link {
    padding: 15px 16px;
    display: block;
    --link-decoration: none;
    --link-color: var(--color-grey);
}
.selection-menu__link.current {
    --link-color: var(--color-orange);
}
.selection-menu__link--btn {
    border: none;
    font: inherit;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    width: 100%;
    text-align: left;
    color: var(--link-color);
}
.selection-menu__link--btn:hover {
    color: var(--link-hover-color);
}
@media (pointer: coarse) {
    .selection-menu__button--active {
        box-shadow: none;
        filter: none;
    }
    .selection-menu__dropdown {
        --overlay-blur: true;
    }
    .selection-menu__dropdown.popup--active {
        display: block;
    }
}
@media (min-width: 1024px) {
    .selection-menu:hover:before {
        content: "";
    }
    .selection-menu:hover .selection-menu__button {
        box-shadow: none;
        filter: none;
    }
    .selection-menu:hover .selection-menu__dropdown {
        display: block;
    }
}
@media (max-width: 390px) {
    .selection-menu__button {
        width: 40px;
        padding-right: 7px;
    }
    .selection-menu__button:after {
        content: none;
    }
    .selection-menu__button:before {
        left: 10px;
    }
}
@media (min-width: 550px) {
    .selection-menu__dropdown {
        left: 0;
        right: auto;
    }
}
@media (min-width: 1366px) {
    .selection-menu__button {
        width: 136px;
        padding-left: 44px;
        padding-right: 40px;
    }
    .selection-menu__button-text {
        font-size: inherit;
    }
}
@media (min-width: 1720px) {
    .selection-menu__button {
        width: 192px;
        padding-left: 48px;
        --button-font-size: 20px;
        --button-height: 48px;
    }
    .selection-menu__button:before {
        left: 14px;
        width: 23px;
        height: 23px;
        background: url(../images/icons-sprite.svg) -206px -2px no-repeat;
    }
    .selection-menu__button:after {
        right: 16px;
        width: 13px;
        height: 8px;
        background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
    }
}
.header-user {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 312px;
}
.header-user__avatar {
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}
.header-user__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #5e5e5e;
}
.header-user__title {
    font-size: 16px;
    font-weight: 700;
}
.header-user__subtitle,
.header-user__title {
    line-height: 17px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.header-user__subtitle {
    font-size: 14px;
    font-weight: 400;
}
.header-user__auth-btn {
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
    .header-user__auth-btn:hover {
        color: red;
    }
}
.header-user__discount {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #009845;
}
.header-user__dropdown-trigger {
    position: relative;
    padding-right: 32px;
}
.header-user__dropdown-trigger:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 14px;
    height: 9px;
    background: no-repeat 50% url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23C4C4C4' stroke-width='2'/%3E%3C/svg%3E");
    transition: all 0.3s ease;
}
.header-user__dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 16px);
    width: 250px;
    background-color: #fff;
    border: 1px solid #e7e8e9;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.10196078431372549);
}
.header-user__dropdown-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-user__dropdown-list > li {
    margin: 0;
    padding: 0;
}
.header-user__dropdown-item {
    border-bottom: 1px solid #e7e8e9;
}
.header-user__dropdown-item:last-child {
    border-bottom: none;
}
.header-user__dropdown-link {
    display: block;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #5e5e5e;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
    .header-user__dropdown-link:hover {
        color: red;
    }
}
.header-user._active .header-user__dropdown-trigger:after {
    transform: translateY(-50%) rotate(180deg);
}
.header-user._active .header-user__dropdown {
    display: block;
}
@media screen and (max-width: 1365px) {
    .header-user {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .header-user {
        display: none;
    }
}
.header-user-mobile {
    display: none;
}
.header-user-mobile__auth-btn {
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
    .header-user-mobile__auth-btn:hover {
        box-shadow: none;
    }
}
.header-user-mobile__avatar {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 1365px) {
    .header-user-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 640px) {
    .header-user-mobile {
        display: none;
    }
}
.header-basket {
    margin: calc(var(--header-basket-gap) / -2);
    display: flex;
    align-items: center;
    --button-height: 48px;
    --counter-bg: var(--color-light-green);
    --icon-transform: none;
    --header-basket-gap: 13px;
}
.header-basket__item {
    padding: calc(var(--header-basket-gap) / 2);
    position: relative;
}
.header-basket__item.icon-chat .header-basket__button--basket:not(.icon-close) {
    background: var(--color-light-green);
    border: none;
}
.header-basket__item.icon-chat svg {
    stroke: #fff;
    width: 22px;
    height: 22px;
}
.header-basket__item .js-dropdown-wrapper .header-basket__button {
    border: none;
}
.header-basket__item .dropdown {
    position: absolute;
    left: 0;
    bottom: 0;
}
.header-basket__item .dropdown .header-basket__item:not(:last-child) {
    padding: 5px calc(var(--header-basket-gap) / 2);
}
.header-basket__item .dropdown .header-basket__item.icon-close .header-basket__button--basket {
    background: #d6d6d6 !important;
}
.header-basket__item .dropdown {
    display: none;
}
.header-basket__item .js-dropdown-toggle {
    transition: all 0.2s;
}
.header-basket__item.dropdown--active .js-dropdown-toggle {
    opacity: 0;
}
.header-basket__button {
    position: relative;
    width: var(--button-height);
    min-width: var(--button-height);
    height: var(--button-height);
    padding: 0;
    border: 1px solid #e7e8e9;
    border-radius: calc(var(--button-height) / 2);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
    text-align: center;
    text-decoration: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    color: var(--color-orange);
}
.header-basket__button:hover {
    box-shadow: none;
}
.header-basket__button--configurator {
    --counter-bg: var(--color-red);
}
.header-basket__button--configurator svg {
    stroke-opacity: 0;
}
.header-basket__button--notifications .header-basket__button-count {
    background-color: red;
    color: #fff;
}
.header-basket__button.default {
    border-color: #ededed;
    background: #ededed;
    box-shadow: none;
    color: var(--color-grey-light);
    pointer-events: none;
}
.header-basket__button.default:hover {
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.1);
}
.header-basket__button-icon {
    display: flex;
    transform: var(--icon-transform);
}
.header-basket__button-count {
    font-family: sans-serif;
    position: absolute;
    top: 0;
    right: -7px;
    font-size: 12px;
    font-weight: 500;
    min-width: 18px;
    height: 14px;
    line-height: 14px;
    padding: 2px 5px 3px;
    background: var(--counter-bg);
    border-radius: 9px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-basket__button-count:empty,
.header-basket__button.default .header-basket__button-count {
    display: none;
}
@media (min-width: 414px) {
    .header-basket {
        --header-basket-gap: 18px;
        --button-height: 48px;
    }
}
@media (min-width: 640px) {
    .header-basket {
        --header-basket-gap: 12px;
        --button-height: 48px;
        --icon-transform: scale(0.83);
    }
}
@media (min-width: 800px) {
    .header-basket {
        --header-basket-gap: 12px;
        --button-height: 48px;
    }
}
@media (min-width: 1720px) {
    .header-basket {
        --header-basket-gap: 16px;
        --button-height: 48px;
        --icon-transform: none;
    }
    .header-basket__button-count {
        font-size: 14px;
        line-height: 14px;
        top: 0;
        right: -14px;
        min-width: 28px;
        padding: 2px 3px;
        height: 18px;
    }
}
.inform-menu {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1875;
    background: #fff;
    --menu-current-bg: var(--color-orange);
    --menu-current-color: var(--color-white);
}
.inform-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.inform-menu__item {
    margin: -1px 0 0 -1px;
    border: 1px solid #e7e8e9;
    background: #fff;
    white-space: nowrap;
    flex: 1 1 100%;
}
.inform-menu__item.current {
    background: var(--menu-current-bg);
    color: var(--menu-current-color);
    --link-hover-color: var(--menu-current-color);
}
.inform-menu__item:before {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    background: inherit;
    z-index: -1;
}
.inform-menu__item:first-child:before {
    left: 0;
    transform: skewX(45deg);
    transform-origin: 0 100%;
}
.inform-menu__item:last-child:before {
    right: 0;
    transform: skewX(-45deg);
    transform-origin: 100% 100%;
}
.inform-menu__link {
    padding: 17px 16px;
    display: block;
    text-decoration: none;
}
.inform-menu .site-header__alert {
    width: 100%;
}
.inform-menu .site-header__alert.popup--active {
    display: block;
}
.inform-menu .header-alert {
    max-width: 100%;
}
@media (min-width: 1366px) {
    .inform-menu .header-alert {
        max-width: calc(100% - 64px);
    }
}
@media (min-width: 1720px) {
    .inform-menu .header-alert {
        max-width: calc(100% - 96px);
    }
}
@media (min-width: 414px) {
    .inform-menu__link {
        padding: 17px 24px;
    }
}
@media (min-width: 640px) {
    .inform-menu__list {
        display: flex;
    }
    .inform-menu__item {
        flex: 1 1 50%;
    }
}
@media (min-width: 800px) {
    .inform-menu {
        font-size: 16px;
        line-height: 1.1875;
    }
    .inform-menu__link {
        padding: 19px 24px;
    }
}
@media (min-width: 1366px) {
    .inform-menu {
        font-size: 14px;
        line-height: 1.11111;
        filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.1));
    }
    .inform-menu__list {
        flex-wrap: nowrap;
    }
    .inform-menu__item {
        min-width: 128px;
        margin: 0;
        border: none;
        border-left: 1px solid #e7e8e9;
        flex: 1 1 0px;
    }
    .inform-menu__item:first-child {
        border-left: none;
    }
    .inform-menu__item:first-child:before,
    .inform-menu__item:last-child:before {
        content: "";
    }
    .inform-menu__link {
        padding: 14px 11px;
        text-align: center;
    }
}
@media (min-width: 1720px) {
    .inform-menu {
        font-size: 18px;
    }
    .inform-menu__item {
        min-width: 168px;
        flex: 1 1 auto;
    }
    .inform-menu__link {
        padding: 14px;
    }
}
.header-alert {
    position: relative;
    font-size: 16px;
    line-height: 1.25;
    min-height: 40px;
    background: var(--color-orange);
    display: flex;
    align-items: center;
    color: #fff;
    width: 100%;
    max-width: unset;
    --link-hover-color: #fff;
}
.header-alert:after,
.header-alert:before {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    background: inherit;
    z-index: -1;
}
.header-alert:before {
    left: 0;
    transform: skewX(45deg);
    transform-origin: 0 100%;
}
.header-alert:after {
    right: 0;
    transform: skewX(-45deg);
    transform-origin: 100% 100%;
}
.header-alert__close {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 18px;
    height: 18px;
    padding: 2px;
    border: none;
    background: none;
    outline: none;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: hsla(0, 0%, 100%, 0.33);
    cursor: pointer;
    z-index: 10;
}
.header-alert__close .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
.header-alert__close:hover {
    color: hsla(0, 0%, 100%, 0.66);
}
.header-alert__inner {
    position: relative;
    padding: 8px 24px 7px 0;
    flex: 1 1 auto;
}
@media (min-width: 800px) {
    .header-alert {
        text-align: center;
    }
    .header-alert:after,
    .header-alert:before {
        content: "";
    }
    .header-alert__inner {
        padding: 10px 16px;
    }
}
@media (min-width: 1024px) {
    .header-alert {
        font-size: 14px;
        line-height: 1.14286;
        max-width: 676px;
    }
}
@media (min-width: 1366px) {
    .header-alert {
        max-width: 1192px;
        min-height: 32px;
    }
    .header-alert__inner {
        padding: 9px 30px 7px;
    }
    .header-alert__close {
        right: 8px;
        width: 14px;
        height: 14px;
    }
}
@media (min-width: 1720px) {
    .header-alert {
        font-size: 18px;
        line-height: 1.11111;
        max-width: 1234px;
    }
    .header-alert__close {
        width: 20px;
        height: 20px;
    }
    .header-alert__inner {
        padding: 15px 30px 13px;
    }
}
.location-modal {
    width: 100%;
    max-width: 1328px;
    padding-left: 40px;
    padding-right: 40px;
}
@media (min-width: 1024px) {
    .location-modal {
        padding: 40px;
    }
}
@media (min-width: 1366px) {
    .location-modal {
        padding: 69px 64px 64px;
    }
}
.location-menu {
    font-size: 18px;
    line-height: 1.22222;
    color: #5e5e5e;
    --link-decoration: none;
}
.location-menu__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.22727;
    margin: 0 0 30px;
}
.location-menu__body {
    -moz-columns: auto 1;
    columns: 1;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.location-menu__section {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding: 0 0 0 26px;
    margin: 0 0 30px -26px;
}
.location-menu__section-icon {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 8px;
}
.location-menu__section-title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.22222;
    margin-bottom: 20px;
}
.location-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.location-menu__item {
    position: relative;
    padding: 0 0 0 26px;
    margin: 18px 0 0 -26px;
}
.location-menu__item:first-child {
    margin-top: 0;
}
.location-menu__item-icon {
    position: absolute;
    top: 1px;
    right: 100%;
    margin-right: 0;
    left: 0;
    display: flex;
}
.location-menu__item-icon .svg-icon {
    width: 18px;
    height: 16px;
}
@media (min-width: 640px) {
    .location-menu__body {
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (min-width: 800px) {
    .location-menu__title {
        font-size: 30px;
        line-height: 1.2;
        margin: 0 0 42px;
    }
}
@media (min-width: 1024px) {
    .location-menu__body {
        -moz-column-count: 4;
        column-count: 4;
    }
}
@media (min-width: 1366px) {
    .location-menu__body {
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
    .location-menu__item {
        margin-left: -50px;
        padding-left: 50px;
    }
    .location-menu__item-icon {
        top: -6px;
    }
    .location-menu__item-icon .svg-icon {
        width: 26px;
        height: 24px;
    }
    .location-menu__section {
        margin-left: -50px;
        padding-left: 50px;
    }
}
.callback-modal {
    width: 100%;
    max-width: 648px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media (min-width: 416px) {
    .callback-modal {
        padding: 34px 40px 40px;
    }
}
@media (min-width: 800px) {
    .callback-modal {
        padding: 34px 80px 40px;
    }
}
.callback-form__head {
    margin-bottom: 16px;
    text-align: center;
}
.callback-form__head:last-child {
    margin-bottom: 0;
}
.callback-form__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.20833;
    margin: 0;
}
.callback-form__descr {
    font-size: 18px;
    line-height: 1.22222;
    margin-top: 22px;
    color: var(--color-grey);
}
.callback-form__input {
    min-width: 1px;
    flex: 1 1 auto;
    --input-border-color: #e7e8e9;
    --button-border-color: #e7e8e9;
}
.callback-form__submit {
    min-width: 80px;
    margin-left: -1px;
    flex: 0 0 auto;
    box-shadow: none;
}
.callback-form__policy {
    font-size: 13px;
    line-height: 1.23077;
    margin-top: 12px;
    color: var(--color-grey-light);
}
.header-panel {
    position: sticky;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
    z-index: 550;
    order: 20;
}
.header-panel__inner {
    position: relative;
    width: 416px;
    max-width: 100%;
    height: 72px;
    padding: 0 12px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.header-panel__basket {
    flex: 0 0 auto;
}
@media (min-width: 414px) {
    .header-panel__inner {
        padding: 0 36px 0 28px;
        gap: 26px;
    }
}
@media (min-width: 640px) {
    .header-panel {
        display: none;
    }
}
.hint {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: red;
    width: -moz-fit-content;
    width: fit-content;
    opacity: 0;
    visibility: hidden;
}
.hint_show {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}
.hint a {
    color: #009845;
    cursor: pointer;
}
.icon,
.svg-icon {
    flex-shrink: 0;
    font-size: 0;
    fill: currentColor;
    stroke: currentColor;
    display: inline-block;
}
.icon--arrow-down {
    width: 13px;
    height: 8px;
    background: url(../images/icons-sprite.svg) -2px -2px no-repeat;
}
.icon--arrow-down-sm {
    width: 8.71px;
    height: 5.06px;
    background: url(../images/icons-sprite.svg) -19px -2px no-repeat;
}
.icon--arrow-left {
    width: 11px;
    height: 19px;
    background: url(../images/icons-sprite.svg) -32px -2px no-repeat;
}
.icon--arrow-long-right {
    width: 32px;
    height: 16px;
    background: url(../images/icons-sprite.svg) -47px -2px no-repeat;
}
.icon--availability {
    width: 20px;
    height: 20px;
    background: url(../images/icons-sprite.svg) -83px -2px no-repeat;
}
.icon--burger {
    width: 20px;
    height: 20px;
    background: url(../images/icons-sprite.svg) -107px -2px no-repeat;
}
.icon--burger-sm {
    width: 16px;
    height: 16px;
    background: url(../images/icons-sprite.svg) -131px -2px no-repeat;
}
.icon--check {
    width: 10px;
    height: 7.4px;
    background: url(../images/icons-sprite.svg) -151px -2px no-repeat;
}
.icon--close {
    width: 10px;
    height: 10px;
    background: url(../images/icons-sprite.svg) -165px -2px no-repeat;
}
.icon--configurator {
    width: 23px;
    height: 23px;
    background: url(../images/icons-sprite.svg) -179px -2px no-repeat;
}
.icon--configurator-active {
    width: 23px;
    height: 23px;
    background: url(../images/icons-sprite.svg) -206px -2px no-repeat;
}
.icon--configurator-active-sm {
    width: 18.82px;
    height: 19.35px;
    background: url(../images/icons-sprite.svg) -233px -2px no-repeat;
}
.icon--fileinput {
    width: 10px;
    height: 20px;
    background: url(../images/icons-sprite.svg) -256px -2px no-repeat;
}
.icon--notifications {
    width: 21px;
    height: 24px;
    background: url(../images/icons-sprite.svg) -270px -2px no-repeat;
}
.icon--quote {
    width: 64px;
    height: 60px;
    background: url(../images/icons-sprite.svg) -295px -2px no-repeat;
}
.icon--sort {
    width: 19.28px;
    height: 19px;
    background: url(../images/icons-sprite.svg) -363px -2px no-repeat;
}
.icon__configurator-send {
    width: 24.35px;
    height: 27.83px;
    background: url(../images/icons-sprite.svg) -387px -2px no-repeat;
}
.svg-icon--chat,
.svg-icon--phone {
    width: 16px;
    height: 16px;
    stroke: none;
}
.svg-icon--email {
    width: 19px;
    height: 19px;
    stroke: none;
}
.svg-icon--vk {
    width: 21px;
    height: 12px;
    stroke: none;
}
.svg-icon--youtube {
    width: 19px;
    height: 13px;
    stroke: none;
}
.svg-icon--new {
    max-width: 32px;
    max-height: 38px;
    stroke: none;
}
.svg-icon--compare {
    width: 24px;
    height: 24px;
    stroke: none;
}
.svg-icon--favorite {
    width: 22px;
    height: 20px;
    stroke: none;
}
.svg-icon--cart {
    width: 22px;
    height: 22px;
    stroke: none;
}
.svg-icon--search {
    width: 24px;
    height: 24px;
    stroke: none;
}
.svg-icon--close {
    width: 16px;
    height: 16px;
    stroke: none;
}
.svg-icon--city {
    width: 18px;
    height: 16px;
    stroke: none;
}
.svg-icon--cart-white {
    width: 26px;
    height: 28px;
    stroke: none;
}
.svg-icon--availability {
    width: 20px;
    height: 20px;
    color: #e7e8e9;
    stroke: #c4c4c4;
}
.svg-icon--availability-active {
    width: 20px;
    height: 20px;
    color: var(--color-light-green);
    stroke: currentColor;
}
.svg-icon--configurator {
    width: 22px;
    height: 22px;
    color: #e7e8e9;
    stroke: #c4c4c4;
}
.svg-icon--configurator-active {
    width: 22px;
    height: 22px;
    color: var(--color-orange);
    stroke: currentColor;
}
.svg-icon--arrow-right {
    width: 32px;
    height: 16px;
    fill: none;
}
.svg-icon--slider-arrow {
    width: 11px;
    height: 19px;
    fill: none;
}
.svg-icon--fileinput {
    width: 10px;
    height: 20px;
    stroke: none;
    color: var(--color-light-green);
}
.svg-icon--filter {
    width: 20px;
    height: 20px;
    stroke: none;
}
.svg-icon--configurator-white {
    width: 22px;
    height: 23px;
    color: var(--color-white);
}
@media (max-width: 1365px) {
    .svg-icon--configurator-white {
        width: 20px;
        height: 20px;
    }
}
.svg-icon--non-standard {
    width: 35px;
    height: 40px;
    color: var(--color-orange);
}
@media (max-width: 1365px) {
    .svg-icon--non-standard {
        width: 28px;
        height: 32px;
    }
}
.svg-icon--fan-min {
    color: #0099a8;
}
.svg-icon--fan-min,
.svg-icon--vozd-min {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid;
    border-radius: 50%;
    stroke: none;
}
.svg-icon--vozd-min {
    color: #ff6a00;
}
.svg-icon--pvu-min {
    color: #7c858b;
}
.svg-icon--pvu-min,
.svg-icon--valves-min {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid;
    border-radius: 50%;
    stroke: none;
}
.svg-icon--valves-min {
    color: #68757e;
}
.svg-icon--heater-min {
    color: #a12b2a;
}
.svg-icon--diffusers-min,
.svg-icon--heater-min {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid;
    border-radius: 50%;
    stroke: none;
}
.svg-icon--diffusers-min {
    color: #00662f;
}
.svg-icon--automatic-min {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid;
    border-radius: 50%;
    stroke: none;
    color: #45277b;
}
.svg-icon--fan2-min,
.svg-icon--valves2-min {
    color: #ff6a00;
}
.svg-icon--fan2-min,
.svg-icon--valves2-min,
.svg-icon--ventilation-min {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid;
    border-radius: 50%;
    stroke: none;
}
.svg-icon--ventilation-min {
    color: #004987;
}
.svg-icon--neiva {
    width: 75px;
    max-width: 55px;
    height: 21px;
    max-height: 15px;
    fill: #00b2e3;
    stroke: none;
    color: #ed6c06;
}
.svg-icon--salair {
    width: 75px;
}
.svg-icon--alatau,
.svg-icon--salair {
    max-width: 62px;
    height: 21px;
    max-height: 16px;
    fill: #00b2e3;
    stroke: none;
    color: #ed6c06;
}
.svg-icon--alatau {
    width: 84px;
}
.svg-icon--pagination-arrow {
    width: 6px;
    height: 11px;
}
.svg-icon--pagination-arrow-double {
    width: 12px;
    height: 11px;
}
.news-front {
    margin-bottom: 96px;
    --column: 1;
}
.news-front__outer {
    grid-template-columns: 1fr auto;
    grid-gap: 16px var(--grid-gap);
}
.news-front__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin-bottom: 31px;
    grid-area: 1/1/2/2;
}
.news-front__body {
    min-width: 1px;
    grid-area: 2/1/3/3;
}
.news-front__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.news-front__list-outer {
    margin: calc(var(--grid-gap) / -2);
}
.news-front__list-outer.swiper-container-initialized {
    padding-left: calc(var(--container-padding) - var(--grid-gap) / 2);
    padding-right: calc(var(--container-padding) - var(--grid-gap) / 2);
    margin-left: calc(var(--container-padding) * -1);
    margin-right: calc(var(--container-padding) * -1);
}
.news-front__item {
    width: calc(240px + var(--grid-gap));
    padding: calc(var(--grid-gap) / 2);
    margin: 0;
    flex: 0 0 auto;
}
.news-front__subscribe {
    max-width: 368px;
    margin-top: 32px;
    margin-left: auto;
    text-align: right;
    grid-area: 1/2/2/3;
}
.news-front .swiper-slider__button:not(.swiper-slider__button--rectangle) {
    --arrow-pos-x: calc(var(--grid-gap) / 2 + 9px);
    --swiper-navigation-size: 32px;
    --arrow-icon-size: scale(0.6);
}
@media (min-width: 800px) {
    .news-front {
        margin-bottom: 112px;
        --column: 3;
    }
    .news-front__outer {
        display: grid;
    }
    .news-front__title {
        margin-bottom: 15px;
    }
    .news-front__subscribe {
        margin-top: 0;
    }
}
@media (min-width: 801px) {
    .news-front__list-outer.swiper-container-initialized {
        padding-left: 0;
        padding-right: 0;
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
}
@media (min-width: 1366px) {
    .news-front {
        margin-bottom: 112px;
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
    .news-front__outer {
        grid-gap: 21px var(--grid-gap);
    }
    .news-front__subscribe {
        max-width: none;
    }
}
@media (min-width: 1720px) {
    .news-front {
        margin-bottom: 152px;
    }
    .news-front__title {
        margin-bottom: 0;
    }
    .news-front__outer {
        grid-gap: 40px var(--grid-gap);
    }
}
.news-item {
    position: relative;
    font-size: 14px;
    line-height: 1.28571;
    height: 184px;
    background: #fff;
    box-shadow: var(--block-shadow);
    display: grid;
    grid-template-rows: 1fr auto;
    overflow: hidden;
    color: #fff;
    --link-decoration: none;
}
.news-item__outer {
    display: grid;
    grid-template-rows: 1fr;
    grid-area: 1/1/3/2;
}
.news-item__inner {
    position: relative;
    min-height: 0;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    grid-area: 1/1/2/2;
    overflow: hidden;
    transition: transform 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}
.news-item__inner:after,
.news-item__inner:before {
    content: "";
    display: block;
}
.news-item__inner:before {
    padding-top: 16px;
}
.news-item__inner:after {
    padding-bottom: 50px;
}
.news-item__inner--top {
    color: #fff;
}
.news-item__inner--bottom {
    border: 1px solid #e7e8e9;
    grid-area: 1/1/2/2;
    display: none;
    opacity: 0;
    transform: translateY(100%);
}
.news-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 0.2s ease-in-out 0s;
    --image-width: 100%;
    --image-height: 100%;
}
.news-item__image:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 39, 39, 0.36);
}
.news-item__body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1 1 auto;
}
.news-item__title {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    height: 88px;
    max-height: 88px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-item__date {
    font-size: 14px;
    line-height: 1.14286;
    margin-top: 12px;
}
.news-item__descr {
    position: relative;
    font: inherit;
    height: 108px;
    min-height: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 0 0 auto;
    color: var(--color-grey);
}
.news-item__foot {
    position: relative;
    z-index: 2;
    padding: 0 8px 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    grid-area: 2/1/3/2;
    --icon-transform: scale(0.83);
}
.news-item__tags {
    font-size: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: default;
}
.news-item__tags-item {
    margin: 4px 4px 4px 0;
    display: inline-block;
}
.news-item__action {
    margin-left: auto;
    --button-height: 40px;
}
.news-item__inner--bottom {
    display: block;
}
.news-item:hover .news-item__inner--top {
    transform: translateY(-100%);
}
.news-item:hover .news-item__inner--bottom {
    opacity: 1;
    transform: none;
}
@media (min-width: 1720px) {
    .news-item {
        font-size: 18px;
        line-height: 1.5;
        height: 232px;
    }
    .news-item__inner:after {
        padding-bottom: 67px;
    }
    .news-item__title {
        font-size: 18px;
        line-height: 22px;
        height: auto;
    }
    .news-item__date {
        font-size: 16px;
        line-height: 1.3125;
        margin-top: 8px;
    }
    .news-item__descr {
        height: 135px;
        -webkit-line-clamp: 5;
    }
    .news-item__foot {
        padding: 0 16px 16px;
        --icon-transform: none;
    }
    .news-item__action {
        --button-height: 48px;
    }
}
.notification {
    position: relative;
    display: flex;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--button-border-color);
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
    .notification:hover {
        box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
    }
}
.notification__close {
    position: absolute;
    top: 8px;
    right: 9px;
    display: flex;
    color: #c4c4c4;
    transition: all 0.3s ease;
}
.notification__close,
.notification__close svg {
    width: 10px;
    height: 10px;
}
@media (min-width: 1025px) {
    .notification__close:hover {
        color: red;
    }
}
.notification__img {
    flex-shrink: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
@media screen and (max-width: 640px) {
    .notification__img {
        width: 56px;
        height: 56px;
    }
}
.notification__content {
    flex-grow: 1;
}
.notification__text {
    padding-right: 14px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #5e5e5e;
}
.notification__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
@media screen and (max-width: 640px) {
    .notification__bottom {
        flex-direction: column;
    }
}
.notification__link {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #009845;
    text-decoration: underline;
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
    .notification__link:hover {
        color: #166838;
    }
}
.notification__date {
    margin-left: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #5e5e5e;
}
@media screen and (max-width: 640px) {
    .notification__date {
        margin: 0;
    }
}
@media (max-width: 1264px) {
    .our-projects {
        margin-top: 0;
    }
}
.our-projects__project-list {
    margin-top: 10px;
    display: flex;
    --columns: 1;
}
.our-projects__project-list-wrapper {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}
.our-projects__project-list-item {
    width: calc(100% / var(--columns));
    max-width: calc(240px + var(--grid-gap));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 auto var(--grid-gap) auto;
    display: flex;
    flex: 0 0 auto;
}
@media (min-width: 640px) {
    .our-projects__project-list {
        --columns: 2;
    }
    .our-projects__project-list-item {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .our-projects__project-list {
        --columns: 3;
    }
    .our-projects__project-list-wrapper {
        margin-left: -4px;
        margin-right: -4px;
    }
    .our-projects__project-list-item {
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media (min-width: 800px) {
    .our-projects__project-list {
        --columns: 3;
    }
    .our-projects__project-list-wrapper {
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
    .our-projects__project-list-item {
        padding-left: calc(var(--grid-gap) / 2);
        padding-right: calc(var(--grid-gap) / 2);
    }
}
@media (min-width: 1366px) {
    .our-projects__project-list {
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
}
.our-projects__empty {
    margin-top: 77px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.our-projects__empty-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
}
.our-projects__empty-subtitle {
    margin-top: 13px;
    font-size: 18px;
    line-height: 28px;
    color: #5e5e5e;
}
.our-projects__empty-btns {
    margin-top: 44px;
    display: flex;
    align-items: center;
}
@media (max-width: 500px) {
    .our-projects__empty-btns {
        flex-direction: column-reverse;
    }
}
.our-projects__empty-btns .nwb-button--white {
    height: 48px;
    margin-left: 24px;
}
.our-projects__empty-btns .nwb-button--white svg {
    fill: #009845;
}
@media (max-width: 500px) {
    .our-projects__empty-btns .nwb-button--white {
        margin-left: 0;
        margin-bottom: 24px;
    }
}
.our-projects__empty-popular-pages {
    width: 100%;
}
.popular-pages__title {
    text-align: left;
}
.popular-pages__slider {
    margin: 0 -12px;
}
.page-favorite {
    --columns: 1;
}
.page-favorite__body {
    margin-top: 24px;
}
.page-favorite__wrapper {
    position: relative;
}
.page-favorite__delete-btn {
    align-items: center;
    height: 48px;
    width: 256px;
    position: absolute;
    right: 0;
    bottom: calc(100% + 70px);
    font-weight: 500;
}
@media (max-width: 1719px) {
    .page-favorite__delete-btn {
        bottom: calc(100% + 44px);
        height: 40px;
        min-height: unset;
    }
}
@media (max-width: 639px) {
    .page-favorite__delete-btn {
        position: static;
        margin-bottom: 24px;
    }
}
.page-favorite__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
}
.page-favorite__list-item {
    width: calc(100% / var(--columns));
    max-width: calc(240px + var(--grid-gap));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 auto var(--grid-gap) auto;
    display: flex;
    flex: 0 0 auto;
}
@media (min-width: 640px) {
    .page-favorite {
        --columns: 2;
    }
    .page-favorite__list-item {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .page-favorite {
        --columns: 3;
    }
    .page-favorite__list {
        margin-left: -4px;
        margin-right: -4px;
    }
    .page-favorite__list-item {
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media (min-width: 800px) {
    .page-favorite {
        --columns: 3;
    }
    .page-favorite__list {
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
    .page-favorite__list-item {
        padding-left: calc(var(--grid-gap) / 2);
        padding-right: calc(var(--grid-gap) / 2);
    }
}
@media (min-width: 1366px) {
    .page-favorite {
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
}
.page-head {
    position: relative;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 40px;
    background: 50% / cover no-repeat;
    display: flex;
    --page-head-pb: 0;
    --breadcrumbs-color: var(--color-grey);
}
@media (max-width: 639px) {
    .page-head--hidden {
        display: none;
    }
}
.page-head--bg {
    background-size: cover;
    background-position: 100%;
    min-height: 275px;
    background-color: var(--color-grey);
    color: #fff;
    --breadcrumbs-color: inherit;
    --page-head-pb: 34px;
    --breadcrumbs-slash-color: #fff;
}
.page-head--light:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 1;
}
.page-head--fullscreen {
    height: calc(100vh - 136px);
    --page-head-pb: 108px;
}
@media (max-width: 1365px) {
    .page-head--fullscreen {
        background-position: 50%;
    }
}
.page-head__picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-head__picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
}
.page-head__logo {
    margin-bottom: auto;
    width: 125px;
}
.page-head__outer {
    position: relative;
    min-height: inherit;
    padding-top: 72px;
    padding-bottom: var(--page-head-pb);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 0 0 auto;
}
.page-head__top {
    margin: 0 calc(var(--grid-gap) / -2);
    align-items: flex-end;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}
.page-head__top .projects-item__important {
    position: relative;
    display: inline-block;
    left: 0;
    top: 3px;
    width: 16px;
    height: 21px;
    margin: 0 5px;
}
.page-head__top .projects-item__important svg {
    width: 100%;
    height: 100%;
}
@media (max-width: 640px) {
    .page-head__top .projects-item__important {
        width: 14px;
    }
}
.page-head__inner {
    padding: 0 calc(var(--grid-gap) / 2);
    flex: 1 1 auto;
}
.page-head__breadcrumbs {
    margin-bottom: 14px;
    color: var(--breadcrumbs-color);
}
.page-head__title {
    font-size: var(--h1-size);
    font-weight: 500;
    line-height: var(--h1-lineheight);
    margin: 0;
    z-index: 1;
}
@media (max-width: 639px) {
    .page-head__title--hidden {
        display: none;
    }
}
.page-head__descr {
    padding: 0 calc(var(--grid-gap) / 2) 7px calc(var(--grid-gap) / 2);
    margin-top: 15px;
    flex: 0 0 50%;
}
.page-head__descr-inner > span {
    word-wrap: normal;
    display: inline-flex;
    align-items: center;
}
.page-head__text {
    font-size: var(--h3-size);
    font-weight: 400;
    line-height: var(--h3-lineheight);
}
.page-head__props {
    font-size: 18px;
    line-height: 1.125;
    margin-top: 25px;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}
.page-head__props-city {
    font-size: 22px;
    line-height: 1.06667;
}
.page-head__props-year {
    margin-top: 18px;
}
.page-head__bottom {
    margin: 30px calc(var(--grid-gap) / -2) 0 calc(var(--grid-gap) / -2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}
.page-head__bottom-icons,
.page-head__bottom-tags {
    padding: 0 calc(var(--grid-gap) / 2);
}
@media (min-width: 414px) {
    .page-head__props {
        font-size: 22px;
    }
    .page-head__props-city {
        font-size: 24px;
    }
    .page-head__bottom {
        margin-top: 50px;
    }
}
@media (min-width: 640px) {
    .page-head--fullscreen {
        height: calc(100vh - 136px);
    }
    .page-head--bg {
        --page-head-pb: 34px;
    }
    .page-head__props {
        font-size: 22px;
    }
    .page-head__props-city {
        font-size: 24px;
    }
    .page-head__bottom {
        margin-top: 77px;
    }
}
@media (min-width: 800px) {
    .page-head__logo {
        margin-bottom: auto;
        width: 200px;
    }
}
@media (min-width: 1366px) {
    .page-head {
        font-size: 18px;
        line-height: 1.4;
    }
    .page-head--fullscreen {
        height: calc(100vh - 105px);
        background-position: 50%;
        background-attachment: fixed;
    }
    @supports (-webkit-touch-callout: none) {
        .page-head--fullscreen {
            background-attachment: scroll;
        }
    }
    .page-head__top {
        display: flex;
    }
    .page-head__descr-inner {
        max-width: 648px;
    }
}
@media (min-width: 1720px) {
    .page-head {
        margin-bottom: 64px;
        font-size: 20px;
    }
    .page-head--bg {
        min-height: 369px;
    }
    .page-head--fullscreen {
        height: calc(100vh - 146px);
        background-position: 50%;
    }
    .page-head__props {
        font-size: 24px;
    }
    .page-head__props-city {
        font-size: 34px;
    }
}
@media (max-height: 500px) {
    .page-head--fullscreen {
        height: auto;
    }
}
.breadcrumbs-box {
    font-size: 14px;
    line-height: 1.21429;
    --link-decoration: none;
}
.breadcrumbs-box__list {
    list-style: none;
    flex-wrap: wrap;
}
.breadcrumbs-box__item,
.breadcrumbs-box__list {
    padding: 0;
    margin: 0;
    display: flex;
}
.breadcrumbs-box__item:not(.breadcrumbs-box__item:first-child) {
    margin-left: 3px;
}
.breadcrumbs-box__item:after {
    content: "\00A0/\00A0";
    color: var(--breadcrumbs-slash-color, var(--color-orange));
}
.breadcrumbs-box__link {
    display: inline-block;
    margin-right: 3px;
}
.project-iconic {
    padding-top: 88px;
}
@media (max-width: 1366px) {
    .project-iconic {
        padding-top: 30px;
    }
}
.project-iconic__slider-container {
    margin: 0 -12px;
}
.project-iconic__slider-item {
    padding: 0 12px;
}
.project-iconic__slider-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.project-iconic__equipment,
.project-iconic__popular-catalog {
    margin-top: var(--margin-big);
}
.project-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--margin-large);
}
.project-info--reverse,
.project-info:nth-child(odd) {
    flex-direction: row-reverse;
}
.project-info--reverse .project-info__descr,
.project-info:nth-child(odd) .project-info__descr {
    padding-right: 0;
    padding-left: 96px;
}
@media (max-width: 1365px) {
    .project-info,
    .project-info:nth-child(2n) {
        flex-direction: column;
    }
    .project-info:nth-child(2n) .project-info__descr {
        padding: 0;
    }
    .project-info:nth-child(odd) {
        flex-direction: column;
    }
    .project-info:nth-child(odd) .project-info__descr {
        padding: 0;
    }
}
.project-info__descr {
    width: calc(50% + 24px);
    padding-right: 96px;
}
@media (max-width: 1366px) {
    .project-info__descr {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }
}
.project-info__title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
}
.project-info__text {
    font-size: 20px;
    line-height: 150%;
    margin-top: 40px;
    font-weight: 400;
}
@media (max-width: 1719px) {
    .project-info__text {
        font-size: 18px;
    }
}
@media (max-width: 413px) {
    .project-info__text {
        font-size: 16px;
    }
}
.project-info__img {
    width: calc(50% - 24px);
}
@media (max-width: 1366px) {
    .project-info__img {
        width: 100%;
    }
}
.project-info__img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.project-standard {
    margin-top: var(--margin-small);
}
@media (max-width: 1366px) {
    .project-standard {
        margin-top: 0;
    }
}
.project-standard .page-head__breadcrumbs {
    margin-bottom: 20px;
}
.project-standard .breadcrumbs-box__item:after {
    color: #ed6c06;
}
.project-standard__title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 500;
}
@media (max-width: 1366px) {
    .project-standard__title {
        font-size: 36px;
    }
}
@media (max-width: 640px) {
    .project-standard__title {
        font-size: 32px;
        line-height: 44px;
    }
}
.project-standard__info {
    margin-top: var(--margin-small);
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
@media (max-width: 1365px) {
    .project-standard__info {
        flex-direction: column;
        align-items: stretch;
    }
}
.project-standard__img {
    margin-right: 24px;
    flex: 1 0 50%;
    max-width: 816px;
}
.project-standard__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1365px) {
    .project-standard__img {
        max-width: 100%;
        margin-right: 0;
    }
}
.project-standard__descr {
    flex: 1 0 50%;
}
@media (max-width: 1365px) {
    .project-standard__descr {
        margin-left: 0;
        margin-top: 24px;
    }
}
.project-standard__descr-head {
    display: flex;
    align-items: center;
}
.project-standard__type {
    color: #5e5e5e;
    font-size: 18px;
    line-height: 18px;
    border-radius: 16px;
    border: 1px solid #c4c4c4;
    padding: 6px 8px;
    cursor: pointer;
    margin-right: 10px;
}
.project-standard__type:hover {
    box-shadow: var(--block-shadow);
}
.project-standard__icons {
    margin-left: auto;
}
.project-standard__table {
    width: 100%;
    margin-top: 32px;
    font-size: 18px;
    line-height: 24px;
    border-collapse: collapse;
}
.project-standard__table tr {
    height: 34px;
}
.project-standard__table tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.project-standard__table td:first-child {
    font-weight: 500;
    padding-left: 16px;
}
.project-standard__table td:last-child {
    color: #5e5e5e;
    text-align: right;
    padding-right: 16px;
}
@media (max-width: 1719px) {
    .project-standard__table {
        margin-top: 15px;
        font-size: 16px;
        line-height: 20px;
    }
    .project-standard__table tr {
        height: 28px;
    }
}
@media (max-width: 413px) {
    .project-standard__table tr {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 5px 0;
    }
    .project-standard__table td {
        padding: 2px 16px;
    }
    .project-standard__table td:last-child {
        text-align: left;
    }
}
.project-standard__text {
    margin-top: var(--margin-small);
    color: #5e5e5e;
    font-size: 20px;
    line-height: 150%;
}
.project-standard__text_tablet {
    display: none;
}
@media (max-width: 1719px) {
    .project-standard__text {
        font-size: 16px;
        margin-top: 15px;
    }
}
@media (max-width: 1365px) {
    .project-standard__text {
        display: none;
    }
    .project-standard__text_tablet {
        margin-top: 24px;
        display: block;
        width: 100%;
    }
}
.project-standard__equipment {
    margin-top: var(--margin-large);
}
.project-standard__popular-catalog {
    margin-top: var(--margin-big);
}
.projects-front {
    margin-bottom: 96px;
    --column: 1;
}
.projects-front__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin-bottom: 31px;
}
.projects-front__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.projects-front__list-outer {
    margin: calc(var(--grid-gap) / -2);
}
.projects-front__list-outer.swiper-container-initialized {
    margin-left: calc(var(--container-padding) * -1);
    padding-left: calc(var(--container-padding) - var(--grid-gap) / 2);
    padding-right: calc(var(--container-padding) - var(--grid-gap) / 2);
    margin-right: calc(var(--container-padding) * -1);
}
.projects-front__item {
    width: calc(240px + var(--grid-gap));
    padding: calc(var(--grid-gap) / 2);
    margin: 0;
    flex: 0 0 auto;
}
@media (min-width: 800px) {
    .projects-front {
        margin-bottom: 112px;
        --column: 3;
    }
    .projects-front__subscribe {
        margin-top: 0;
    }
}
@media (min-width: 801px) {
    .projects-front__list-outer.swiper-container-initialized {
        padding-left: 0;
        padding-right: 0;
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
}
@media (min-width: 1366px) {
    .projects-front {
        margin-bottom: 112px;
        --column: 5;
    }
    .projects-front__subscribe {
        max-width: none;
    }
}
@media (min-width: 1720px) {
    .projects-front {
        margin-bottom: 152px;
    }
    .projects-front__title {
        margin-bottom: 40px;
    }
    .projects-front__outer {
        grid-gap: 20px var(--grid-gap);
    }
}
.projects-item {
    position: relative;
    font-size: 14px;
    line-height: 1.28571;
    min-width: 1px;
    background: #fff;
    box-shadow: var(--block-shadow);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    cursor: default;
}
.projects-item__outer {
    display: grid;
    grid-template-rows: 1fr 144px;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.projects-item__imgblock {
    position: relative;
    height: 184px;
    flex: 0 0 auto;
    overflow: hidden;
    grid-area: 1/1/2/2;
}
.projects-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    --image-width: 100%;
    --image-height: 100%;
    max-width: 100%;
}
.projects-item__image:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.24);
    opacity: 0;
    transition: opacity 0.2s ease-in-out 0s;
}
.projects-item__important {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 40px;
    color: var(--color-orange);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/icon__important-project.svg);
}
@media (max-width: 1720px) {
    .projects-item__important {
        width: 23px;
        height: 29px;
    }
}
.projects-item__inner--top {
    min-height: 1px;
    grid-area: 2/1/3/2;
    border-left: 1px solid #e7e8e9;
    border-right: 1px solid #e7e8e9;
}
.projects-item__inner--bottom {
    min-height: 1px;
    overflow: hidden;
    grid-area: 2/1/3/2;
}
.projects-item__body {
    position: relative;
    padding: 16px;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.projects-item__body:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.projects-item__cat {
    font-size: 14px;
    line-height: 1.14286;
    margin-bottom: 8px;
    color: var(--color-grey);
}
.projects-item__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    max-height: 42px;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    --link-decoration: none;
}
.projects-item__link {
    transition: none;
}
.projects-item__descr {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-height: 24px;
}
.projects-item__descr,
.projects-item__year {
    color: var(--color-grey);
}
.projects-item__props {
    padding: 0 16px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    overflow: hidden;
    display: none;
    transform: translateY(100%);
    transition: transform 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    opacity: 0;
}
.projects-item__props-brand {
    margin-top: 20px;
}
.projects-item__foot {
    border: 1px solid #e7e8e9;
    border-top: none;
    position: relative;
    padding: 0 16px 16px;
    background: #fff;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 16px;
    --icon-transform: scale(0.83);
}
.projects-item__tags {
    font-size: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: default;
}
.projects-item__tags-item {
    max-width: 100%;
    margin: 4px 4px 4px 0;
    display: inline-block;
}
.projects-item__action {
    margin-left: auto;
    --button-height: 40px;
}
.projects-item:hover .projects-item__image:after {
    opacity: 1;
}
.projects-item:hover .projects-item__body {
    transform: translateY(-100%);
    justify-content: flex-end;
    color: #fff;
    --link-hover-color: #fff;
}
.projects-item:hover .projects-item__cat {
    display: none;
}
.projects-item:hover .projects-item__title {
    max-height: 63px;
    -webkit-line-clamp: 3;
}
.projects-item:hover .projects-item__descr,
.projects-item:hover .projects-item__year {
    color: inherit;
}
.projects-item__props {
    display: block;
}
.projects-item:hover .projects-item__props {
    transform: none;
    opacity: 1;
}
@media (min-width: 1720px) {
    .projects-item {
        font-size: 16px;
        line-height: 1.5;
    }
    .projects-item__outer {
        grid-template-rows: 1fr 192px;
    }
    .projects-item__imgblock {
        height: 232px;
    }
    .projects-item__important {
        width: 32px;
    }
    .projects-item__body {
        padding: 24px 16px 16px;
        flex: 1 1 auto;
    }
    .projects-item__cat {
        font-size: 18px;
        line-height: 1.16667;
        margin-bottom: 13px;
        color: inherit;
    }
    .projects-item__title {
        font-size: 22px;
        line-height: 30px;
        max-height: 60px;
        margin: 0 0 12px;
        -webkit-line-clamp: 2;
    }
    .projects-item__props {
        border-top: 31px solid transparent;
        border-bottom: 16px solid transparent;
    }
    .projects-item__props-brand {
        margin-top: 26px;
    }
    .projects-item__foot {
        --icon-transform: none;
    }
    .projects-item__action {
        --button-height: 48px;
    }
    .projects-item:hover .projects-item__title {
        max-height: 90px;
        -webkit-line-clamp: 3;
    }
}
.projects-item-search {
    display: flex;
    flex-direction: column;
    position: relative;
}
.projects-item-search__outer {
    text-decoration: none;
}
.projects-item-search__outer:hover .projects-item-search__image img {
    transform: scale(1.1);
}
.projects-item-search__imgblock {
    height: 120px;
}
.projects-item-search__image {
    height: 100%;
}
.projects-item-search__image img {
    transition: transform 0.2s ease-in-out 0s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.projects-item-search__important {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 23px;
    height: 29px;
    color: var(--color-orange);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/icon__important-project.svg);
}
@media (max-width: 1720px) {
    .projects-item-search__important {
        width: 23px;
        height: 29px;
    }
}
.projects-item-search__cat {
    margin-top: 16px;
    font-size: 13px;
    line-height: 16px;
    color: #5e5e5e;
    text-decoration: none;
}
.projects-item-search__title {
    line-height: 17px;
    font-size: 14px;
    color: #272727;
    font-weight: 500;
    margin-top: 9px;
    max-height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-decoration: none;
}
.projects-item-search__descr {
    margin-top: 15px;
}
.projects-item-search__descr,
.projects-item-search__year {
    color: #5e5e5e;
    font-size: 13px;
    line-height: 16px;
}
.projects-item-search__foot {
    margin-top: 21px;
}
.project-item-cat {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.project-item-cat__item {
    width: 28px;
    height: 28px;
    display: flex;
    flex: 0 0 auto;
}
.project-item-cat__item:nth-child(6n) {
    margin-left: 18px;
}
.project-item-cat__item.disabled .svg-icon {
    color: #e7e8e9;
}
.project-item-cat__item .svg-icon {
    max-width: 100%;
    max-height: 100%;
}
@media (min-width: 1720px) {
    .project-item-cat {
        gap: 16px 23px;
    }
    .project-item-cat__item {
        width: 32px;
        height: 32px;
    }
    .project-item-cat__item:nth-child(6n) {
        margin-left: 26px;
    }
}
.project-item-brand {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 12px;
}
.project-item-brand__item {
    display: flex;
    flex: 0 0 auto;
}
.project-item-brand__item.disabled .svg-icon {
    fill: currentColor;
    color: #e7e8e9;
}
@media (min-width: 1720px) {
    .project-item-brand {
        gap: 12px 20px;
    }
    .project-item-brand__item .svg-icon {
        max-width: none;
        max-height: none;
    }
}
.resume-front {
    position: relative;
    padding-top: 96px;
    padding-bottom: 96px;
    border-top: 1px solid #e7e8e9;
    --input-height: 40px;
    --input-font-size: 16px;
    --button-font-size: 16px;
    --button-height: 40px;
    background-color: #fff;
}
.resume-front__contacts {
    font-size: 16px;
    margin-bottom: var(--margin-small);
}
.resume-front__contacts .h5 {
    margin-bottom: 30px;
    font-size: 1.225em;
}
.resume-front__contacts .h6 {
    font-size: 1em;
}
@media (max-width: 639px) {
    .resume-front__contacts {
        margin-right: auto;
    }
}
.resume-front__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.18182;
    margin: 0 0 20px;
    text-align: center;
}
.resume-front__inner {
    max-width: 100%;
    margin: 0 auto;
}
.resume-front__field {
    margin-bottom: -1px;
}
.resume-front__file {
    margin-top: 8px;
}
.resume-front__policy {
    font-size: 11px;
    line-height: 1.27273;
    margin-top: 20px;
    text-align: center;
    color: var(--color-grey-light);
}
.resume-front__buttons {
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
}
.resume-front__submit {
    min-width: 160px;
}
.resume-front__success {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.resume-front__success.popup--active {
    display: flex;
}
.resume-front__row {
    display: flex;
    flex-wrap: wrap;
}
.resume-front__row-item {
    flex: 0 0 100%;
    max-width: 100%;
    width: auto;
}
@media (min-width: 800px) {
    .resume-front {
        padding-top: 112px;
        padding-bottom: 112px;
    }
    .resume-front__row-item:first-child,
    .resume-front__row-item:nth-child(2),
    .resume-front__row-item:nth-child(3) {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .resume-front__row-item:nth-child(4),
    .resume-front__row-item:nth-child(5) {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1366px) {
    .resume-front {
        padding-top: 72px;
    }
}
@media (min-width: 1720px) {
    .resume-front {
        padding-top: 80px;
        padding-bottom: 88px;
        --input-font-size: 18px;
        --input-height: 48px;
        --button-font-size: 24px;
        --button-height: 48px;
    }
    .resume-front__contacts {
        font-size: 18px;
    }
    .resume-front__title {
        font-size: 24px;
        line-height: 1.16667;
        margin-bottom: 24px;
    }
    .resume-front__file {
        padding-left: 12px;
    }
    .resume-front__policy {
        margin-top: 24px;
        color: var(--color-grey);
    }
    .resume-front__buttons {
        margin-top: 25px;
    }
    .resume-front__submit {
        min-width: 176px;
    }
}
.resume-success {
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    --button-font-size: 16px;
    --button-height: 40px;
}
.resume-success__inner {
    max-width: 408px;
}
.resume-success__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.18182;
    margin: 0 0 20px;
}
.resume-success__descr {
    color: var(--color-grey);
}
.resume-success__buttons {
    font-weight: 500;
    margin-top: 30px;
}
.resume-success__close {
    min-width: 160px;
}
@media (min-width: 1720px) {
    .resume-success {
        font-size: 18px;
        line-height: 1.22222;
        --button-font-size: 24px;
        --button-height: 48px;
    }
    .resume-success__title {
        font-size: 24px;
        line-height: 1.16667;
        margin-bottom: 24px;
    }
    .resume-success__buttons {
        margin-top: 40px;
    }
    .resume-success__close {
        min-width: 248px;
    }
}
.search-block {
    margin-bottom: 64px;
    --columns: 1;
}
.search-block__head {
    margin: 0 0 16px;
}
.search-block__list {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.search-block__item {
    width: calc(100% / var(--columns));
    max-width: calc(240px + var(--grid-gap));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 auto var(--grid-gap) auto;
    display: flex;
    flex: 0 0 auto;
}
.search-block__foot {
    margin-top: 32px;
    z-index: 500;
}
@media (min-width: 640px) {
    .search-block {
        --columns: 2;
    }
    .search-block__item {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .search-block {
        --columns: 3;
    }
    .search-block__list {
        margin-left: -4px;
        margin-right: -4px;
    }
    .search-block__item {
        padding-left: 4px;
        padding-right: 4px;
    }
    .search-block__foot {
        position: sticky;
        height: 95px;
        bottom: -95px;
    }
}
@media (min-width: 800px) {
    .search-block {
        margin-bottom: 112px;
        --columns: 3;
    }
    .search-block__head {
        margin-bottom: 24px;
    }
    .search-block__list {
        margin-left: calc(var(--grid-gap) / -2);
        margin-right: calc(var(--grid-gap) / -2);
    }
    .search-block__item {
        padding-left: calc(var(--grid-gap) / 2);
        padding-right: calc(var(--grid-gap) / 2);
    }
    .search-block__foot {
        position: sticky;
        height: 112px;
        bottom: -112px;
    }
}
@media (min-width: 1366px) {
    .search-block {
        margin-bottom: 112px;
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
    }
    .site-content--has-double-sidebar .search-block {
        --page-count-descr-display: none;
    }
    .search-block__foot {
        height: 40px;
        bottom: -40px;
    }
}
@media (min-width: 1720px) {
    .search-block {
        margin-bottom: 152px;
    }
    .site-content--has-double-sidebar .search-block {
        --page-count-descr-display: block;
    }
    .search-block__foot {
        height: 48px;
        bottom: -48px;
    }
}
.selection-front {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 96px;
    --columns: 1;
}
.selection-front__inner {
    margin-bottom: 40px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 22px;
}
.selection-front__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin: 0 0 31px;
    grid-area: 2/1/3/2;
}
.selection-front__imgblock {
    margin-bottom: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    grid-area: 1/2/5/3;
}
.selection-front__body {
    grid-area: 3/1/4/2;
}
.selection-front__descr {
    color: var(--color-grey);
}
.selection-front__buttons {
    margin-top: 41px;
    text-align: center;
    --button-font-size: 16px;
    --button-height: 40px;
}
.selection-front__list {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.selection-front__item {
    width: calc(100% / var(--columns));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 0 var(--grid-gap) 0;
    display: flex;
    flex: 0 0 auto;
}
.selection-front__item:nth-child(5) {
    display: none;
}
@media (min-width: 800px) {
    .selection-front {
        font-size: 18px;
        line-height: 1.55556;
        margin-bottom: 112px;
        --columns: 2;
    }
    .selection-front__imgblock {
        height: 352px;
        margin-bottom: 40px;
    }
}
@media (min-width: 1366px) {
    .selection-front {
        margin-bottom: 112px;
        --columns: 5;
    }
    .selection-front__inner {
        margin-bottom: 32px;
        display: grid;
    }
    .selection-front__title {
        margin-bottom: 21px;
    }
    .selection-front__imgblock {
        height: 376px;
        margin-bottom: 0;
    }
    .selection-front__body {
        max-width: 568px;
    }
    .selection-front__buttons {
        margin-top: 22px;
        text-align: left;
    }
    .selection-front__item:nth-child(5) {
        display: flex;
    }
}
@media (min-width: 1720px) {
    .selection-front {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 152px;
    }
    .selection-front__inner {
        margin-bottom: 40px;
    }
    .selection-front__title {
        margin-bottom: 41px;
    }
    .selection-front__imgblock {
        height: 496px;
    }
    .selection-front__body {
        max-width: 712px;
    }
    .selection-front__buttons {
        padding-left: 51px;
        margin-top: 40px;
        --button-font-size: 18px;
        --button-height: 48px;
    }
}
.selection-item {
    position: relative;
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    min-width: 1px;
    min-height: 104px;
    background: #fff;
    box-shadow: var(--block-shadow);
    display: flex;
    flex: 1 1 auto;
    --image-ratio: 53.333333333333336%;
    --title-font-size: 18px;
    --title-line-height: 22px;
    --title-line-clamp: 2;
    --base-font-size: 14px;
    --base-line-height: 18px;
    --descr-line-clamp: 4;
}
.selection-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #e7e8e9;
    pointer-events: none;
}
.selection-item__outer {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.selection-item__imgblock {
    position: relative;
    width: 90px;
    min-height: 72px;
    overflow: hidden;
    flex: 0 0 auto;
}
.selection-item__imgblock:before {
    padding-top: var(--image-ratio);
    display: block;
}
.selection-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    align-items: stretch;
    transition: transform 0.2s ease-in-out 0s;
    --image-width: 100%;
    --image-height: 100%;
}
.selection-item__icon {
    width: 60px;
    height: 60px;
    margin: 16px 4px 16px 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #e7e8e9;
    flex: 0 0 auto;
}
.selection-item__body {
    padding: 14px 16px;
    align-self: center;
    flex: 1 1 auto;
}
.selection-item__title {
    font-size: var(--title-font-size);
    font-weight: 500;
    line-height: var(--title-line-height);
    max-height: calc(var(--title-line-height) * var(--title-line-clamp));
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    --link-decoration: none;
}
.selection-item__descr {
    max-height: calc(var(--base-line-height) * var(--descr-line-clamp));
    display: none;
    -webkit-line-clamp: var(--descr-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-grey);
}
.selection-item__foot {
    display: none;
    align-items: center;
    flex: 0 0 auto;
}
.selection-item__detail-link {
    width: 64px;
    margin-left: auto;
    --button-height: 40px;
    --button-shadow: none;
    --button-border-color: #e7e8e9;
}
.selection-item__detail-link .svg-icon {
    width: 28px;
    height: 14px;
    fill: none;
    transition: transform 0.2s ease-in-out 0s;
}
.selection-item:hover .selection-item__image {
    transform: scale(1.1);
}
.selection-item:hover .selection-item__detail-link .svg-icon {
    transform: translateX(5px);
}
@media (min-width: 414px) {
    .selection-item__imgblock {
        width: 112px;
    }
    .selection-item__icon {
        width: 72px;
        height: 72px;
        margin-left: 20px;
    }
}
@media (min-width: 1366px) {
    .selection-item__outer {
        flex-direction: column;
    }
    .selection-item__imgblock {
        width: auto;
        min-height: 128px;
        max-height: 192px;
    }
    .selection-item__imgblock:before {
        content: "";
    }
    .selection-item__icon {
        margin: 16px auto;
    }
    .selection-item__title {
        height: calc(var(--title-line-height) * var(--title-line-clamp));
        margin-bottom: 14px;
    }
    .selection-item__body {
        padding: 17px 16px 24px;
        align-self: stretch;
    }
    .selection-item__descr {
        display: -webkit-box;
    }
    .selection-item__foot {
        display: flex;
    }
}
@media (min-width: 1720px) {
    .selection-item {
        --image-ratio: 61.53846153846154%;
        --title-font-size: 22px;
        --title-line-height: 27px;
        --base-font-size: 16px;
        --base-line-height: 24px;
    }
    .selection-item__icon {
        width: 96px;
        height: 96px;
    }
    .selection-item__title {
        margin-bottom: 20px;
    }
    .selection-item__detail-link {
        width: 80px;
        --button-height: 48px;
    }
    .selection-item__detail-link .svg-icon {
        width: 32px;
        height: 16px;
    }
}
.sidebar-menu {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.22222;
    margin-bottom: 30px;
    box-shadow: var(--block-shadow);
    background: #fff;
}
.sidebar-menu:last-child {
    margin-bottom: 0;
}
.sidebar-menu--sticky {
    position: sticky;
    top: 64px;
}
.sidebar-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-menu__item {
    padding: 0;
    margin: 0;
    border: 1px solid #e7e8e9;
    border-bottom: none;
}
.sidebar-menu__item:last-child {
    border-bottom: 1px solid #e7e8e9;
}
.sidebar-menu.is-scrolled .sidebar-menu__item.active,
.sidebar-menu__item.current,
.sidebar-menu__item:hover {
    background: var(--color-orange);
    color: #fff;
    --link-hover-color: #fff;
}
.sidebar-menu__link {
    min-height: 48px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    transition: none;
    --link-decoration: none;
}
@media (min-width: 1366px) {
    .sidebar-menu--sticky {
        top: 135px;
    }
}
@media (min-width: 1720px) {
    .sidebar-menu {
        font-size: 18px;
    }
    .sidebar-menu--sticky {
        top: 170px;
    }
    .sidebar-menu__link {
        padding: 8px 24px;
    }
}
.slider-main:hover {
    --slider-arrow-opacity: 1;
}
.slider-main-item {
    position: relative;
    height: 600px;
}
.slider-main-item__image {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}
.slider-main-item__outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.slider-main-item__inner {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: flex-end;
}
.slider-main-item__content {
    width: 368px;
    min-height: 192px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.slider-main-item__body {
    padding: 16px;
}
.slider-main-item__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.20833;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    max-height: 87px;
}
.slider-main-item__foot {
    margin-top: auto;
    display: flex;
}
.slider-main-item__pagination {
    padding: 10px 16px;
    flex: 1 1 auto;
    height: 40px;
}
.slider-main-item__detail {
    display: flex;
    flex: 0 0 auto;
    --button-height: 40px;
    --button-color: #fff;
}
.slider-main-item__detail-link {
    width: 55px;
}
.slider-main-item__detail-link .svg-icon {
    width: 24px;
    height: 16px;
    fill: none;
    transition: transform 0.2s ease-in-out 0s;
}
.slider-main-item__detail-link:hover {
    box-shadow: none;
}
.slider-main-item__detail-link:hover .svg-icon {
    transform: translateX(8px);
}
@media (min-width: 800px) {
    .slider-main-item {
        height: 392px;
    }
    .slider-main-item__inner {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}
@media (min-width: 1366px) {
    .slider-main-item {
        height: 376px;
    }
    .slider-main-item__content {
        width: 440px;
        min-height: 208px;
    }
    .slider-main-item__inner {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .slider-main-item__title {
        font-size: 30px;
        line-height: 36px;
        max-height: 108px;
    }
    .slider-main-item__detail {
        --button-height: 64px;
    }
    .slider-main-item__detail-link {
        width: 90px;
    }
    .slider-main-item__detail-link .svg-icon {
        width: 38px;
        height: 25px;
    }
    .slider-main-item__pagination {
        height: 64px;
    }
}
@media (min-width: 1720px) {
    .slider-main-item {
        height: 496px;
    }
    .slider-main-item__content {
        width: 576px;
        min-height: 272px;
    }
    .slider-main-item__body {
        padding: 24px;
    }
    .slider-main-item__title {
        font-size: 40px;
        line-height: 1.2;
        max-height: 144px;
    }
    .slider-main-item__pagination {
        padding: 10px 28px;
    }
    .slider-main-item__detail {
        --button-height: 80px;
    }
    .slider-main-item__detail-link {
        width: 110px;
    }
    .slider-main-item__detail-link .svg-icon {
        width: 48px;
        height: 32px;
    }
    .slider-main-item__pagination {
        height: 80px;
    }
}
.subscription-box {
    --input-height: 40px;
    --input-font-size: 16px;
    --button-height: 40px;
}
.subscription-box--success {
    min-height: 116px;
}
.subscription-box--mt {
    margin-top: var(--margin-large);
}
.subscription-box--mb {
    margin-bottom: var(--margin-large);
}
.subscription-box--btntext .subscription-box__submit {
    width: auto;
    flex: 0 0 auto;
    max-width: 100%;
    background: var(--color-orange);
    color: var(--color-white);
    border: 1px solid var(--color-orange);
}
.subscription-box--btntext .subscription-box-submit__text {
    display: none;
}
@media (min-width: 800px) {
    .subscription-box--btntext .subscription-box-submit__text {
        display: inline;
    }
}
@media (max-width: 799px) {
    .subscription-box--btntext .subscription-box-submit__icon {
        margin-left: 0;
    }
}
.subscription-box--aright .subscription-box__policy {
    text-align: right;
}
.subscription-box--aright .subscription-box-policy__text {
    display: inline-block;
    width: 60%;
}
.subscription-box--lg.subscription-box__inner {
    max-width: 100%;
}
@media (min-width: 1720px) {
    .subscription-box--lg {
        --input-height: 56px;
        --input-font-size: 22px;
        --button-height: 56px;
    }
    .subscription-box--lg .subscription-box__submit {
        font-size: 22px;
        padding: 0 24px;
    }
}
.subscription-box--xl.subscription-box__inner {
    max-width: 100%;
}
@media (min-width: 800px) {
    .subscription-box--xl {
        --input-height: 56px;
        --input-font-size: 22px;
        --button-height: 56px;
    }
    .subscription-box--xl .subscription-box__submit {
        font-size: 22px;
        padding: 0 24px;
    }
}
@media (min-width: 1720px) {
    .subscription-box--xl {
        --input-height: 80px;
        --input-font-size: 22px;
        --button-height: 80px;
    }
    .subscription-box--xl .subscription-box__submit {
        font-size: 30px;
        padding: 0 24px;
    }
}
.subscription-box__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22222;
    margin-bottom: 14px;
    color: var(--color-orange);
}
.subscription-box--success .subscription-box__title {
    margin-bottom: 8px;
}
.subscription-box__inner {
    max-width: 368px;
}
.subscription-box__field {
    display: flex;
}
.subscription-box__input {
    min-width: 1px;
    flex: 1 1 auto;
}
.subscription-box__input::-moz-placeholder {
    color: var(--color-grey-light);
}
.subscription-box__input::placeholder {
    color: var(--color-grey-light);
}
.subscription-box__submit {
    margin: 0 0 0 -1px;
    flex: 0 0 auto;
}
.subscription-box__submit .svg-icon {
    transition: transform 0.2s ease-in-out 0s;
}
.subscription-box__submit:hover .svg-icon {
    transform: translateX(16%);
}
.subscription-box__policy {
    font-size: 12px;
    line-height: 1.33333;
    margin-top: 8px;
    color: var(--color-grey-light);
}
.subscription-box__descr {
    font-size: 13px;
    line-height: 1.23077;
    color: var(--color-grey-light);
}
@media (min-width: 800px) {
    .subscription-box {
        max-width: none;
    }
    .subscription-box--success {
        min-height: 114px;
    }
    .subscription-box__title {
        margin-bottom: 12px;
    }
}
@media (min-width: 1366px) {
    .subscription-box--success {
        min-height: 130px;
    }
    .subscription-box__inner {
        max-width: none;
    }
}
@media (min-width: 1720px) {
    .subscription-box {
        --input-height: 48px;
        --input-font-size: 16px;
        --button-height: 48px;
    }
    .subscription-box__title {
        font-size: 22px;
        line-height: 1.22727;
        margin-bottom: 15px;
    }
    .subscription-box--success .subscription-box__title {
        margin-bottom: 8px;
    }
    .subscription-box__inner {
        max-width: none;
    }
    .subscription-box__submit {
        width: 80px;
    }
    .subscription-box__policy {
        font-size: 13px;
    }
}
.subscription-article {
    grid-template-columns: 1fr auto;
    grid-gap: 0 15px;
    align-items: center;
    --input-height: 32px;
    --input-font-size: 14px;
    --input-plaseholder-color: var(--color-grey-light);
    --button-height: 32px;
}
.subscription-article--success {
    grid-template-columns: 1fr;
}
.subscription-article__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.0625;
    margin-bottom: 7px;
    grid-area: 1/1/2/2;
    color: var(--color-orange);
}
.subscription-article__inner {
    grid-area: 1/2/2/3;
}
.subscription-article__field {
    width: 272px;
    display: inline-flex;
    vertical-align: top;
}
.subscription-article__input {
    min-width: 1px;
    flex: 1 1 auto;
}
.subscription-article__submit {
    width: 40px;
    margin: 0 0 0 -1px;
    flex: 0 0 auto;
}
.subscription-article__submit .svg-icon {
    width: 16px;
    height: 8px;
    stroke-width: 2;
    transition: transform 0.2s ease-in-out 0s;
}
.subscription-article__submit:hover .svg-icon {
    transform: translateX(16%);
}
.subscription-article__policy {
    font-size: 11px;
    line-height: 1.45455;
    margin-top: 4px;
    grid-area: 2/1/3/3;
    color: var(--color-grey-light);
}
.subscription-article__descr {
    font-size: 13px;
    line-height: 1.23077;
    grid-area: 2/1/3/2;
    color: var(--color-grey-light);
}
@media (min-width: 1366px) {
    .subscription-article {
        display: grid;
    }
    .subscription-article__title {
        margin-top: 7px;
    }
    .subscription-article__inner {
        max-width: none;
    }
    .subscription-article__policy {
        margin-top: 7px;
    }
}
@media (min-width: 1720px) {
    .subscription-article {
        grid-gap: 0 24px;
        --input-height: 48px;
        --input-font-size: 16px;
        --button-height: 48px;
        --input-plaseholder-color: inherit;
    }
    .subscription-article__title {
        font-size: 22px;
        line-height: 1.22727;
    }
    .subscription-article__field {
        width: 480px;
    }
    .subscription-article__submit {
        width: 80px;
    }
    .subscription-article__submit .svg-icon {
        width: 32px;
        height: 16px;
        stroke-width: 1;
    }
    .subscription-article__policy {
        font-size: 13px;
        margin-top: 10px;
    }
}
.support-front {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 96px;
}
.support-front__outer {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 22px;
}
.support-front__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin: 0 0 40px;
    grid-area: 2/2/3/3;
}
.support-front__imgblock {
    margin-bottom: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    grid-area: 1/1/5/2;
}
.support-front__inner {
    grid-area: 3/2/4/3;
}
.support-front__descr {
    margin-bottom: 19px;
    color: var(--color-grey);
}
.support-front__list {
    font-weight: 500;
    line-height: 1.25;
    padding-left: 30px;
}
.support-front__list > * {
    padding-left: 15px;
    margin-bottom: 0;
    padding-bottom: 0.625rem;
}
.support-front__list > :before {
    font-size: 15px;
    left: 0;
    margin-top: 1px;
    margin-left: 0;
    transform: none;
}
.support-front__buttons {
    font-weight: 500;
    margin-top: 39px;
    text-align: center;
    --button-font-size: 16px;
    --button-height: 40px;
}
.support-front__buttons .svg-icon--arrow-right {
    width: 14px;
    height: 8px;
    stroke-width: 3px;
}
@media (min-width: 640px) {
    .support-front__list {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
}
@media (min-width: 800px) {
    .support-front {
        font-size: 18px;
        line-height: 1.55556;
        margin-bottom: 112px;
        --columns: 2;
    }
    .support-front__imgblock {
        height: 352px;
        margin-bottom: 40px;
    }
    .support-front__descr {
        margin-bottom: 32px;
    }
    .support-front__list {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}
@media (min-width: 1366px) {
    .support-front__outer {
        display: grid;
    }
    .support-front__title {
        padding-left: 50px;
        margin-bottom: 27px;
    }
    .support-front__imgblock {
        height: auto;
        margin-bottom: 0;
    }
    .support-front__inner {
        padding-left: 50px;
    }
    .support-front__descr {
        margin-bottom: 21px;
    }
    .support-front__list {
        padding-left: 15px;
    }
    .support-front__list > :before {
        margin-top: 2px;
    }
    .support-front__buttons {
        margin-top: 39px;
    }
}
@media (min-width: 1720px) {
    .support-front {
        font-size: 22px;
        line-height: 1.45455;
        margin-bottom: 152px;
    }
    .support-front__title {
        margin-bottom: 37px;
        padding-left: 74px;
    }
    .support-front__inner {
        padding-left: 74px;
    }
    .support-front__descr {
        margin-bottom: 28px;
    }
    .support-front__list {
        font-size: 20px;
        line-height: 1.5;
    }
    .support-front__list > :before {
        margin-top: 6px;
    }
    .support-front__buttons {
        margin-top: 25px;
        --button-font-size: 18px;
        --button-height: 48px;
    }
    .support-front__buttons .svg-icon--arrow-right {
        width: 30px;
        height: 16px;
        stroke-width: 1px;
    }
}
.target-audience {
    margin-bottom: 96px;
    --columns: 1;
}
.target-audience__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.22727;
    margin: 0 0 20px;
    text-align: center;
}
.target-audience__articles {
    --title-line-clamp: 2;
    --descr-line-clamp: 4;
}
@media (min-width: 800px) {
    .target-audience {
        margin-bottom: 112px;
        --columns: 3;
    }
    .target-audience__title {
        margin-bottom: 29px;
    }
}
@media (min-width: 1366px) {
    .target-audience {
        margin-bottom: 112px;
        --columns: 5;
    }
}
@media (min-width: 1720px) {
    .target-audience {
        margin-bottom: 152px;
    }
    .target-audience__title {
        font-size: 34px;
        line-height: 1.41176;
        margin-bottom: 39px;
    }
}
.vacancy-front {
    height: 672px;
    width: 100vw;
    margin-left: calc(-50vw - -50%);
    background: top/cover no-repeat;
}
.vacancy-front__outer {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 88px;
    display: flex;
    align-items: flex-end;
}
.vacancy-front__inner {
    width: 368px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.vacancy-front__body {
    padding: 16px;
}
.vacancy-front__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.20833;
}
.vacancy-front__foot {
    margin-top: auto;
    display: flex;
    align-items: center;
}
.vacancy-front__subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11111;
    padding: 3px 16px;
    flex: 1 1 auto;
}
.vacancy-front__detail {
    display: flex;
    flex: 0 0 auto;
    --button-height: 40px;
    --button-color: #fff;
}
.vacancy-front__detail-link {
    width: 72px;
}
.vacancy-front__detail-link .svg-icon {
    width: 24px;
    height: 16px;
    fill: none;
    transition: transform 0.2s ease-in-out 0s;
}
.vacancy-front__detail-link:hover {
    box-shadow: none;
}
.vacancy-front__detail-link:hover .svg-icon {
    transform: translateX(8px);
}
@media (min-width: 800px) {
    .vacancy-front {
        height: 376px;
    }
    .vacancy-front__outer {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
@media (min-width: 1024px) {
    .vacancy-front {
        height: 392px;
    }
    .vacancy-front__outer {
        padding-bottom: 24px;
    }
}
@media (min-width: 1366px) {
    .vacancy-front {
        height: 376px;
    }
    .vacancy-front__outer {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .vacancy-front__inner {
        width: 440px;
    }
    .vacancy-front__title {
        font-size: 30px;
        line-height: 1.13333;
    }
    .vacancy-front__detail {
        --button-height: 64px;
    }
    .vacancy-front__detail-link {
        width: 112px;
    }
    .vacancy-front__detail-link .svg-icon {
        width: 38px;
        height: 25px;
    }
}
@media (min-width: 1720px) {
    .vacancy-front {
        height: 496px;
    }
    .vacancy-front__inner {
        width: 576px;
    }
    .vacancy-front__body {
        padding: 24px;
    }
    .vacancy-front__title {
        font-size: 40px;
        line-height: 1.2;
    }
    .vacancy-front__subtitle {
        font-size: 24px;
        line-height: 1.125;
        padding: 3px 24px;
    }
    .vacancy-front__detail {
        --button-height: 80px;
    }
    .vacancy-front__detail-link {
        width: 144px;
    }
    .vacancy-front__detail-link .svg-icon {
        width: 48px;
        height: 32px;
    }
}
[data-base-input] input:required {
    border-color: var(--input-border-color);
}
[data-base-input]:has(.hint_show) input {
    border-color: red;
}
.auth-modal {
    padding: 80px;
    width: 640px;
}
@media screen and (max-width: 1365px) {
    .auth-modal {
        width: 648px;
        padding: 64px 84px 56px;
    }
}
@media screen and (max-width: 640px) {
    .auth-modal {
        width: 100%;
        max-width: 362px;
        padding: 34px 22px 30px;
    }
}
.auth-modal__title {
    margin-bottom: 52px;
}
.auth-modal__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.auth-modal__fields {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
}
.auth-modal__recovery {
    display: block;
    margin-left: auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 137%;
    text-decoration: underline;
    color: #009845;
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
    .auth-modal__recovery:hover {
        opacity: 0.7;
    }
}
@media screen and (max-width: 640px) {
    .auth-modal__recovery {
        font-size: 14px;
        line-height: 100%;
    }
}
.auth-modal__controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 45px;
}
@media screen and (max-width: 640px) {
    .auth-modal__controls {
        grid-template-columns: 1fr;
    }
}
.confirm-modal {
    padding: 80px;
    width: 640px;
}
@media screen and (max-width: 1365px) {
    .confirm-modal {
        width: 648px;
        padding: 64px 84px 56px;
    }
}
@media screen and (max-width: 640px) {
    .confirm-modal {
        width: 100%;
        max-width: 362px;
        padding: 34px 22px 30px;
    }
}
.confirm-modal__body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.confirm-modal__title {
    margin-bottom: 48px;
}
.confirm-modal__note {
    font-size: 22px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #5e5e5e;
    margin-bottom: 48px;
}
.confirm-modal__note span {
    color: #009845;
}
@media screen and (max-width: 640px) {
    .confirm-modal__note {
        font-size: 14px;
    }
}
.confirm-modal__button {
    min-width: 168px;
}
.modal-block__title {
    font-weight: 500;
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    color: #5e5e5e;
}
@media screen and (max-width: 640px) {
    .modal-block__title {
        font-size: 22px;
        line-height: 123%;
    }
}
.notifications-modal {
    width: 100%;
    max-width: 584px;
    padding: 24px;
}
.notifications-modal__title {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: var(--color-grey);
}
.notifications-modal__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.notifications-modal__list > li {
    margin: 0;
    padding: 0;
}
.notifications-modal__end-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0 auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #5e5e5e;
}
.notifications-modal__empty {
    width: 282px;
    margin: 0 auto;
    padding: 26px 0 54px;
    text-align: center;
    color: #c4c4c4;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.recovery-modal {
    padding: 80px;
    width: 640px;
}
@media screen and (max-width: 1365px) {
    .recovery-modal {
        width: 648px;
        padding: 64px 84px 56px;
    }
}
@media screen and (max-width: 640px) {
    .recovery-modal {
        width: 100%;
        max-width: 362px;
        padding: 34px 22px 30px;
    }
}
.recovery-modal__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.recovery-modal__fields {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
}
.recovery-modal__title {
    margin-bottom: 48px;
}
@media screen and (max-width: 640px) {
    .recovery-modal__title {
        margin-bottom: 24px;
    }
}
.recovery-modal__captcha {
    margin: 24px 0 32px;
}
.recovery-modal__button {
    min-width: 168px;
}
.recovery-modal__button[disabled] {
    pointer-events: none;
    opacity: 0.5;
}
.register-modal {
    padding: 80px;
    width: 640px;
}
@media screen and (max-width: 1365px) {
    .register-modal {
        width: 648px;
        padding: 64px 84px 56px;
    }
}
@media screen and (max-width: 640px) {
    .register-modal {
        width: 100%;
        max-width: 362px;
        padding: 34px 22px 30px;
    }
}
.register-modal__title {
    margin-bottom: 52px;
}
.register-modal__personal {
    margin-top: 48px;
}
.register-modal__personal-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 123%;
    text-align: left;
    margin-bottom: 40px;
}
@media screen and (max-width: 1365px) {
    .register-modal__personal-title {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .register-modal__personal-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .register-modal__personal-title {
        line-height: 156%;
        margin-bottom: 12px;
    }
}
.register-modal__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.register-modal__fields {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1365px) {
    .register-modal__fields {
        margin-bottom: 24px;
    }
}
.register-modal__field--grid {
    display: grid;
    grid-template-columns: 1fr 30%;
    gap: 24px;
}
.register-modal__agree {
    margin-bottom: 19px;
}
@media screen and (max-width: 1365px) {
    .register-modal__agree {
        margin-bottom: 24px;
    }
}
.register-modal__policy {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}
.register-modal__controls {
    display: flex;
    justify-content: center;
}
.register-modal__submit[disabled] {
    pointer-events: none;
    opacity: 0.5;
}
.register-success {
    padding: 80px;
    width: 640px;
}
@media screen and (max-width: 1365px) {
    .register-success {
        width: 648px;
        padding: 64px 84px 56px;
    }
}
@media screen and (max-width: 640px) {
    .register-success {
        width: 100%;
        max-width: 362px;
        padding: 34px 22px 30px;
    }
}
.register-success__body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.register-success__title {
    margin-bottom: 48px;
}
@media screen and (max-width: 640px) {
    .register-success__title {
        margin-bottom: 24px;
    }
}
.register-success__note {
    font-size: 22px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #5e5e5e;
    margin-bottom: 48px;
}
.register-success__note span {
    color: #009845;
}
@media screen and (max-width: 640px) {
    .register-success__note {
        font-size: 14px;
        margin-bottom: 24px;
    }
}
.register-success__button {
    min-width: 168px;
}
.register-success__connect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
    margin-bottom: 24px;
    padding: 0 18px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
    font-weight: 550;
    line-height: 20px;
}
.register-success__connect:before {
    display: none;
}
@media screen and (max-width: 640px) {
    .register-success__connect {
        font-size: 14px;
    }
}
.register-success__connect-icon svg {
    width: 14px;
    height: 14px;
}
.job-info__group {
    margin-bottom: var(--margin-big);
}
.job-info__group:last-child {
    margin-bottom: 0;
}
.job-info__top {
    margin-bottom: var(--margin-large);
}
.job-info__catalog {
    display: flex;
    flex-wrap: wrap;
    --has-sidebar: 2;
    --item-buy-text-display: none;
}
.job-info__catalog-filter {
    width: 240px;
    margin-bottom: var(--margint-bottom);
    flex: 0 0 auto;
    order: -1;
}
.job-info__catalog-list {
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 1366px) {
    .job-info__catalog-filter {
        width: 240px;
    }
    .job-info__catalog-list {
        padding-left: 16px;
        flex: 1 1 auto;
        max-width: calc(100% - 240px);
        width: auto;
    }
    .job-info__catalog-list .catalog-panel-top {
        grid-template-areas: "total" "sort";
        grid-template-columns: 1fr;
    }
    .job-info__catalog-list .catalog-panel-top__sort {
        justify-self: flex-start;
    }
}
@media (min-width: 1720px) {
    .job-info__catalog-filter {
        width: 312px;
    }
    .job-info__catalog-list {
        padding-left: 24px;
        max-width: calc(100% - 312px);
    }
    .job-info__catalog-list .catalog-panel-top {
        grid-template-areas: "total sort view";
    }
    .job-info__catalog-list .catalog-panel-top__sort {
        justify-self: flex-end;
    }
}
.job-catalog {
    margin-bottom: 64px;
    --columns: 1;
}
.job-catalog__head {
    margin: 0 0 16px;
}
.job-catalog__title {
    font-size: var(--h2-size);
    font-weight: 500;
    line-height: var(--h2-lineheight);
    margin-bottom: 40px;
    grid-area: 1/1/2/2;
}
.job-catalog__list {
    padding: 0;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--grid-gap) * -1) calc(var(--grid-gap) / -2);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.job-catalog__item {
    width: calc(100% / var(--columns));
    min-width: 1px;
    padding: 0 calc(var(--grid-gap) / 2);
    margin: 0 0 var(--grid-gap) 0;
    display: flex;
    flex: 0 0 auto;
}
.job-catalog__foot {
    margin-top: 32px;
    z-index: 500;
}
@media (min-width: 640px) {
    .job-catalog {
        --columns: 2;
    }
}
@media (min-width: 768px) {
    .job-catalog__foot {
        position: sticky;
        height: 95px;
        bottom: -95px;
    }
}
@media (min-width: 800px) {
    .job-catalog {
        margin-bottom: 112px;
        --columns: 3;
    }
    .job-catalog__head {
        margin-bottom: 24px;
    }
    .job-catalog__title {
        margin-bottom: 40px;
    }
    .job-catalog__foot {
        position: sticky;
        height: 112px;
        bottom: -112px;
    }
}
@media (min-width: 1366px) {
    .job-catalog {
        margin-bottom: 112px;
        --columns: calc(5 - var(--has-sidebar, 0) * 1);
        --page-count-descr-display: none;
    }
    .job-catalog__title {
        margin-bottom: 40px;
    }
    .job-catalog__foot {
        height: 40px;
        bottom: -40px;
    }
}
@media (min-width: 1720px) {
    .job-catalog {
        margin-bottom: 152px;
        --page-count-descr-display: block;
    }
    .job-catalog__foot {
        height: 48px;
        bottom: -48px;
    }
}
.job-contacts {
    font-size: 16px;
    line-height: 22/16;
    color: #5e5e5e;
    margin-bottom: calc(var(--margin-small) / 1.5);
}
.job-contacts td {
    white-space: nowrap;
    padding-bottom: 1em;
    font-weight: 500;
}
.job-contacts td:first-child {
    padding-right: 20px;
    font-weight: 300;
}
@media (min-width: 1720px) {
    .job-contacts {
        font-size: 18px;
    }
}
.job-vacancy__group {
    margin-bottom: calc(var(--margin-big) / 2);
}
.job-vacancy__group:last-child {
    margin-bottom: 0;
}
.job-vacancy__top .nwb-row > * {
    margin-bottom: calc(var(--margin-mid));
}
.job-vacancy__pictures {
    --columns: 2;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--grid-gap) / -2) calc(var(--margin-mid) / 2);
}
.job-vacancy__pictures--col3 {
    --columns: 1;
}
.job-vacancy__pictures-item {
    flex: 0 0 calc(100% / var(--columns));
    max-width: calc(100% / var(--columns));
    padding: 0 calc(var(--grid-gap) / 2);
    margin-bottom: calc(var(--grid-gap));
}
.job-vacancy__pictures-item--full {
    flex: 0 0 100%;
    max-width: 100%;
}
.job-vacancy__pictures .picture {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-vacancy__pictures .picture__wrapper {
    padding-bottom: 100%;
    width: 100%;
    position: relative;
}
.job-vacancy__pictures .picture__wrapper--full,
.job-vacancy__pictures .picture__wrapper--half {
    padding-bottom: 50%;
}
.job-vacancy__pictures .picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.job-vacancy__likeyou {
    background: url(../images/vacancy.jpg), var(--color-grey);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(var(--margin-large));
    padding-bottom: calc(var(--margin-mid) / 2);
}
@media (min-width: 800px) {
    .job-vacancy__pictures {
        --columns: 2;
    }
    .job-vacancy__pictures--col3 {
        --columns: 1;
    }
}
@media (min-width: 1024px) {
    .job-vacancy__pictures {
        --columns: 4;
    }
    .job-vacancy__pictures--col3 {
        --columns: 3;
    }
    .job-vacancy__pictures .picture__wrapper--full {
        padding-bottom: 25%;
    }
}
@media (min-width: 1366px) {
    .job-vacancy__pictures {
        --columns: 4;
    }
    .job-vacancy__pictures--col3 {
        --columns: 3;
    }
}
.page-404__title {
    font-size: 35px;
}
.page-404__img {
    display: block;
    margin: 0 auto 42px;
    max-width: 75%;
}
.page-404__descr {
    max-width: 488px;
    margin: 0 auto 30px;
    font-size: 18px;
    text-align: center;
    color: #5e5e5e;
}
@media (min-width: 916px) {
    .page-404__title {
        font-size: 48px;
    }
    .page-404__descr {
        margin-bottom: 152px;
    }
}
.privacy_policy {
    max-width: 1152px;
    padding-bottom: 20px;
}
.privacy_policy h3 {
    font-size: 19px;
    margin-top: 40px;
    font-weight: 700;
}
.privacy_policy ul li {
    font-size: 18px;
}
.privacy_policy p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
}
.privacy_policy .privacy_policy__list li {
    line-height: 35px;
}
@media (min-width: 916px) {
    .privacy_policy h3 {
        font-size: 22px;
        font-weight: 700;
    }
    .privacy_policy ul li {
        font-size: 18px;
    }
    .privacy_policy p {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 24px;
    }
    .privacy_policy .privacy_policy__list li {
        line-height: 50px;
    }
}
.thanks {
    margin-bottom: var(--margin-big);
}
.thanks__desc {
    font-size: 20px;
    line-height: 29px;
    color: #5e5e5e;
}
.thanks__desc a,
.thanks__desc span {
    color: #009845;
    text-decoration: none;
}
.thanks__desc a:hover {
    color: #ed6c06;
}
.thanks__desc div:not(:last-child) {
    margin-bottom: 30px;
}
.bx-im-textarea-send-button {
    padding: 0 !important;
}
.basket-save__save-info[data-v-d8f7e5bc] {
    margin-top: 32px !important;
}
.basket-save__button-container[data-v-d8f7e5bc] {
    margin-top: 52px !important;
}
.cart-product-card__name-text {
    text-decoration: none;
}
.counteragent .table__td-inn,
.counteragent .table__td-creditLimit,
.counteragent .table__td-delay,
.counteragent .table__td-balance,
.counteragent .table__td-discount {
    width: 170px;
}
.counteragent .table__td-body:last-child {
    width: 75px !important;
}
.cart-product-card__configurator-link > span,
.expert-cart-order-table__artnumber .i {
    color: #c4c4c4 !important;
}
.cart-product-card__configurator-link.active > span,
.expert-cart-order-table__artnumber .i.active {
    color: #ed6c06 !important;
}
#radix-vue-select-content-17 [data-radix-select-viewport] {
    scrollbar-width: thin !important;
}
.base-dialog-content.counteragent {
    min-height: 426px;
}

@media screen and (max-width: 639px) {
    .base-dialog-content.counteragent {
        padding: 42px 22px 22px;
    }
    .counteragent .base-dialog-title {
        margin-right: 0;
    }
}
@media screen and (max-width: 1365px) {
    .cart-summary__delivery-date-next[data-v-912408a7] {
        display: grid !important;
    }
    .expert-cart-order-card-mobile__params-item-content[data-v-07a7274a] {
        min-width: 230px;
        max-width: 230px;
    }
    .expert-cart-order-card-mobile__params-item-title[data-v-07a7274a] {
        min-width: 170px;
        max-width: 170px;
    }
    .cart-summary__row[data-v-912408a7] {
        margin-right: 25px;
    }
    .is-mobile-ios .cart-summary[data-v-912408a7],
    .is-mobile-ios .expert-cart-order-panel[data-v-cb726465] {
        z-index: auto !important;
    }
}
@media (max-width: 640px) {
    .expert-cart-order-card-mobile__params-item-title[data-v-07a7274a] {
        min-width: auto;
    }
    .cart-summary__row[data-v-912408a7] {
        margin-right: 0;
    }
}
.counteragent-form-toggle {
    display: flex;
    justify-content: center;
    color: #5e5e5e;
    font-size: 17px;
}
.counteragent-form-toggle button {
    background-color: #ed6c06 !important;
    margin: 0 20px;
}
.counteragent-form-toggle .counteragent-form-toggle_jr {
    min-width: 100px;
    max-width: 100px;
    text-align: right;
    opacity: 0.6;
}
.counteragent-form-toggle .counteragent-form-toggle_ip {
    min-width: 100px;
    max-width: 100px;
    text-align: left;
    opacity: 0.6;
}
.counteragent-form-toggle .counteragent-form-toggle_jr.active,
.counteragent-form-toggle .counteragent-form-toggle_ip.active {
    opacity: 1;
}