.error-404 {
    align-items: center;
    background-color: #d3d3d3;
    background-image: url(/_nuxt/img/bg-main-banner.483c7e0.png);
    background-position: 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    margin-top: -120px;
    min-height: 100vh;
    padding-bottom: 200px;
    padding-top: 160px;
    position: relative
}

.error-404__video {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.error-404__box {
    color: #333f48;
    display: flex;
    flex-direction: column;
    gap: 90px;
    position: relative;
    text-align: center
}

@media screen and (max-width: 767px) {
    .error-404__box {
        gap: 40px
    }
}

.error-404__box-title {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .02em
}

@media screen and (max-width: 1199px) {
    .error-404__box-title {
        font-size: 29px
    }
}

@media screen and (max-width: 767px) {
    .error-404__box-title {
        font-size: 17.66px
    }
}

.error-404__box-number {
    font-size: 436px;
    letter-spacing: .02em;
    line-height: .7;
    margin-bottom: -40px;
    margin-top: 40px;
    opacity: .8
}

@media screen and (max-width: 1199px) {
    .error-404__box-number {
        font-size: 314px
    }
}

@media screen and (max-width: 767px) {
    .error-404__box-number {
        font-size: 192.47px;
        margin-bottom: -20px;
        margin-top: 20px
    }
}

.error-404__box-button {
    bottom: -178px;
    font-size: 20px;
    font-weight: 600;
    height: 60px;
    left: 50%;
    min-width: 288px;
    position: absolute;
    transform: translateX(-50%);
    width: auto
}

@media screen and (max-width: 1199px) {
    .error-404__box-button {
        bottom: -166px;
        bottom: -154px
    }
}

.svg-3d-dims, .svg-3d-white-dims {
    height: 25px;
    width: 25px
}

a, body {
    color: #2d3640
}

.pseudo-link, a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.callback-button, .pseudo-link {
    cursor: pointer;
    transition: .3s
}

@font-face {
    font-display: swap;
    font-family: Apparat;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/Apparat-Regular.709d9ef.eot);
    src: url(/_nuxt/fonts/Apparat-Regular.709d9ef.eot?#iefix) format("embedded-opentype"), url(/_nuxt/fonts/Apparat-Regular.d387172.woff2) format("woff2"), url(/_nuxt/fonts/Apparat-Regular.5f23e43.woff) format("woff"), url(/_nuxt/fonts/Apparat-Regular.b68a563.ttf) format("ttf"), url(/_nuxt/img/Apparat-Regular.f9b250f.svg#Apparat-Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Apparat;
    font-style: normal;
    font-weight: 500;
    src: url(/_nuxt/fonts/Apparat-Medium.3ad84cb.eot);
    src: url(/_nuxt/fonts/Apparat-Medium.3ad84cb.eot?#iefix) format("embedded-opentype"), url(/_nuxt/fonts/Apparat-Medium.6cb4e28.woff2) format("woff2"), url(/_nuxt/fonts/Apparat-Medium.2440a5e.woff) format("woff"), url(/_nuxt/fonts/Apparat-Medium.187a0a3.ttf) format("ttf"), url(/_nuxt/img/Apparat-Medium.0eae062.svg#Apparat-Medium) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Apparat;
    font-style: normal;
    font-weight: 600;
    src: url(/_nuxt/fonts/Apparat-Semibold.7545cb2.eot);
    src: url(/_nuxt/fonts/Apparat-Semibold.7545cb2.eot?#iefix) format("embedded-opentype"), url(/_nuxt/fonts/Apparat-Semibold.ca14b2f.woff2) format("woff2"), url(/_nuxt/fonts/Apparat-Semibold.e2c26ba.woff) format("woff"), url(/_nuxt/fonts/Apparat-Semibold.145d6fb.ttf) format("ttf"), url(/_nuxt/img/Apparat-Semibold.3e3d7d5.svg#Apparat-Semibold) format("svg")
}

.svg-3d, .svg-3d-white, .svg-accordion-arrow-down, .svg-accordion-arrow-down-old, .svg-accordion-arrow-down-small, .svg-accordion-arrow-down-white, .svg-arrow-down, .svg-arrow-down-white, .svg-arrow-left-salepoint, .svg-arrow-outline, .svg-arrow-right-salepoint, .svg-arrows-out-line-horizontal, .svg-banner-arrow, .svg-block-slider-collections-left, .svg-block-slider-collections-left-red, .svg-block-slider-collections-right, .svg-block-slider-collections-right-red, .svg-block-slider-left, .svg-block-slider-left-light, .svg-block-slider-left-red, .svg-block-slider-right, .svg-block-slider-right-light, .svg-block-slider-right-red, .svg-breadcrumb-arrow, .svg-breadcrumb-arrow-white, .svg-button-arrow, .svg-button-arrow-down, .svg-button-arrow-down-white, .svg-button-arrow-light, .svg-button-arrow-light-old, .svg-button-arrow-old, .svg-button-arrow-red, .svg-button-arrow-red-old, .svg-button-arrow-white, .svg-button-close, .svg-button-close-white, .svg-button-play-video, .svg-button-play-video-big, .svg-button-play-video-small, .svg-button-play-video-small-2, .svg-callback-close, .svg-calling-button, .svg-caret-down, .svg-caret-down-white, .svg-city-select-point, .svg-close-configurator, .svg-close-tooltip, .svg-designer, .svg-designer-white, .svg-document-item-main-arrow, .svg-document-item-main-arrow-old, .svg-document-item-main-arrow-red, .svg-document-item-main-arrow-red-old, .svg-document-item-main-arrow-white, .svg-documents-arrow-red, .svg-download, .svg-download-black, .svg-download-white, .svg-filter-arrow, .svg-filter-checkboxes-control-arrow, .svg-filter-checkboxes-control-arrow-active, .svg-filter-remove, .svg-header-cart, .svg-header-cart-old, .svg-header-cart-white, .svg-header-heart, .svg-header-heart-old, .svg-header-heart-white, .svg-header-search, .svg-header-search-old, .svg-header-search-white, .svg-info, .svg-info-big, .svg-installment, .svg-lead-down, .svg-lead-down-white, .svg-loan, .svg-menu, .svg-menu-close, .svg-menu-lines, .svg-menu-lines-active, .svg-menu-lines-close, .svg-menu-lines-close-active, .svg-mobile-back, .svg-modal-close, .svg-pagination-arrow-next, .svg-pagination-arrow-next-red, .svg-pagination-arrow-prev, .svg-pagination-arrow-prev-red, .svg-path, .svg-path-old, .svg-play, .svg-play-48, .svg-product-arrow, .svg-product-cart, .svg-product-cart-active, .svg-product-cart-active-old, .svg-product-cart-added, .svg-product-cart-old, .svg-product-full-slider-arrow-left, .svg-product-full-slider-arrow-left-active, .svg-product-full-slider-arrow-right, .svg-product-full-slider-arrow-right-active, .svg-product-like, .svg-product-like-active, .svg-product-like-active-old, .svg-product-like-old, .svg-product-save, .svg-product-slider-arrow-left, .svg-product-slider-arrow-left-active, .svg-product-slider-arrow-right, .svg-product-slider-arrow-right-active, .svg-question, .svg-question-red, .svg-question-white, .svg-ral-arrow, .svg-ral-check, .svg-remove, .svg-ruler, .svg-scroll-top, .svg-scroll-top-active, .svg-search, .svg-search-light, .svg-search-new, .svg-search-old, .svg-select-arrow-down, .svg-select-arrow-down-light, .svg-select-arrow-down-new, .svg-select-arrow-down-old, .svg-selection, .svg-selection-background, .svg-selection-inverse, .svg-share, .svg-share-down, .svg-shield, .svg-shield-checkered, .svg-shield-plus, .svg-shield-plus-old, .svg-shopping-cart, .svg-shopping-cart-old, .svg-slider-arrow-left, .svg-slider-arrow-left-active, .svg-slider-arrow-left-big, .svg-slider-arrow-left-big-active, .svg-slider-arrow-left-collection, .svg-slider-arrow-left-collection-dark, .svg-slider-arrow-left-medium, .svg-slider-arrow-left-medium-active, .svg-slider-arrow-right, .svg-slider-arrow-right-active, .svg-slider-arrow-right-big, .svg-slider-arrow-right-big-active, .svg-slider-arrow-right-collection, .svg-slider-arrow-right-collection-dark, .svg-slider-arrow-right-medium, .svg-slider-arrow-right-medium-active, .svg-slider-left, .svg-slider-left-red, .svg-slider-right, .svg-slider-right-red, .svg-social-fb-dark, .svg-social-fb-light, .svg-social-fb-line, .svg-social-fb-line-mobile, .svg-social-in-dark, .svg-social-in-light, .svg-social-in-line, .svg-social-in-line-mobile, .svg-social-pt-dark, .svg-social-pt-light, .svg-social-pt-white, .svg-social-tg-dark, .svg-social-tg-light, .svg-social-tg-white, .svg-social-vk-dark, .svg-social-vk-light, .svg-social-vk-white, .svg-social-yt-dark, .svg-social-yt-light, .svg-social-yt-line, .svg-social-yt-line-mobile, .svg-sort-active-desc, .svg-spinner, .svg-square-half, .svg-stack-simple, .svg-star, .svg-star-dark, .svg-swap, .svg-swatches, .svg-system-block-card-arrow, .svg-trash, .svg-trash-old, .svg-utp-1, .svg-utp-2, .svg-utp-3, .svg-utp-4, .svg-utp-5, .svg-video-small {
    background: url(/_nuxt/img/sprite.css-e7b25747.df87ce6.svg) no-repeat
}

.svg-3d {
    background-position: 0 0
}

.svg-3d-white {
    background-position: 0 .4650297619047619%
}

.svg-accordion-arrow-down {
    background-position: 0 .9300595238095238%
}

.svg-accordion-arrow-down-dims {
    height: 25px;
    width: 24px
}

.svg-accordion-arrow-down-old {
    background-position: 0 1.391465677179963%
}

.svg-accordion-arrow-down-old-dims {
    height: 11px;
    width: 21px
}

.svg-accordion-arrow-down-small {
    background-position: 0 1.5943641082684463%
}

.svg-accordion-arrow-down-small-dims {
    height: 7px;
    width: 14px
}

.svg-accordion-arrow-down-white {
    background-position: 0 1.725417439703154%
}

.svg-accordion-arrow-down-white-dims {
    height: 11px;
    width: 21px
}

.svg-arrow-down-dims, .svg-arrow-down-white-dims {
    height: 8px;
    width: 13px
}

.svg-arrow-down {
    background-position: 0 1.9284257370665678%
}

.svg-arrow-down-white {
    background-position: 0 2.0767661783793807%
}

.svg-arrow-left-salepoint {
    background-position: 0 2.2284122562674096%
}

.svg-arrow-left-salepoint-dims {
    height: 16px;
    width: 9px
}

.svg-arrow-outline {
    background-position: 0 2.5406314216327295%
}

.svg-arrow-outline-dims {
    height: 48px;
    width: 48px
}

.svg-arrow-right-salepoint {
    background-position: 0 3.4168987929433614%
}

.svg-arrow-right-salepoint-dims {
    height: 16px;
    width: 9px
}

.svg-arrows-out-line-horizontal {
    background-position: 0 3.736222678871661%
}

.svg-arrows-out-line-horizontal-dims {
    height: 48px;
    width: 48px
}

.svg-banner-arrow {
    background-position: 0 4.639850327408793%
}

.svg-banner-arrow-dims {
    height: 56px;
    width: 56px
}

.svg-block-slider-collections-left {
    background-position: 0 5.688622754491018%
}

.svg-block-slider-collections-left-dims {
    height: 57px;
    width: 56px
}

.svg-block-slider-collections-left-red {
    background-position: 0 6.755239520958084%
}

.svg-block-slider-collections-left-red-dims {
    height: 57px;
    width: 56px
}

.svg-block-slider-collections-right-dims, .svg-block-slider-collections-right-red-dims {
    height: 57px;
    width: 57px
}

.svg-block-slider-collections-right {
    background-position: 0 7.82185628742515%
}

.svg-block-slider-collections-right-red {
    background-position: 0 8.888473053892216%
}

.svg-block-slider-left-dims, .svg-block-slider-left-light-dims, .svg-block-slider-left-red-dims, .svg-block-slider-right-dims, .svg-block-slider-right-light-dims, .svg-block-slider-right-red-dims {
    height: 25px;
    width: 24px
}

.svg-block-slider-left {
    background-position: 0 9.895833333333334%
}

.svg-block-slider-left-light {
    background-position: 0 10.360863095238095%
}

.svg-block-slider-left-red {
    background-position: 0 10.825892857142858%
}

.svg-block-slider-right {
    background-position: 0 11.290922619047619%
}

.svg-block-slider-right-light {
    background-position: 0 11.755952380952381%
}

.svg-block-slider-right-red {
    background-position: 0 12.220982142857142%
}

.svg-breadcrumb-arrow-dims, .svg-breadcrumb-arrow-white-dims {
    height: 8px;
    width: 5px
}

.svg-breadcrumb-arrow {
    background-position: 0 12.6460226219173%
}

.svg-breadcrumb-arrow-white {
    background-position: 0 12.794363063230113%
}

.svg-button-arrow-dims, .svg-button-arrow-down-dims, .svg-button-arrow-down-white-dims, .svg-button-arrow-light-dims {
    height: 18px;
    width: 18px
}

.svg-button-arrow {
    background-position: 0 12.966747167007245%
}

.svg-button-arrow-down {
    background-position: 0 13.301133197101988%
}

.svg-button-arrow-down-white {
    background-position: 0 13.635519227196731%
}

.svg-button-arrow-light {
    background-position: 0 13.969905257291472%
}

.svg-button-arrow-light-old {
    background-position: 0 14.293669946166698%
}

.svg-button-arrow-light-old-dims {
    height: 14px;
    width: 13px
}

.svg-button-arrow-old {
    background-position: 0 14.550853749072012%
}

.svg-button-arrow-old-dims {
    height: 13px;
    width: 13px
}

.svg-button-arrow-red {
    background-position: 0 14.80587033252833%
}

.svg-button-arrow-red-dims {
    height: 18px;
    width: 18px
}

.svg-button-arrow-red-old {
    background-position: 0 15.126206384558278%
}

.svg-button-arrow-red-old-dims {
    height: 13px;
    width: 13px
}

.svg-button-arrow-white {
    background-position: 0 15.381757384358165%
}

.svg-button-arrow-white-dims {
    height: 18px;
    width: 18px
}

.svg-button-close-dims, .svg-button-close-white-dims {
    height: 15px;
    width: 14px
}

.svg-button-close {
    background-position: 0 15.707389528406981%
}

.svg-button-close-white {
    background-position: 0 15.985889342740439%
}

.svg-button-play-video {
    background-position: 0 16.45997745208568%
}

.svg-button-play-video-dims {
    height: 79px;
    width: 79px
}

.svg-button-play-video-big {
    background-position: 0 17.995100810250612%
}

.svg-button-play-video-big-dims {
    height: 94px;
    width: 94px
}

.svg-button-play-video-small {
    background-position: 0 19.596487950681862%
}

.svg-button-play-video-small-dims {
    height: 48px;
    width: 48px
}

.svg-button-play-video-small-2 {
    background-position: 0 20.409302325581397%
}

.svg-button-play-video-small-2-dims {
    height: 26px;
    width: 26px
}

.svg-callback-close {
    background-position: 0 20.865849126718693%
}

.svg-callback-close-dims {
    height: 19px;
    width: 19px
}

.svg-calling-button {
    background-position: 0 21.238608889715454%
}

.svg-calling-button-dims {
    height: 24px;
    width: 22px
}

.svg-caret-down-dims, .svg-caret-down-white-dims {
    height: 8px;
    width: 10px
}

.svg-caret-down {
    background-position: 0 21.62061932134248%
}

.svg-caret-down-white {
    background-position: 0 21.768959762655292%
}

.svg-city-select-point {
    background-position: 0 21.9825181327878%
}

.svg-city-select-point-dims {
    height: 24px;
    width: 24px
}

.svg-close-configurator {
    background-position: 0 22.487413760954688%
}

.svg-close-configurator-dims {
    height: 38px;
    width: 38px
}

.svg-close-tooltip {
    background-position: 0 23.152801042248278%
}

.svg-close-tooltip-dims {
    height: 28px;
    width: 28px
}

.svg-designer {
    background-position: 0 23.732228814508%
}

.svg-designer-dims {
    height: 41.2px;
    width: 41.2px
}

.svg-designer-white {
    background-position: 0 24.437418634926537%
}

.svg-designer-white-dims {
    height: 24px;
    width: 25px
}

.svg-document-item-main-arrow {
    background-position: 0 24.888392857142858%
}

.svg-document-item-main-arrow-dims {
    height: 25px;
    width: 24px
}

.svg-document-item-main-arrow-old-dims, .svg-document-item-main-arrow-red-dims, .svg-document-item-main-arrow-red-old-dims {
    height: 13px;
    width: 8px
}

.svg-document-item-main-arrow-old {
    background-position: 0 25.296956198960654%
}

.svg-document-item-main-arrow-red {
    background-position: 0 25.538233110616183%
}

.svg-document-item-main-arrow-red-old {
    background-position: 0 25.779510022271715%
}

.svg-document-item-main-arrow-white {
    background-position: 0 26.078869047619047%
}

.svg-document-item-main-arrow-white-dims {
    height: 25px;
    width: 24px
}

.svg-documents-arrow-red {
    background-position: 0 26.49461567025622%
}

.svg-documents-arrow-red-dims {
    height: 15px;
    width: 18px
}

.svg-download-black-dims, .svg-download-dims, .svg-download-white-dims {
    height: 25px;
    width: 24px
}

.svg-download {
    background-position: 0 26.822916666666668%
}

.svg-download-black {
    background-position: 0 27.287946428571427%
}

.svg-download-white {
    background-position: 0 27.75297619047619%
}

.svg-filter-arrow {
    background-position: 0 28.129056183942147%
}

.svg-filter-arrow-dims {
    height: 8px;
    width: 14px
}

.svg-filter-checkboxes-control-arrow-active-dims, .svg-filter-checkboxes-control-arrow-dims {
    height: 5px;
    width: 8px
}

.svg-filter-checkboxes-control-arrow {
    background-position: 0 28.261675315048183%
}

.svg-filter-checkboxes-control-arrow-active {
    background-position: 0 28.354336545589327%
}

.svg-filter-remove {
    background-position: 0 28.51040118870728%
}

.svg-filter-remove-dims {
    height: 17px;
    width: 16px
}

.svg-header-cart {
    background-position: 0 28.863678631206994%
}

.svg-header-cart-dims {
    height: 24px;
    width: 24px
}

.svg-header-cart-old {
    background-position: 0 29.3100241770504%
}

.svg-header-cart-old-dims {
    height: 24px;
    width: 25px
}

.svg-header-cart-white-dims, .svg-header-heart-dims, .svg-header-heart-old-dims, .svg-header-heart-white-dims, .svg-header-search-dims, .svg-header-search-old-dims, .svg-header-search-white-dims {
    height: 24px;
    width: 24px
}

.svg-header-cart-white {
    background-position: 0 29.756369722893808%
}

.svg-header-heart {
    background-position: 0 30.202715268737215%
}

.svg-header-heart-old {
    background-position: 0 30.649060814580622%
}

.svg-header-heart-white {
    background-position: 0 31.09540636042403%
}

.svg-header-search {
    background-position: 0 31.541751906267436%
}

.svg-header-search-old {
    background-position: 0 31.988097452110843%
}

.svg-header-search-white {
    background-position: 0 32.43444299795425%
}

.svg-info {
    background-position: 0 32.80757097791798%
}

.svg-info-dims {
    height: 12px;
    width: 12px
}

.svg-info-big {
    background-position: 0 33.07935328005947%
}

.svg-info-big-dims {
    height: 20px;
    width: 20px
}

.svg-installment {
    background-position: 0 33.58334266203963%
}

.svg-installment-dims {
    height: 41.2px;
    width: 41.2px
}

.svg-lead-down-dims, .svg-lead-down-white-dims {
    height: 31px;
    width: 30px
}

.svg-lead-down {
    background-position: 0 34.30167597765363%
}

.svg-lead-down-white {
    background-position: 0 34.878957169459966%
}

.svg-loan {
    background-position: 0 35.52371357140192%
}

.svg-loan-dims {
    height: 41.2px;
    width: 41.2px
}

.svg-menu-close-dims, .svg-menu-dims {
    height: 44px;
    width: 44px
}

.svg-menu {
    background-position: 0 36.326302034720925%
}

.svg-menu-close {
    background-position: 0 37.147657270860556%
}

.svg-menu-lines {
    background-position: 0 37.75756450714683%
}

.svg-menu-lines-dims {
    height: 14px
}

.svg-menu-lines-active {
    background-position: 0 38.01744941525896%
}

.svg-menu-lines-active-dims {
    height: 14px;
    width: 17px
}

.svg-menu-lines-close-active-dims, .svg-menu-lines-close-dims {
    height: 14px;
    width: 14px
}

.svg-menu-lines-close {
    background-position: 0 38.27733432337108%
}

.svg-menu-lines-close-active {
    background-position: 0 38.5372192314832%
}

.svg-mobile-back {
    background-position: 0 38.825933494334016%
}

.svg-mobile-back-dims {
    height: 18px;
    width: 18px
}

.svg-modal-close {
    background-position: 0 39.23320305229853%
}

.svg-modal-close-dims {
    height: 28px;
    width: 28px
}

.svg-pagination-arrow-next-dims, .svg-pagination-arrow-next-red-dims, .svg-pagination-arrow-prev-dims, .svg-pagination-arrow-prev-red-dims {
    height: 15px;
    width: 14px
}

.svg-pagination-arrow-next {
    background-position: 0 39.65837356108429%
}

.svg-pagination-arrow-next-red {
    background-position: 0 39.93687337541775%
}

.svg-pagination-arrow-prev {
    background-position: 0 40.215373189751205%
}

.svg-pagination-arrow-prev-red {
    background-position: 0 40.49387300408466%
}

.svg-path-dims, .svg-path-old-dims {
    height: 48px;
    width: 49px
}

.svg-path {
    background-position: 0 41.023725014010836%
}

.svg-path-old {
    background-position: 0 41.920418456940034%
}

.svg-play {
    background-position: 0 43.09890936442272%
}

.svg-play-dims {
    height: 83px;
    width: 83px
}

.svg-play-48 {
    background-position: 0 44.39252336448598%
}

.svg-play-48-dims {
    height: 51px;
    width: 51px
}

.svg-product-arrow {
    background-position: 0 44.98423882811051%
}

.svg-product-arrow-dims {
    height: 8px;
    width: 14px
}

.svg-product-cart {
    background-position: 0 45.26687744095221%
}

.svg-product-cart-dims {
    height: 24px;
    width: 24px
}

.svg-product-cart-active {
    background-position: 0 45.713222986795614%
}

.svg-product-cart-active-dims {
    height: 24px;
    width: 25px
}

.svg-product-cart-active-old {
    background-position: 0 46.15956853263902%
}

.svg-product-cart-active-old-dims {
    height: 24px;
    width: 24px
}

.svg-product-cart-added {
    background-position: 0 46.53667595171773%
}

.svg-product-cart-added-dims {
    height: 16px;
    width: 22px
}

.svg-product-cart-old {
    background-position: 0 46.903477775711366%
}

.svg-product-cart-old-dims {
    height: 24px;
    width: 24px
}

.svg-product-full-slider-arrow-left-active-dims, .svg-product-full-slider-arrow-left-dims, .svg-product-full-slider-arrow-right-active-dims, .svg-product-full-slider-arrow-right-dims {
    height: 22px;
    width: 12px
}

.svg-product-full-slider-arrow-left {
    background-position: 0 47.33221788436512%
}

.svg-product-full-slider-arrow-left-active {
    background-position: 0 47.74121583937535%
}

.svg-product-full-slider-arrow-right {
    background-position: 0 48.15021379438557%
}

.svg-product-full-slider-arrow-right-active {
    background-position: 0 48.5592117493958%
}

.svg-product-like-active-dims, .svg-product-like-active-old-dims, .svg-product-like-dims, .svg-product-like-old-dims {
    height: 24px;
    width: 24px
}

.svg-product-like {
    background-position: 0 48.98642365631393%
}

.svg-product-like-active {
    background-position: 0 49.43276920215734%
}

.svg-product-like-active-old {
    background-position: 0 49.879114748000745%
}

.svg-product-like-old {
    background-position: 0 50.32546029384415%
}

.svg-product-save {
    background-position: 0 50.73406430031593%
}

.svg-product-save-dims {
    height: 20px;
    width: 20px
}

.svg-product-slider-arrow-left-active-dims, .svg-product-slider-arrow-left-dims, .svg-product-slider-arrow-right-active-dims, .svg-product-slider-arrow-right-dims {
    height: 14px;
    width: 8px
}

.svg-product-slider-arrow-left {
    background-position: 0 51.048821236309635%
}

.svg-product-slider-arrow-left-active {
    background-position: 0 51.308706144421755%
}

.svg-product-slider-arrow-right {
    background-position: 0 51.568591052533876%
}

.svg-product-slider-arrow-right-active {
    background-position: 0 51.828475960646%
}

.svg-question {
    background-position: 0 52.10770659238626%
}

.svg-question-dims {
    height: 16px;
    width: 16px
}

.svg-question-red-dims, .svg-question-white-dims {
    height: 16px;
    width: 17px
}

.svg-question-red {
    background-position: 0 52.404828226555246%
}

.svg-question-white {
    background-position: 0 52.701949860724234%
}

.svg-ral-arrow {
    background-position: 0 52.97939483942825%
}

.svg-ral-arrow-dims {
    height: 14px;
    width: 24px
}

.svg-ral-check {
    background-position: 0 53.33829272828715%
}

.svg-ral-check-dims {
    height: 24px;
    width: 30px
}

.svg-remove {
    background-position: 0 53.82467895030709%
}

.svg-remove-dims {
    height: 28px;
    width: 28px
}

.svg-ruler {
    background-position: 0 54.54885111152625%
}

.svg-ruler-dims {
    height: 48px;
    width: 48px
}

.svg-scroll-top-active-dims, .svg-scroll-top-dims {
    height: 44px;
    width: 44px
}

.svg-scroll-top {
    background-position: 0 55.40414411050961%
}

.svg-scroll-top-active {
    background-position: 0 56.225499346649244%
}

.svg-search-dims, .svg-search-light-dims, .svg-search-new-dims, .svg-search-old-dims, .svg-select-arrow-down-dims, .svg-select-arrow-down-light-dims, .svg-select-arrow-down-new-dims {
    height: 24px;
    width: 24px
}

.svg-search {
    background-position: 0 56.83466617072717%
}

.svg-search-light {
    background-position: 0 57.28101171657058%
}

.svg-search-new {
    background-position: 0 57.72735726241399%
}

.svg-search-old {
    background-position: 0 58.173702808257396%
}

.svg-select-arrow-down {
    background-position: 0 58.6200483541008%
}

.svg-select-arrow-down-light {
    background-position: 0 59.06639389994421%
}

.svg-select-arrow-down-new {
    background-position: 0 59.512739445787616%
}

.svg-select-arrow-down-old {
    background-position: 0 59.770114942528735%
}

.svg-select-arrow-down-old-dims {
    height: 7px;
    width: 13px
}

.svg-selection {
    background-position: 0 60.35867737717168%
}

.svg-selection-dims {
    height: 48px;
    width: 49px
}

.svg-selection-background-dims, .svg-selection-inverse-dims {
    height: 48px;
    width: 48px
}

.svg-selection-background {
    background-position: 0 61.25537082010088%
}

.svg-selection-inverse {
    background-position: 0 62.15206426303008%
}

.svg-share {
    background-position: 0 62.767342384229124%
}

.svg-share-dims {
    height: 24px;
    width: 24px
}

.svg-share-down {
    background-position: 0 63.00278035217794%
}

.svg-share-down-dims {
    height: 6px;
    width: 10px
}

.svg-shield-checkered-dims, .svg-shield-dims {
    height: 48px;
    width: 48px
}

.svg-shield {
    background-position: 0 63.609191107790025%
}

.svg-shield-checkered {
    background-position: 0 64.50588455071922%
}

.svg-shield-plus {
    background-position: 0 65.40257799364842%
}

.svg-shield-plus-dims {
    height: 48px;
    width: 49px
}

.svg-shield-plus-old {
    background-position: 0 66.29927143657763%
}

.svg-shield-plus-old-dims {
    height: 48px;
    width: 49px
}

.svg-shopping-cart-dims, .svg-shopping-cart-old-dims {
    height: 48px;
    width: 48px
}

.svg-shopping-cart {
    background-position: 0 67.19596487950682%
}

.svg-shopping-cart-old {
    background-position: 0 68.09265832243602%
}

.svg-slider-arrow-left-active-dims, .svg-slider-arrow-left-dims {
    height: 14px;
    width: 8px
}

.svg-slider-arrow-left {
    background-position: 0 68.55392611843327%
}

.svg-slider-arrow-left-active {
    background-position: 0 68.81381102654538%
}

.svg-slider-arrow-left-big-active-dims, .svg-slider-arrow-left-big-dims {
    height: 30px;
    width: 16px
}

.svg-slider-arrow-left-big {
    background-position: 0 69.27946378700429%
}

.svg-slider-arrow-left-big-active {
    background-position: 0 69.83801899087693%
}

.svg-slider-arrow-left-collection {
    background-position: 0 70.39657419474958%
}

.svg-slider-arrow-left-collection-dims {
    height: 30px;
    width: 30px
}

.svg-slider-arrow-left-collection-dark {
    background-position: 0 70.9683426443203%
}

.svg-slider-arrow-left-collection-dark-dims {
    height: 31px;
    width: 30px
}

.svg-slider-arrow-left-medium-active-dims, .svg-slider-arrow-left-medium-dims {
    height: 22px;
    width: 13px
}

.svg-slider-arrow-left-medium {
    background-position: 0 71.42591559769474%
}

.svg-slider-arrow-left-medium-active {
    background-position: 0 71.83491355270496%
}

.svg-slider-arrow-right-active-dims, .svg-slider-arrow-right-dims {
    height: 14px;
    width: 8px
}

.svg-slider-arrow-right {
    background-position: 0 72.1366252088361%
}

.svg-slider-arrow-right-active {
    background-position: 0 72.3965101169482%
}

.svg-slider-arrow-right-big-active-dims, .svg-slider-arrow-right-big-dims {
    height: 30px;
    width: 16px
}

.svg-slider-arrow-right-big {
    background-position: 0 72.872835598585%
}

.svg-slider-arrow-right-big-active {
    background-position: 0 73.43139080245764%
}

.svg-slider-arrow-right-collection {
    background-position: 0 73.98994600633029%
}

.svg-slider-arrow-right-collection-dims {
    height: 30px;
    width: 30px
}

.svg-slider-arrow-right-collection-dark {
    background-position: 0 74.56238361266294%
}

.svg-slider-arrow-right-collection-dark-dims {
    height: 31px;
    width: 30px
}

.svg-slider-arrow-right-medium-active-dims, .svg-slider-arrow-right-medium-dims {
    height: 22px;
    width: 13px
}

.svg-slider-arrow-right-medium {
    background-position: 0 75.01394311210262%
}

.svg-slider-arrow-right-medium-active {
    background-position: 0 75.42294106711284%
}

.svg-slider-left-dims, .svg-slider-left-red-dims, .svg-slider-right-dims, .svg-slider-right-red-dims, .svg-social-fb-dark-dims, .svg-social-fb-light-dims {
    height: 32px;
    width: 32px
}

.svg-slider-left {
    background-position: 0 75.97317936300988%
}

.svg-slider-left-red {
    background-position: 0 76.56919351834605%
}

.svg-slider-right {
    background-position: 0 77.16520767368225%
}

.svg-slider-right-red {
    background-position: 0 77.76122182901844%
}

.svg-social-fb-dark {
    background-position: 0 78.35723598435463%
}

.svg-social-fb-light {
    background-position: 0 78.95325013969082%
}

.svg-social-fb-line {
    background-position: 0 79.43090942904965%
}

.svg-social-fb-line-dims {
    height: 24px;
    width: 24px
}

.svg-social-fb-line-mobile-dims, .svg-social-in-dark-dims, .svg-social-in-light-dims {
    height: 32px;
    width: 32px
}

.svg-social-fb-line-mobile {
    background-position: 0 79.99627491152916%
}

.svg-social-in-dark {
    background-position: 0 80.59228906686533%
}

.svg-social-in-light {
    background-position: 0 81.18830322220153%
}

.svg-social-in-line {
    background-position: 0 81.66263715826669%
}

.svg-social-in-line-dims {
    height: 24px;
    width: 24px
}

.svg-social-in-line-mobile {
    background-position: 0 82.23132799403986%
}

.svg-social-in-line-mobile-dims {
    height: 32px;
    width: 32px
}

.svg-social-pt-dark-dims, .svg-social-pt-light-dims, .svg-social-pt-white-dims, .svg-social-tg-dark-dims, .svg-social-tg-light-dims, .svg-social-tg-white-dims, .svg-social-vk-dark-dims, .svg-social-vk-light-dims, .svg-social-vk-white-dims {
    height: 24px;
    width: 24px
}

.svg-social-pt-dark {
    background-position: 0 82.70411009856798%
}

.svg-social-pt-light {
    background-position: 0 83.15045564441138%
}

.svg-social-pt-white {
    background-position: 0 83.5968011902548%
}

.svg-social-tg-dark {
    background-position: 0 84.0431467360982%
}

.svg-social-tg-light {
    background-position: 0 84.48949228194161%
}

.svg-social-tg-white {
    background-position: 0 84.93583782778501%
}

.svg-social-vk-dark {
    background-position: 0 85.38218337362842%
}

.svg-social-vk-light {
    background-position: 0 85.82852891947182%
}

.svg-social-vk-white {
    background-position: 0 86.27487446531524%
}

.svg-social-yt-dark-dims, .svg-social-yt-light-dims {
    height: 32px;
    width: 32px
}

.svg-social-yt-dark {
    background-position: 0 86.85043769789533%
}

.svg-social-yt-light {
    background-position: 0 87.44645185323151%
}

.svg-social-yt-line {
    background-position: 0 87.91147480007439%
}

.svg-social-yt-line-dims {
    height: 24px;
    width: 24px
}

.svg-social-yt-line-mobile {
    background-position: 0 88.48947662506984%
}

.svg-social-yt-line-mobile-dims {
    height: 32px;
    width: 32px
}

.svg-sort-active-desc {
    background-position: 0 88.78782253573418%
}

.svg-sort-active-desc-dims {
    height: 14px;
    width: 14px
}

.svg-spinner-dims, .svg-square-half-dims, .svg-stack-simple-dims {
    height: 48px;
    width: 48px
}

.svg-spinner {
    background-position: 0 89.61330095273678%
}

.svg-square-half {
    background-position: 0 90.50999439566598%
}

.svg-stack-simple {
    background-position: 0 91.40668783859518%
}

.svg-star {
    background-position: 0 91.73783884144078%
}

.svg-star-dims {
    height: 15px;
    width: 16px
}

.svg-star-dark {
    background-position: 0 92.03342618384401%
}

.svg-star-dark-dims {
    height: 16px;
    width: 16px
}

.svg-swap-dims, .svg-swatches-dims {
    height: 48px;
    width: 48px
}

.svg-swap {
    background-position: 0 92.88249579674948%
}

.svg-swatches {
    background-position: 0 93.77918923967869%
}

.svg-system-block-card-arrow {
    background-position: 0 94.16573764399851%
}

.svg-system-block-card-arrow-dims {
    height: 19px;
    width: 18px
}

.svg-trash-dims, .svg-trash-old-dims {
    height: 24px;
    width: 24px
}

.svg-trash {
    background-position: 0 94.6066579877255%
}

.svg-trash-old {
    background-position: 0 95.0530035335689%
}

.svg-utp-1-dims, .svg-utp-2-dims, .svg-utp-3-dims, .svg-utp-4-dims, .svg-utp-5-dims {
    height: 48px;
    width: 48px
}

.svg-utp-1 {
    background-position: 0 95.92751728002989%
}

.svg-utp-2 {
    background-position: 0 96.8242107229591%
}

.svg-utp-3 {
    background-position: 0 97.72090416588829%
}

.svg-utp-4 {
    background-position: 0 98.61759760881749%
}

.svg-utp-5 {
    background-position: 0 99.51429105174668%
}

.svg-video-small {
    background-position: 0 100%
}

.svg-video-small-dims {
    height: 26px;
    width: 26px
}

*, :after, :before {
    box-sizing: border-box;
    letter-spacing: .02em
}

body, html {
    overflow-x: hidden
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 300 15px/1.4 Apparat, sans-serif;
    margin: 0;
    padding: 0
}

body.scroll-fixed {
    padding-right: var(--scrollbar-width)
}

.scroll-fixed {
    overflow: hidden
}

.scroll-fixed .callback-button {
    margin-right: var(--scrollbar-width)
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 20px;
    width: 100%
}

@media screen and (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 15px
    }
}

@media screen and (max-width: 767px) {
    .container {
        max-width: 100%;
        padding: 0 10px
    }

    .mobile-hide {
        display: none
    }
}

[role=button], a, input, select, textarea {
    outline: 0
}

a {
    transition: .3s
}

@media screen and (min-width: 1200px) {
    a:hover {
        color: #f43138
    }
}

.nothing-found {
    padding: 50px 20px;
    text-align: center;
    width: 100%
}

.nothing-found__icon {
    margin-right: 10px;
    vertical-align: middle;
    width: 48px
}

@media screen and (min-width: 767px) {
    .desktop-hide {
        display: none
    }
}

.pseudo-link {
    color: #2d3640;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

img {
    font-size: 0
}

.wrapper_category-no-collection {
    overflow: hidden;
    padding: 0 0 73px
}

@media screen and (max-width: 767px) {
    .wrapper_category-no-collection {
        padding: 0 0 23px
    }

    .wrapper_parameters {
        display: none
    }
}

.wrapper_category-no-collection .block-info-top__title, .wrapper_category-no-collection .tabs_v2 {
    margin-top: 0
}

.wrapper_parameters {
    padding-top: 11px
}

.related__item {
    display: none
}

.related__item_active {
    display: block
}

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

@media screen and (max-width: 767px) {
    .swiper, .swiper-wrapper_fixed {
        z-index: auto !important
    }

    .swiper-wrapper_fixed {
        position: static !important;
        transform: none !important
    }
}

.callback-button {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 40%, .3);
    border-radius: 35px;
    bottom: 50px;
    box-shadow: 0 18px 40px 0 rgba(0, 0, 0, .2);
    display: flex;
    height: 70px;
    justify-content: center;
    position: fixed;
    right: calc(50vw - 720px);
    width: 70px;
    z-index: 10
}

.for_imgg, .seo-text .flexbox {
    justify-content: space-between
}

@media screen and (min-width: 1200px) {
    .pseudo-link:hover {
        color: #f43138
    }

    .callback-button:hover {
        animation: hoverCallbackButton 1s;
        background: rgba(67, 67, 67, .3)
    }
}

@media (max-width: 1400px) {
    .callback-button {
        right: 20px
    }
}

.pt-0 {
    padding-top: 0 !important
}

.svg-menu-lines-active, .svg-menu-lines-dims {
    width: 16px !important
}

.static {
    margin-bottom: 100px
}

.for_imgg, .for_imgg img {
    margin-bottom: 30px
}

.static b, .static strong {
    font-family: Apparat-Semibold, sans-serif;
    font-weight: 700
}

.page-placeholder {
    min-height: 100vh
}

.category-article {
    margin-top: 60px
}

.category-article div[style*="display: flex"], .category-article div[style*="display:flex"] {
    gap: 30px
}

.for_imgg {
    display: flex;
    flex-wrap: wrap
}

.htheme_related_posts {
    display: table;
    width: 100%
}

.htheme_content_heading {
    padding: 55px 0 65px;
    position: relative;
    text-align: center;
    width: 100%
}

.htheme_content_heading span {
    background-color: #fff;
    display: table;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 2
}

.htheme_content_heading span:after {
    background-color: #2b2b2b;
    content: "";
    height: 1px;
    left: 50%;
    margin: 10px 0 0 -20px;
    position: absolute;
    top: 100%;
    width: 40px;
    z-index: 1
}

.htheme_related_posts .htheme_col_3, .htheme_related_posts .htheme_col_4, .htheme_related_posts .htheme_col_6 {
    padding: 0 10px
}

.htheme_col_3 {
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
    width: 25%
}

@media screen and (max-width: 1199px) {
    .htheme_col_3 {
        width: 50%
    }
}

.htheme_post_image {
    display: table;
    padding-bottom: 55px;
    width: 100%
}

.htheme_post_recap .htheme_post_image {
    background-color: #efefef;
    background-position: 50%;
    background-size: cover;
    height: 300px;
    padding-bottom: 0;
    position: relative
}

.htheme_post_recap div a {
    display: block;
    padding-top: 15px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.seo-text {
    margin-top: 40px
}

.seo-text .flexbox {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.seo-text .flexbox_item30 {
    width: 100%
}

@media (min-width: 992px) {
    .seo-text .flexbox_item30 {
        width: 33.33%
    }
}

.seo-text .flexbox_item30 a {
    cursor: pointer;
    display: block;
    padding: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.seo-text .flexbox_item30 img {
    width: 100%
}

.b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    bottom: 150px;
    right: calc(50vw - 718px)
}

@media (max-width: 1400px) {
    .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
        right: 20px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: ease;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode > .swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid #007aff;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left, auto);
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-arrows-custom .swiper-button-prev {
    filter: drop-shadow(0 2.97px 2.97px rgba(0, 0, 0, .25));
    z-index: 1
}

.swiper-arrows-custom .swiper-button-prev.swiper-button-disabled {
    cursor: not-allowed;
    pointer-events: all
}

.swiper-arrows-custom .swiper-button-prev:after {
    display: none
}

.swiper-arrows-custom .swiper-button-next {
    filter: drop-shadow(0 2.97px 2.97px rgba(0, 0, 0, .25));
    z-index: 1
}

.swiper-arrows-custom .swiper-button-next.swiper-button-disabled {
    cursor: not-allowed;
    pointer-events: all
}

.swiper-arrows-custom .swiper-button-next:after {
    display: none
}

.swiper-pagination-custom {
    align-items: center;
    display: flex;
    gap: 12px;
    z-index: 1
}

.swiper-pagination-custom.swiper-pagination-horizontal .swiper-pagination-bullet {
    background: #2d3640;
    border-radius: 10px;
    height: 1px;
    margin: 0;
    opacity: 1;
    position: relative;
    transition: .3s;
    width: 100%
}

.swiper-pagination-custom.swiper-pagination-horizontal .swiper-pagination-bullet:before {
    background: #f43138;
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: -1px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: .3s
}

.swiper-pagination-custom.swiper-pagination-horizontal .swiper-pagination-bullet-active:before {
    opacity: 1
}

.header {
    background: transparent;
    box-shadow: none;
    height: 120px;
    position: relative;
    z-index: 11
}

@media screen and (max-width: 767px) {
    .header {
        height: 138px;
        z-index: 3
    }
}

.header-container {
    height: 120px
}

@media screen and (max-width: 767px) {
    .header-container {
        height: 138px
    }
}

.header_dark:not(.header_fixed) .city-select__control-text, .header_dark:not(.header_fixed) .header__controls-item-text {
    color: #fff
}

@media screen and (max-width: 767px) {
    .header_dark:not(.header_fixed) .header__controls-link {
        color: #fff
    }

    .header_dark:not(.header_fixed) .header__controls-link_active {
        color: #f43138
    }

    .header_dark:not(.header_fixed) .header__controls_fixed .header__controls-link {
        color: #2d3640
    }

    .header_dark:not(.header_fixed) .header__controls_fixed .header__controls-link_active {
        color: #f43138
    }

    .header_dark:not(.header_fixed) .header__controls_fixed .header__controls-item-text {
        color: #2d3640
    }
}

.header_dark:not(.header_fixed) .header__bottom-link, .header_dark:not(.header_fixed) .navigation__item-link {
    color: #fff
}

.header_fixed {
    height: 64px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

@media screen and (min-width: 767px) {
    .header_fixed {
        right: 0;
        right: var(--scrollbar-width, 0)
    }

    .header_fixed.header_menu-active .header__wrapper:after {
        box-shadow: none
    }

    .header_fixed.header_menu-active .header__controls-left .navigation {
        display: none
    }
}

.header_fixed .header__controls {
    gap: 15px;
    justify-content: space-between
}

.header_fixed .header__controls-left, .header_fixed .header__controls-left .navigation {
    display: flex
}

.header_fixed .header__controls-left .navigation__inner {
    margin: 0 -10px
}

.header_fixed .header__controls-left .navigation__item {
    margin: 0 10px
}

.header_fixed .header__controls-left .navigation__dropdown {
    top: 52px
}

@media screen and (max-width: 1399px) {
    .header_fixed .header__controls {
        justify-content: flex-end
    }

    .header_fixed .header__controls-left {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .header_fixed .header__controls .city-select {
        display: none
    }
}

.header_fixed .header__bottom {
    display: none
}

.header_fixed .header__wrapper:after {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07)
}

.header_menu-active .header__bottom {
    opacity: 0
}

.header_view_decor-2025 .header__wrapper:after {
    -webkit-backdrop-filter: blur(240px);
    backdrop-filter: blur(240px);
    background: hsla(0, 0%, 100%, .2)
}

.header_view_decor-2025.header_fixed .header__wrapper:after {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07)
}

.header__inner {
    animation: showHeader 3s;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0
}

@media screen and (max-width: 767px) {
    .header__inner {
        padding: 0
    }
}

.header__top {
    align-items: center;
    display: flex
}

.header__top .city-select {
    opacity: 0
}

.header__top .city-select.animate {
    animation: blockIn .5s;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .header__top {
        position: relative
    }

    .header__top .city-select {
        display: none
    }
}

.header__logo {
    display: block;
    min-width: 240px;
    width: 240px
}

@media screen and (max-width: 767px) {
    .header__logo {
        width: 251px
    }
}

.header__logo-link {
    margin-right: 48px;
    opacity: 0;
    position: relative;
    z-index: 11
}

@media screen and (max-width: 767px) {
    .header__logo-link {
        left: 50%;
        margin: 0 0 0 -18px;
        position: absolute;
        top: 37px;
        transform: translateX(-50%)
    }
}

.header__logo-link.animate {
    animation: logo .5s;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .header__logo-link.animate {
        animation: logo-mobile .5s
    }
}

.header__controls {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    margin: 0 -12px 0 auto;
    opacity: 0;
    padding-left: 12px
}

.header__controls-left, .header__controls-left .navigation {
    display: none
}

.header__controls-right {
    align-items: center;
    display: flex
}

@media screen and (max-width: 767px) {
    .header__controls {
        height: 64px;
        left: -10px;
        margin: 0;
        padding: 10px;
        position: absolute;
        right: -10px;
        top: 74px
    }

    .header__controls_fixed {
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .05);
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }

    .header__controls-right {
        width: 100%
    }
}

.header__controls_search .header__controls-search {
    max-width: 512px;
    min-width: 512px;
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

@media screen and (max-width: 1199px) {
    .header__controls_search .header__controls-search {
        min-width: 0
    }
}

.header__controls_search .header__controls-item_search {
    transform: translateX(-16px)
}

.header__controls_search .city-select {
    margin-right: 25px
}

.header__controls-item {
    margin: 0 12px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .header__controls-item:hover .header__controls-item-icon i:first-child {
        opacity: 0
    }

    .header__controls-item:hover .header__controls-item-icon i:nth-child(2) {
        opacity: 1
    }
}

.header__controls-item_search {
    min-width: 24px;
    position: relative;
    transition: .3s;
    transition: none;
    z-index: 11
}

@media screen and (max-width: 767px) {
    .header__controls-item_search {
        display: none
    }
}

.header__controls-item_cart, .header__controls-item_heart {
    min-width: 24px;
    position: relative;
    transition: none;
    z-index: 11
}

.header__controls-item_cart {
    margin-right: 20px
}

.header__controls-item_menu {
    align-items: center;
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    background: hsla(0, 0%, 100%, .4);
    color: #2d3640;
    display: none;
    height: 35px;
    padding: 4px 12px 6px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    z-index: 11
}

@media screen and (max-width: 767px) {
    .header__controls-item_menu {
        display: flex;
        margin-left: -3px;
        margin-right: 0
    }
}

.header__controls-item_menu_hidden {
    display: none
}

.header__controls-item_menu .header__controls-item-icon {
    height: 12px;
    min-width: 15px
}

.header__controls-item_menu-close {
    background: hsla(35, 13%, 82%, .5);
    display: none;
    height: 36px;
    margin-left: 5px;
    min-width: 36px;
    position: relative;
    width: 36px;
    z-index: 11
}

@media screen and (max-width: 767px) {
    .header__controls-item_menu-close {
        margin-left: 12px;
        margin-right: 0
    }
}

.header__controls-item_menu-close_active {
    display: block
}

.header__controls-item_menu-close .header__controls-item-icon {
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.header__controls-item_dot:after {
    background: #f43138;
    border: 2px solid #f5f4f2;
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    right: -2px;
    top: 0;
    width: 10px
}

.header__controls-item-badge {
    align-items: center;
    background: #f43138;
    border: 2px solid #fafafa;
    border-radius: 10px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    height: 19px;
    justify-content: center;
    min-width: 19px;
    padding: 2px 4px 0;
    position: absolute;
    right: -10px;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: -2px
}

.header__controls-item-text {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 140%;
    margin-top: 4px
}

.header__controls-item-text + .header__controls-item-icon {
    margin-left: 8px
}

.header__controls-item-icon {
    position: relative
}

.header__controls-item-icon i {
    left: 0;
    position: absolute;
    top: 0;
    transition: .3s
}

.header__controls-item-icon i:first-child {
    opacity: 1
}

.header__controls-item-icon i:nth-child(2) {
    opacity: 0
}

.header__controls-search {
    flex-grow: 1;
    margin-right: -37px;
    max-width: 50px;
    opacity: 0;
    position: relative;
    transform: translateX(-16px);
    transition: .3s;
    visibility: hidden;
    z-index: 11
}

@media screen and (max-width: 767px) {
    .header__controls-search {
        display: none
    }
}

.header__controls-link {
    display: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .32px;
    line-height: 140%;
    margin: 0 auto 0 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .header__controls-link {
        display: block
    }
}

.header__controls-link_active {
    color: #f43138
}

.header__controls.animate {
    animation: blockIn .5s;
    opacity: 1
}

.header__bottom {
    align-items: center;
    display: flex;
    padding: 7px 0;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .header__bottom {
        display: none
    }
}

.header__bottom-right {
    align-items: center;
    display: flex;
    margin-left: auto;
    min-height: 32px
}

.header__bottom-links {
    display: flex;
    margin: 0 32px 0 10px;
    opacity: 0;
    flex-direction: column;
}

@media screen and (max-width: 1199px) {
    /*.header__bottom-links {*/
    /*    display: none*/
    /*}*/
}

.header__bottom-links.animate {
    animation: blockIn .5s;
    opacity: 1
}

.header__bottom-link {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .28px;
    line-height: 1;
    margin: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap;
    margin-bottom: 5px;
}

.header__bottom .socials {
    opacity: 0
}

@media screen and (max-width: 1199px) {
    .header__bottom .socials {
        margin: 0 -3px
    }

    .header__bottom .socials__item {
        margin: 0 3px
    }
}

.header__bottom .socials.animate {
    animation: blockIn .5s;
    opacity: 1
}

.header__wrapper {
    position: relative
}

.header__wrapper:after {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@keyframes logo {
    0% {
        opacity: 0;
        transform: scaleY(.8) translateY(-15px)
    }
    to {
        opacity: 1;
        transform: scaleY(1) translateY(0)
    }
}

@keyframes logo-mobile {
    0% {
        opacity: 0;
        transform: scaleY(.8) translate(-50%, -15px)
    }
    to {
        opacity: 1;
        transform: scaleY(1) translate(-50%)
    }
}

@keyframes blockIn {
    0% {
        opacity: 0;
        transform: translateY(-15px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes showHeader {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.city-select_header {
    animation: fade-in .7s ease-in;
    overflow: hidden;
    position: relative;
    z-index: 11
}

.city-select_header .city-select__control-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-select__control {
    align-items: center;
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none
}

.city-select__control-point {
    margin-right: 6px;
    min-width: 24px
}

.city-select__control-text {
    color: #2d3640;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .28px;
    line-height: 140%
}

.city-select__control-arrow {
    margin-bottom: 4px;
    margin-left: 3px;
    min-width: 10px
}

.search {
    position: relative
}

.search__input {
    background: none;
    background: rgba(51, 63, 72, .4);
    border: 1px solid hsla(0, 0%, 100%, .51);
    border-radius: 0;
    color: #fff;
    font: 500 14px/1.5 Apparat, sans-serif;
    height: 44px;
    padding: 0 56px 0 16px;
    transition: .3s;
    width: 100%
}

@media screen and (max-width: 767px) {
    .search__input {
        border: 1px solid #d7d2cb;
        padding: 0 46px 0 12px
    }
}

.search__input::-webkit-input-placeholder {
    color: #b4d4d4;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .search__input::-webkit-input-placeholder {
        color: #d7d2cb;
        text-transform: none
    }
}

.search__input::-moz-placeholder {
    color: #b4d4d4;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .search__input::-moz-placeholder {
        color: #d7d2cb;
        text-transform: none
    }
}

.search__input:-moz-placeholder {
    color: #b4d4d4;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .search__input:-moz-placeholder {
        color: #d7d2cb;
        text-transform: none
    }
}

.search__input:-ms-input-placeholder {
    color: #b4d4d4;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .search__input:-ms-input-placeholder {
        color: #d7d2cb;
        text-transform: none
    }
}

.search__result {
    background: transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
    margin-top: 10px;
    max-height: calc(100vh - 100px);
    min-width: 300px;
    opacity: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 100%;
    transition: .3s;
    visibility: hidden;
    width: 100%
}

.search__result_active {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.search__result_active:after {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(51, 63, 72, .4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.search__result-block {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.search__result-block:last-child {
    border: none
}

.search__result-block_active .search__result-block-control-arrow {
    transform: rotate(180deg)
}

.search__result-block_active .search__result-block-control-text_active {
    display: block
}

.search__result-block_active .search__result-block-control-text_not-active {
    display: none
}

.search__result-block_active .search__result-block-result {
    height: auto
}

.search__result-block-title {
    padding: 19px 120px 18px 15px;
    position: relative
}

.search__result-block-title-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 150%
}

.search__result-block-title-text a {
    color: #fff;
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .search__result-block-title-text a:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

.search__result-block-control {
    align-items: center;
    color: #fff;
    display: flex;
    position: absolute;
    right: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.search__result-block-control-text {
    margin-right: 3px
}

.search__result-block-control-text_active {
    display: none
}

.search__result-block-control-arrow {
    min-width: 10px;
    transition: .3s
}

.search__result-block-result {
    height: 0;
    overflow: hidden
}

.search__result-block-result-row {
    display: flex;
    min-height: 59px;
    padding: 5px 12px 5px 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .search__result-block-result-row:hover {
        background: rgba(51, 63, 72, .7);
        color: #2d3640
    }
}

.search__result-block-result-row_hidden {
    display: none
}

.search__result-block-result-image {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.search__result-block-result-image-wrapper {
    height: 48px;
    min-width: 48px;
    padding: 6px;
    width: 48px
}

.search__result-block-result-info {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-left: 12px
}

.search__result-block-more {
    align-items: center;
    border-top: 1px solid #d7d2cb;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 9px 19px;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .search__result-block-more:hover {
        background: hsla(35, 13%, 82%, .5);
        color: #2d3640
    }
}

.search__result-block-more-text {
    margin-right: 6px
}

.search__result-block-more-arrow {
    min-width: 13px
}

.search .svg-header-search {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.socials {
    align-items: center;
    display: flex;
    margin: 0 -6px
}

.socials_line {
    height: 24px;
    margin: 0 -12px
}

.socials_line .socials__item {
    margin: 0 12px;
    min-width: 24px
}

.socials__item {
    margin: 0 6px;
    min-width: 24px
}

.navigation__inner {
    display: flex;
    list-style: none;
    margin: 0 -16px;
    padding: 0
}

@media screen and (max-width: 1199px) {
    .navigation__inner {
        margin: 0 -5px
    }
}

.navigation__item {
    margin: 0 16px
}

@media screen and (max-width: 1199px) {
    .navigation__item {
        margin: 0 5px
    }
}

.navigation__item_active .navigation__item-link {
    color: #f43138
}

.navigation__item_active .navigation__item-arrow {
    transform: rotate(180deg)
}

.navigation__item_active .navigation__dropdown {
    margin-top: 0;
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.navigation__item-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .28px;
    line-height: 140%;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

@media screen and (max-width: 1199px) {
    .navigation__item-link {
        font-size: 13px
    }
}

.navigation__item-link:before {
    bottom: -16.5px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -16.5px
}

.navigation__item-arrow {
    margin-bottom: 2px;
    margin-left: 3px;
    min-width: 10px;
    transition: .3s
}

.navigation__item-animation-wrapper {
    opacity: 0
}

.navigation__item.animate .navigation__item-animation-wrapper {
    animation: transformItem .5s forwards
}

.navigation__dropdown {
    background: #fff;
    left: 0;
    margin-top: 10px;
    opacity: 0;
    padding: 24px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 110px;
    transition: .3s;
    visibility: hidden;
    z-index: 3
}

@keyframes transformItem {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.catalog-navigation__sections {
    margin: 0 108px 0 0
}

.catalog-navigation__sections .swiper-slide {
    font-size: 12px;
    width: auto
}

.catalog-navigation__sections-link {
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: .3s
}

.catalog-navigation__sections-link_active {
    color: #f43138;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.catalog-navigation__wrapper {
    display: none;
    padding: 25px 0 82px;
    position: relative
}

.catalog-navigation__wrapper_active {
    display: block
}

.catalog-navigation__wrapper .swiper-slide {
    width: 225px
}

.catalog-navigation__item {
    display: block;
    font-size: 12px;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .catalog-navigation__item:hover {
        color: #2d3640
    }

    .catalog-navigation__item:hover .catalog-navigation__item-title-link {
        color: #f43138
    }
}

.catalog-navigation__item-image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.catalog-navigation__item-image-wrapper {
    background: hsla(30, 13%, 91%, .5);
    display: block;
    height: 330px
}

.catalog-navigation__item-title {
    padding: 12px 0
}

.catalog-navigation__item-title-link {
    transition: .3s
}

.catalog-navigation__item-title-link-text {
    margin-right: 6px
}

.catalog-navigation__item-title-link-arrow {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle
}

.catalog-navigation__item-text {
    letter-spacing: normal
}

.catalog-navigation__slider-navigation {
    display: flex;
    gap: 12px;
    position: absolute;
    right: 0;
    top: -23px;
    z-index: 1
}

.catalog-navigation__slider-navigation-control {
    cursor: pointer;
    height: 24px;
    position: relative;
    transition: .3s;
    width: 24px
}

.catalog-navigation__slider-navigation-control.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .35
}

.catalog-navigation__slider-navigation-control i {
    left: 0;
    position: absolute;
    top: 0
}

.catalog-navigation__slider-navigation-control i:first-child {
    opacity: 1;
    transition: .3s
}

.catalog-navigation__slider-navigation-control i:nth-child(2) {
    opacity: 0;
    transition: .3s
}

@media screen and (min-width: 1200px) {
    .catalog-navigation__slider-navigation-control:hover:not(.swiper-button-disabled) i:first-child {
        opacity: 0
    }

    .catalog-navigation__slider-navigation-control:hover:not(.swiper-button-disabled) i:nth-child(2) {
        opacity: 1
    }
}

.menu {
    background: #fff;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: transform .3s;
    z-index: 10
}

.menu .tabs-content__items {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 767px) {
    .menu {
        bottom: 0;
        height: auto;
        opacity: 0;
        overflow: auto;
        overflow-x: hidden;
        transform: translateY(calc(-100% - 138px));
        transition: all .3s, top 0s;
        visibility: hidden
    }

    .menu[data-menu=catalog] .menu__top {
        padding: 24px 0 32px
    }

    .menu[data-menu=catalog] .menu__controls-search .search__result {
        min-height: calc(100% - 84px)
    }
}

.menu_active {
    transform: translateY(0)
}

@media screen and (max-width: 767px) {
    .menu_active {
        opacity: 1;
        visibility: visible
    }
}

.menu_active .menu__close {
    opacity: 1
}

.menu__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media screen and (max-width: 767px) {
    .menu__inner {
        height: auto;
        min-height: 100%
    }
}

.menu__top {
    align-items: center;
    background: #fff;
    display: flex;
    padding: 20px 0 66px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .menu__top {
        display: block;
        padding: 44px 0 32px;
        position: static
    }
}

.menu__top:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: -20px;
    position: absolute;
    top: 0;
    width: 20px
}

@media screen and (max-width: 767px) {
    .menu__top:before {
        content: none
    }
}

.menu__close {
    display: none;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px
}

@media screen and (max-width: 767px) {
    .menu__close {
        display: none
    }
}

.menu__logo {
    display: block;
    min-width: 240px;
    width: 240px
}

.menu__logo-link {
    opacity: 0
}

@media screen and (max-width: 767px) {
    .menu__logo-link {
        display: none
    }
}

.menu__content {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    margin-top: -110px;
    overflow: auto;
    overflow-x: hidden;
    padding-top: 120px
}

@media screen and (max-width: 767px) {
    .menu__content {
        flex-basis: 100%;
        margin: 0;
        overflow: visible;
        padding: 0
    }
}

.menu__content-container, .menu__content-inner {
    display: flex;
    flex-basis: 100%;
    flex-direction: column
}

.menu__content-inner {
    padding-bottom: 66px;
    padding-right: 40px;
    position: relative;
    width: 34.28%
}

@media screen and (max-width: 1199px) {
    .menu__content-inner {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .menu__content-inner {
        padding: 0 0 66px;
        width: 100%
    }
}

.menu__content-bottom {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 66px
}

@media screen and (max-width: 767px) {
    .menu__content-bottom {
        margin-top: 24px
    }
}

.menu__content-links {
    display: flex;
    margin: 0 -12px 24px
}

@media screen and (max-width: 767px) {
    .menu__content-links {
        justify-content: space-between;
        width: calc(100% + 24px)
    }
}

.menu__content-link {
    margin: 0 12px;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.menu__content-button {
    margin-bottom: 28px
}

@media screen and (max-width: 767px) {
    .menu__content-button {
        margin-bottom: 24px;
        width: 100%
    }

    .menu__content-socials {
        display: none
    }
}

.menu__content-socials_mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .menu__content-socials_mobile {
        display: block
    }
}

.menu__navigation {
    flex-basis: 100%
}

@media screen and (max-width: 767px) {
    .menu__navigation {
        overflow: hidden;
        transition: .3s
    }
}

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

.menu__navigation-list-header {
    color: #f43138;
    display: none;
    font-size: 21px;
    letter-spacing: normal;
    line-height: 140%;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-header {
        display: block
    }
}

.menu__navigation-list-item {
    font-size: 32px;
    font-weight: 100;
    line-height: 130%
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-item {
        font-size: 21px;
        font-weight: 300;
        line-height: 140%
    }
}

.menu__navigation-list-item + .menu__navigation-list-item {
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-item + .menu__navigation-list-item {
        margin-top: 24px
    }
}

.menu__navigation-list-item_active > .menu__navigation-list-item-link {
    color: #f43138
}

.menu__navigation-list-item_active > .menu__navigation-list-inner {
    margin-left: 0;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-item_active > .menu__navigation-list-inner {
        transform: translateX(0)
    }
}

.menu__navigation-list-item_active > .menu__navigation-list-inner_l3 {
    bottom: auto;
    max-height: none;
    overflow: visible
}

@media screen and (max-width: 1199px) {
    .menu__navigation-list-item_active > .menu__navigation-list-inner_l3 {
        display: block
    }
}

.menu__navigation-list-item_inner {
    font-size: 18px;
    font-weight: 300;
    line-height: 150%
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-item_inner {
        font-size: 16px
    }
}

.menu__navigation-list-item_inner .menu__navigation-list-item-link {
    letter-spacing: normal
}

.menu__navigation-list-item_mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-item_mobile {
        display: block
    }
}

.menu__navigation-list-item-link {
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-item-link {
        letter-spacing: normal
    }
}

.menu__navigation-list-inner {
    bottom: 0;
    left: 100%;
    margin-left: 40px;
    opacity: 0;
    padding-right: 40px;
    position: absolute;
    top: 0;
    transition: .3s;
    visibility: hidden;
    width: 100%
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-inner {
        background: #fff;
        left: 0;
        margin: 0;
        padding: 0;
        transform: translateX(100%)
    }
}

.menu__navigation-list-inner_l2_full {
    width: 200%
}

.menu__navigation-list-inner_l2_full .menu__navigation-list {
    display: none
}

@media screen and (max-width: 1199px) {
    .menu__navigation-list-inner_l2_full {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-inner_l2_full .tabs-content {
        display: none
    }

    .menu__navigation-list-inner_l2_full .menu__navigation-list {
        display: block
    }
}

@media screen and (max-width: 1199px) {
    .menu__navigation-list-inner_l2 {
        bottom: auto;
        padding-bottom: 66px;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-inner_l2 {
        bottom: 0;
        padding: 0;
        z-index: 1
    }
}

.menu__navigation-list-inner_l3 {
    max-height: calc(100vh - 110px);
    overflow: hidden
}

@media screen and (max-width: 1199px) {
    .menu__navigation-list-inner_l3 {
        display: none;
        margin: 0;
        max-height: none;
        opacity: 1;
        overflow: visible;
        padding-right: 0;
        padding-top: 30px;
        position: static;
        visibility: visible
    }
}

@media screen and (max-width: 767px) {
    .menu__navigation-list-inner_l3 {
        bottom: auto;
        display: block;
        opacity: 0;
        padding: 0;
        position: absolute;
        visibility: hidden
    }
}

.menu__card {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 66px
}

@media screen and (max-width: 1199px) {
    .menu__card {
        margin-bottom: 10px
    }
}

.menu__card-image {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.menu__card-image-wrapper {
    background: hsla(30, 13%, 91%, .5);
    height: 408px;
    margin-bottom: 12px;
    padding: 34px;
    width: 100%
}

.menu__card-title {
    margin-bottom: 12px;
    text-transform: uppercase
}

.menu__card-text, .menu__card-title {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 150%
}

.menu__card-text {
    margin-bottom: 24px
}

.menu__items-slider {
    font-size: 15px;
    line-height: 140%
}

.menu__items-slider-outer {
    margin-bottom: 24px;
    padding: 0 44px;
    position: relative
}

@media screen and (max-width: 767px) {
    .menu__items-slider-outer {
        margin: 0;
        padding: 0
    }
}

.menu__items-slider-control {
    cursor: pointer;
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .3;
    width: 32px
}

@media screen and (max-width: 767px) {
    .menu__items-slider-control {
        display: none
    }
}

.menu__items-slider-control i {
    left: 0;
    position: absolute;
    top: 0
}

.menu__items-slider-control i:first-child {
    opacity: 1;
    transition: .3s
}

.menu__items-slider-control i:nth-child(2) {
    opacity: 0;
    transition: .3s
}

.menu__items-slider-control_left {
    left: 0
}

.menu__items-slider-control_right {
    right: 0
}

.menu__items-slider-control.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .3
}

@media screen and (min-width: 1200px) {
    .menu__items-slider-control:hover:not(.swiper-button-disabled) i:first-child {
        opacity: 0
    }

    .menu__items-slider-control:hover:not(.swiper-button-disabled) i:nth-child(2) {
        opacity: 1
    }
}

.menu__items-slider .swiper-slide {
    text-align: center
}

@media screen and (max-width: 767px) {
    .menu__items-slider .swiper-slide {
        text-align: left
    }
}

.menu__items-slider-item {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width: 1399px) {
    .menu__items-slider-item {
        font-size: 13px
    }
}

@media screen and (max-width: 767px) {
    .menu__items-slider-item {
        font-size: 16px;
        line-height: 150%
    }
}

.menu__items-slider-item_active {
    color: #f43138;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .menu__items-slider-item_active {
        color: #2d3640
    }

    .menu__items-slider .swiper-wrapper {
        flex-direction: column;
        gap: 24px
    }
}

.menu__controls {
    align-items: center;
    display: none;
    margin: 0 80px 0 auto
}

@media screen and (max-width: 767px) {
    .menu__controls {
        display: flex;
        margin: 0;
        width: 100%
    }
}

.menu__controls_search .menu__controls-search {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.menu__controls_search .menu__controls-item {
    transform: translateX(-23px)
}

.menu__controls-item {
    margin: 0 0 0 12px;
    min-width: 24px;
    position: relative;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .menu__controls-item {
        display: none
    }
}

.menu__controls-item-mobile {
    display: none;
    margin: 0 12px 0 0;
    min-width: 24px
}

@media screen and (max-width: 767px) {
    .menu__controls-item-mobile {
        display: block
    }
}

.menu__controls-back {
    display: none
}

@media screen and (max-width: 767px) {
    .menu__controls-back {
        display: block;
        margin: 0;
        min-width: 0;
        transition: .3s;
        width: 0
    }

    .menu__controls-back_active {
        margin: 0 16px 0 7px;
        min-width: 18px;
        width: 18px
    }
}

.menu__controls-search {
    flex-grow: 1;
    margin-right: -30px;
    opacity: 0;
    transform: translateX(-23px);
    transition: .3s;
    visibility: hidden;
    width: calc(100vw - 400px)
}

@media screen and (max-width: 767px) {
    .menu__controls-search {
        margin: 0 -36px 0 0;
        opacity: 1;
        transform: none;
        transition: none;
        visibility: visible;
        width: 100%
    }

    .menu__controls-search .search {
        position: static
    }

    .menu__controls-search .search__input {
        font-size: 18px;
        height: 50px;
        line-height: 150%
    }

    .menu__controls-search .search__result {
        box-shadow: none;
        left: -1px;
        max-height: none;
        min-height: calc(100% - 160px);
        padding-left: 10px;
        padding-right: 10px;
        right: -1px;
        top: auto;
        width: calc(100% + 2px);
        z-index: 2
    }

    .menu__controls-search .search__result-block-title {
        padding-right: 15px;
        position: relative
    }

    .menu__controls-search .search__result-block-title-text {
        font-size: 16px
    }

    .menu__controls-search .search__result-block-title-text a {
        position: relative;
        z-index: 1
    }

    .menu__controls-search .search__result-block-control {
        bottom: 0;
        left: 0;
        opacity: 0;
        right: 0;
        top: 0;
        transform: none
    }

    .menu__controls-search .search__result-block-result-info-additional, .menu__controls-search .search__result-block-result-info-title {
        font-size: 16px;
        letter-spacing: normal;
        text-transform: none
    }

    .menu__controls-search .search__result-block-more {
        font-size: 16px;
        text-transform: none
    }

    .menu__controls-search .search__result-block-more-text {
        letter-spacing: normal
    }

    .menu__controls-search .header__controls-search {
        display: block;
        max-width: 100%;
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

.menu__city {
    display: none;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .menu__city, .menu__city .city-select {
        display: block
    }

    .menu__cards-slider {
        display: none
    }
}

.button {
    align-items: center;
    background: none;
    cursor: pointer;
    display: flex;
    font: 600 16px/1.4 Apparat, sans-serif;
    height: 50px;
    justify-content: center;
    letter-spacing: .32px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: .3s
}

@media screen and (min-width: 1200px) {
    .button:hover:not(:disabled) {
        color: #2d3640
    }

    .button:hover:not(:disabled) .button__arrow {
        transform: translateY(-1px) translateX(3px) rotate(45deg)
    }

    .button:hover:not(:disabled) .button__arrow > :first-child {
        opacity: 0;
        visibility: hidden
    }

    .button:hover:not(:disabled) .button__arrow > :nth-child(2) {
        opacity: 1;
        visibility: visible
    }

    .button:hover:not(:disabled) .button__icon > :first-child {
        opacity: 0;
        visibility: hidden
    }

    .button:hover:not(:disabled) .button__icon > :nth-child(2) {
        opacity: 1;
        visibility: visible
    }
}

.button_active {
    color: #2d3640
}

.button_active .button__arrow {
    transform: translateY(-1px) translateX(3px) rotate(45deg)
}

.button_active .button__arrow > :first-child {
    opacity: 0;
    visibility: hidden
}

.button_active .button__arrow > :nth-child(2) {
    opacity: 1;
    visibility: visible
}

.button:disabled {
    cursor: not-allowed;
    opacity: .3
}

.button_dark {
    border: .8px solid #2d3640;
    color: #2d3640;
    padding: 8px 16px
}

@media screen and (min-width: 1200px) {
    .button_dark:hover:not(:disabled) {
        background: #2d3640;
        color: #d7d2cb
    }
}

.button_dark.button_active {
    background: #2d3640;
    color: #d7d2cb
}

.button_dark-rock {
    border: .8px solid #333f48;
    color: #333f48;
    padding: 8px 16px
}

@media screen and (min-width: 1200px) {
    .button_dark-rock:hover:not(:disabled) {
        background: #333f48;
        color: #d7d2cb
    }
}

.button_dark-rock.button_active {
    background: #333f48;
    color: #d7d2cb
}

.button_light {
    border: .8px solid #d7d2cb;
    color: #d7d2cb;
    padding: 8px 16px
}

@media screen and (min-width: 1200px) {
    .button_light:hover:not(:disabled) {
        background: #d7d2cb;
        color: #2d3640
    }
}

.button_light-fill {
    background: #d7d2cb;
    border: .8px solid #d7d2cb;
    color: #2d3640;
    padding: 8px 16px
}

.button_dark-fill {
    background: #333f48;
    border: .8px solid #333f48;
    color: #d7d2cb;
    padding: 8px 16px
}

@media screen and (min-width: 1200px) {
    .button_dark-fill:hover:not(:disabled) {
        color: #d7d2cb
    }
}

.button_white {
    border: .8px solid #fff;
    color: #fff;
    padding: 8px 16px
}

@media screen and (min-width: 1200px) {
    .button_white:hover:not(:disabled) {
        background: #fff;
        color: #333f48
    }
}

.button__arrow {
    height: 18px;
    margin-left: 10px;
    min-width: 18px;
    position: relative;
    transition: .3s;
    width: 18px
}

.button__arrow > :first-child {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .3s;
    visibility: visible
}

.button__arrow > :nth-child(2) {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s;
    visibility: hidden
}

.button__icon {
    height: 15px;
    margin-bottom: 4px;
    margin-right: 8px;
    min-width: 14px;
    position: relative;
    transition: .3s;
    width: 14px
}

.button__icon_after {
    margin-bottom: 6px;
    margin-left: 8px;
    margin-right: 0
}

.button__icon_3d {
    margin-bottom: 14px;
    margin-left: 6px;
    min-width: 25px
}

.button__icon > :first-child {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .3s;
    visibility: visible
}

.button__icon > :nth-child(2) {
    position: absolute
}

.button__icon > :nth-child(2), .modal {
    left: 0;
    opacity: 0;
    top: 0;
    transition: .3s;
    visibility: hidden
}

.modal {
    align-items: center;
    background: linear-gradient(135deg, rgba(37, 55, 70, .8), rgba(7, 11, 14, .8));
    bottom: 0;
    display: flex;
    justify-content: center;
    overflow: auto;
    padding: 20px 50px;
    position: fixed;
    right: 0;
    z-index: 11
}

.modal_callback, .modal_callback:after {
    background: hsla(0, 0%, 100%, .2)
}

.modal_callback:after {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.modal_callback .modal__box {
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    background: hsla(0, 0%, 100%, .4);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .05);
    max-width: 798px;
    padding: 60px;
    position: relative
}

.modal_callback .modal__box_quick {
    max-width: 540px
}

.modal_callback .modal__box-close {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 35px;
    box-shadow: 0 18px 40px 0 rgba(0, 0, 0, .1);
    display: flex;
    height: 70px;
    justify-content: center;
    overflow: hidden;
    right: -35px;
    top: -35px;
    transition: .3s;
    width: 70px
}

@media screen and (min-width: 1200px) {
    .modal_callback .modal__box-close:hover {
        background: hsla(0, 0%, 100%, .7)
    }
}

.modal_callback .modal__bg {
    position: relative
}

@media screen and (max-width: 767px) {
    .modal_callback .modal__box {
        max-width: 298px;
        padding: 30px 24px
    }

    .modal_callback .modal__box-close {
        height: 60px;
        right: 0;
        top: -80px;
        width: 60px
    }
}

@media screen and (max-width: 1199px) {
    .modal {
        padding: 15px 50px
    }
}

@media screen and (max-width: 767px) {
    .modal {
        padding: 50px 10px
    }
}

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

.modal_active .modal__box {
    transform: scale(1)
}

.modal_absolute .modal__box {
    position: absolute
}

.modal__box {
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
    margin: auto;
    padding: 32px;
    position: relative;
    transform: scale(.8);
    transition: all .3s, left 0s, top 0s, right 0s, bottom 0s, width 0s;
    width: 100%
}

@media screen and (max-width: 767px) {
    .modal__box {
        padding: 24px 12px
    }
}

.modal__box_big {
    max-width: 920px
}

.modal__box_medium {
    max-width: 732px;
    padding: 60px
}

.modal__box_salepoints {
    max-width: 920px;
    padding: 0
}

@media screen and (max-width: 767px) {
    .modal__box_salepoints {
        padding: 0
    }
}

.modal__box_small {
    max-width: 365px
}

.modal__box_salepoint {
    max-width: 550px
}

.modal__box_salepoint-full {
    max-width: 550px;
    padding: 24px
}

.modal__box_full-image {
    max-width: 100%;
    width: auto
}

.modal__box-close {
    position: absolute;
    right: -40px;
    top: 0;
    transition: none
}

@media screen and (max-width: 767px) {
    .modal__box-close {
        right: 0;
        top: -40px
    }
}

.modal__static-text {
    font-size: 21px;
    letter-spacing: normal
}

.modal__overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal .product-tech-info__image-wrapper {
    max-width: none
}

.modal_product .modal__bg {
    position: relative
}

.modal_product .modal__box {
    padding: 0
}

.modal_product .modal__box-close {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    box-shadow: 0 18px 40px 0 rgba(0, 0, 0, .1);
    display: flex;
    height: 28px;
    justify-content: center;
    overflow: hidden;
    right: -15px;
    top: -15px;
    transition: .3s;
    width: 28px
}

@media screen and (min-width: 1200px) {
    .modal_product .modal__box-close:hover {
        background: hsla(0, 0%, 100%, .7)
    }
}

.modal-product-card__wrapper {
    line-height: 0;
    max-width: 900px
}

.modal-product-card__wrapper img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .modal-product-card__wrapper img {
        height: 90vh
    }
}

.city-form {
    padding: 16px 48px 34px
}

@media screen and (max-width: 767px) {
    .city-form {
        padding: 0
    }
}

.city-form__title {
    font-size: 21px;
    letter-spacing: normal;
    margin-bottom: 25.5px
}

@media screen and (max-width: 767px) {
    .city-form__title {
        display: none
    }
}

.city-form__controls {
    display: flex
}

@media screen and (max-width: 767px) {
    .city-form__controls {
        flex-direction: column
    }
}

.city-form__controls-input {
    margin-right: 29px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .city-form__controls-input {
        margin: 0 0 24px
    }
}

.city-form__controls-input-remove {
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    visibility: hidden
}

@media screen and (max-width: 767px) {
    .city-form__controls-input-remove {
        display: none
    }
}

.city-form__controls-input-remove_active {
    opacity: 1;
    visibility: visible
}

.city-form__controls-input-search {
    display: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .city-form__controls-input-search {
        display: block
    }
}

.city-form__controls-button {
    height: auto;
    padding-left: 21px;
    padding-right: 21px
}

@media screen and (max-width: 767px) {
    .city-form__controls-button {
        height: 50px;
        margin-bottom: 20px;
        width: 100%
    }
}

.city-form__controls-select {
    background: #fff;
    border: 1px solid #d7d2cb;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
    left: 0;
    margin-top: 10px;
    max-height: 271px;
    opacity: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: calc(100% - 1px);
    transition: .3s;
    visibility: hidden
}

.city-form__controls-select_active {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.city-form__controls-select-item {
    border-top: 1px solid #d7d2cb;
    display: block;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    padding: 13px 12px;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .city-form__controls-select-item:hover {
        background: #ebe9e5;
        color: #2d3640
    }
}

@media screen and (max-width: 767px) {
    .city-form__controls-select-item {
        font-size: 16px;
        padding: 13.5px 12px
    }
}

.city-form__controls-select-item:first-child {
    border-top: none
}

.city-form__input {
    background: none;
    border: 1px solid #d7d2cb;
    border-radius: 0;
    color: #2d3640;
    font: 300 18px/1.4 Apparat, sans-serif;
    height: 50px;
    letter-spacing: normal;
    padding: 6px 52px 0 11px;
    transition: .3s;
    width: 100%
}

.city-form__input:focus {
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 767px) {
    .city-form__input {
        font-size: 16px;
        line-height: 150%;
        padding: 0 52px 0 11px
    }
}

.city-form__input_error {
    border-color: #f5585e
}

.callback-form__title {
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .68px;
    line-height: 130%;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative
}

.callback-form__title:before {
    background: #f43138;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 60px
}

.callback-form__title:after {
    background: #f43138;
    border-radius: 2px;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px
}

.callback-form__text {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 140%
}

.callback-form__bottom {
    display: flex;
    font-size: 16px;
    gap: 10px;
    justify-content: space-between
}

.callback-form__bottom_column {
    flex-direction: column;
    gap: 5px
}

.callback-form__bottom a {
    font-weight: 600;
    -webkit-text-decoration: none;
    text-decoration: none
}

.callback-form .form {
    margin: 26px 0
}

.callback-form .form .button {
    width: 100%
}

@media screen and (max-width: 767px) {
    .callback-form__title {
        font-size: 24px;
        letter-spacing: .48px;
        margin-bottom: 16px;
        padding-bottom: 16px
    }

    .callback-form__text {
        font-size: 14px
    }

    .callback-form .form {
        margin: 16px 0
    }

    .callback-form .form__button-group, .callback-form .form__group + .form__group {
        margin-top: 16px
    }

    .callback-form__bottom {
        flex-direction: column;
        gap: 16px
    }

    .callback-form__bottom-phone a {
        display: inline-block
    }
}

.checkbox {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding-left: 26px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .checkbox:hover .checkbox__label:before {
        background: #f5f4f2
    }

    .checkbox_light:hover .checkbox__label:before {
        background: rgba(51, 63, 72, .051)
    }
}

.checkbox_light .checkbox__label:before {
    background: rgba(51, 63, 72, .051);
    border: 1px solid hsla(0, 0%, 100%, .51)
}

.checkbox_light .checkbox__label:after {
    border-color: #333f48
}

.checkbox_light .checkbox__control:checked + .checkbox__label:before {
    background: rgba(51, 63, 72, .051);
    border-color: #333f48
}

.checkbox_light .checkbox__control:checked + .checkbox__label:after {
    opacity: 1
}

@media screen and (min-width: 1200px) {
    .checkbox_light-2:hover .checkbox__label:before {
        background: rgba(0, 0, 0, .05)
    }
}

.checkbox_light-2 .checkbox__label {
    color: hsla(0, 0%, 100%, .8)
}

.checkbox_light-2 .checkbox__label:before {
    background: rgba(0, 0, 0, .05);
    border: 1px solid hsla(0, 0%, 100%, .16)
}

.checkbox_light-2 .checkbox__label:after {
    border-color: #fff
}

.checkbox_light-2 .checkbox__control:checked + .checkbox__label:before {
    background: rgba(0, 0, 0, .05);
    border-color: #fff
}

.checkbox_light-2 .checkbox__control:checked + .checkbox__label:after {
    opacity: 1
}

@media screen and (min-width: 1200px) {
    .checkbox_dark:hover .checkbox__label:before {
        background: rgba(51, 63, 72, .4)
    }
}

.checkbox_dark .checkbox__label:before {
    background: rgba(51, 63, 72, .4);
    border: 1px solid hsla(0, 0%, 100%, .51)
}

.checkbox_dark .checkbox__label:after {
    border-color: #efeee5
}

.checkbox_dark .checkbox__control:checked + .checkbox__label:before {
    background: rgba(51, 63, 72, .4);
    border-color: #efeee5
}

.checkbox_dark .checkbox__control:checked + .checkbox__label:after {
    opacity: 1
}

.checkbox_small {
    padding-left: 32px
}

.checkbox_small .checkbox__label {
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px
}

.checkbox_small .checkbox__label a, .checkbox_small .checkbox__label-text {
    letter-spacing: 0
}

.checkbox_small .checkbox__label:before {
    border-radius: 0;
    height: 20px;
    left: 0;
    margin-top: -11px;
    top: 50%;
    width: 20px
}

.checkbox_small .checkbox__label:after {
    height: 7px;
    left: 5px;
    margin-top: -6px;
    top: 50%;
    width: 10px
}

.checkbox_error {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both
}

.checkbox_error .checkbox__label:before {
    border-color: #f43138 !important
}

.checkbox__control {
    display: none
}

.checkbox__control:checked + .checkbox__label:before {
    background: #f43138;
    border-color: #f43138
}

.checkbox__control:checked + .checkbox__label:after {
    opacity: 1
}

.checkbox__control:disabled + .checkbox__label {
    cursor: not-allowed;
    opacity: .3
}

.checkbox__label {
    letter-spacing: normal;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.checkbox__label:before {
    border: 1px solid #d7d2cb;
    border-radius: 2px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 1px;
    transition: .3s;
    width: 18px
}

.checkbox__label:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 6px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    transition: .3s;
    width: 11px
}

.checkbox__label a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media screen and (min-width: 1200px) {
    .checkbox__label a:hover {
        -webkit-text-decoration: none;
        text-decoration: none
    }
}

.checkbox__label-text {
    opacity: .8
}

.footer {
    background: linear-gradient(135deg, #333f48, #070b0e);
    color: #d7d2cb;
    padding: 100px 0 94px
}

@media screen and (max-width: 1199px) {
    .footer {
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .footer {
        padding: 41px 0 73px
    }
}

.footer__back-to-top-wrapper {
    position: relative
}

.footer__back-to-top-wrapper .back-to-top {
    left: -8px;
    margin: 0;
    position: absolute;
    top: -166px
}

.footer__top {
    display: flex
}

@media screen and (max-width: 1199px) {
    .footer__top {
        display: block;
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .footer__top {
        position: static
    }
}

.footer__left {
    display: flex;
    width: 77.1428571429%
}

@media screen and (max-width: 1199px) {
    .footer__left {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .footer__left {
        flex-direction: column;
        gap: 48px
    }
}

.footer__right {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 22.8571428571%
}

@media screen and (max-width: 1199px) {
    .footer__right {
        margin-left: auto;
        width: 33.33%
    }
}

@media screen and (max-width: 767px) {
    .footer__right {
        margin-left: 0;
        margin-top: 48px;
        position: static;
        width: 100%
    }
}

.footer__column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-right: 24px;
    width: 33.3333333333%
}

@media screen and (max-width: 767px) {
    .footer__column {
        gap: 16px;
        width: 100%
    }
}

.footer__link {
    color: #d7d2cb;
    font-size: 14px;
    font-weight: 600;
    -webkit-text-decoration: none;
    text-decoration: none
}

.footer__link_parent {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

@media screen and (min-width: 1200px) {
    .footer__link:hover {
        color: #f43138
    }
}

.footer__link_static {
    cursor: default
}

@media screen and (min-width: 1200px) {
    .footer__link_static:hover {
        color: #fff
    }
}

.footer__static {
    color: #d7d2cb;
    font-size: 14px;
    font-weight: 600
}

.footer__title {
    font-size: 16px;
    margin-bottom: 32px;
    margin-right: -15px
}

@media screen and (max-width: 767px) {
    .footer__title {
        margin-bottom: 16px;
        margin-right: 0
    }
}

.footer__form {
    margin-bottom: 32px;
    width: 100%
}

.footer__form-input.form__input {
    border-color: transparent;
    font-size: 15px;
    height: 52px
}

.footer__form .checkbox_dark .checkbox__label:before, .footer__form-input.form__input:focus {
    border-color: transparent
}

.footer__form .checkbox_dark .checkbox__label:after {
    border-color: #efeee5
}

.footer__form .checkbox_dark .checkbox__control:checked + .checkbox__label:before {
    border-color: transparent
}

.footer__button {
    height: 53px;
    width: 100%
}

.footer__button .button__arrow {
    display: none
}

.footer__contacts {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px
}

.footer__bottom {
    display: flex;
    margin-top: 51px
}

@media screen and (max-width: 1199px) {
    .footer__bottom {
        bottom: 94px;
        flex-direction: column;
        left: 15px;
        padding: 93px 0;
        position: absolute;
        width: 60%
    }
}

@media screen and (max-width: 767px) {
    .footer__bottom {
        margin-top: 40px;
        padding: 0;
        position: static;
        width: 100%
    }
}

.footer__bottom-column-1 {
    width: 22.8571428571%
}

@media screen and (max-width: 1199px) {
    .footer__bottom-column-1 {
        width: auto
    }
}

@media screen and (max-width: 767px) {
    .footer__bottom-column-1 {
        display: none;
        margin-left: 5px
    }
}

.footer__bottom-column-2 {
    display: flex;
    justify-content: flex-start;
    padding-left: 29px;
    width: 54.2857142857%
}

@media screen and (max-width: 1199px) {
    .footer__bottom-column-2 {
        justify-content: flex-start;
        margin: 24px -10px;
        padding-left: 0;
        width: auto
    }
}

@media screen and (max-width: 767px) {
    .footer__bottom-column-2 {
        flex-direction: column;
        gap: 16px;
        margin: 0;
        padding: 0
    }
}

.footer__bottom-column-3 {
    width: 22.8571428571%
}

@media screen and (max-width: 1199px) {
    .footer__bottom-column-3 {
        width: auto
    }
}

@media screen and (max-width: 767px) {
    .footer__bottom-column-3 {
        margin-top: 40px
    }
}

.footer__bottom-copyright {
    color: #d7d2cb;
    margin: 0 10px
}

@media screen and (max-width: 767px) {
    .footer__bottom-copyright {
        margin: 0
    }
}

.footer__logo {
    display: block;
    margin-bottom: 40px;
    min-width: 240px;
    width: 240px
}

.footer__logo-link {
    margin-right: 48px
}

.back-to-top {
    display: block;
    height: 44px;
    margin: 32px 0 25px;
    position: relative;
    width: 44px
}

@media screen and (min-width: 1200px) {
    .back-to-top:hover i:first-child {
        opacity: 0
    }

    .back-to-top:hover i:nth-child(2) {
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .back-to-top {
        display: none
    }
}

.back-to-top i {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s
}

.back-to-top i:first-child {
    opacity: 1
}

.back-to-top i:nth-child(2) {
    opacity: 0
}

@media screen and (max-width: 767px) {
    .form__group_mobile_offset-down {
        margin-bottom: 82px
    }
}

.form__group_relative {
    position: relative
}

.form__group_columns {
    align-items: center;
    display: flex;
    gap: 22px;
    width: 100%
}

.form__group_columns > * {
    width: 100%
}

@media screen and (max-width: 767px) {
    .form__group_columns {
        flex-direction: column
    }
}

.form__group_flex {
    display: flex;
    width: 100%
}

.form__group_gap {
    height: 50px
}

@media screen and (max-width: 767px) {
    .form__group_gap {
        height: 0
    }
}

.form__group + .form__group {
    margin-top: 22px
}

@media screen and (min-width: 767px) {
    .form__group_moveup {
        margin-top: -50px !important
    }
}

@media screen and (max-width: 767px) {
    .form__group_moveup {
        gap: 0 !important
    }
}

.form__button-group {
    margin-top: 22px
}

.form__inline-button {
    border: .8px solid #d7d2cb;
    margin-left: -1px;
    max-width: 200px
}

.form__input {
    background: none;
    border: .8px solid #d7d2cb;
    border-radius: 0;
    color: #2d3640;
    font: 500 16px/1.4 Apparat, sans-serif;
    height: 50px;
    padding: 2px 16px 0;
    transition: .3s;
    width: 100%
}

.form__input::-webkit-input-placeholder {
    color: #d7d2cb;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.form__input:-moz-placeholder, .form__input::-moz-placeholder {
    color: #d7d2cb;
    opacity: 1;
    -moz-transition: .3s;
    transition: .3s
}

.form__input:-ms-input-placeholder {
    color: #d7d2cb;
    opacity: 1;
    -ms-transition: .3s;
    transition: .3s
}

.form__input:focus {
    border-color: #333f48
}

.form__input_error {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    color: #f43138
}

.form__input_error, .form__input_error:focus {
    border-color: #f43138
}

.form__input_error::-webkit-input-placeholder {
    color: #f43138
}

.form__input_error:-moz-placeholder, .form__input_error::-moz-placeholder {
    color: #f43138
}

.form__input_error:-ms-input-placeholder {
    color: #f43138
}

.form__input:disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.form__input_dark {
    background: rgba(51, 63, 72, .4);
    border: 1px solid hsla(0, 0%, 100%, .51);
    color: #efeee5
}

.form__input_dark::-webkit-input-placeholder {
    color: #b4d4d4
}

.form__input_dark:-moz-placeholder, .form__input_dark::-moz-placeholder {
    color: #b4d4d4
}

.form__input_dark:-ms-input-placeholder {
    color: #b4d4d4
}

.form__input_dark.form__input_error {
    border-color: #f43138;
    color: #f43138
}

.form__input_dark.form__input_error:focus {
    border-color: #f43138
}

.form__input_dark.form__input_error::-webkit-input-placeholder {
    color: #f43138
}

.form__input_dark.form__input_error:-moz-placeholder, .form__input_dark.form__input_error::-moz-placeholder {
    color: #f43138
}

.form__input_dark.form__input_error:-ms-input-placeholder {
    color: #f43138
}

.form__input_dark:focus {
    border-color: hsla(0, 0%, 100%, .51)
}

.form__input_light {
    background: rgba(51, 63, 72, .051);
    border: 1px solid hsla(0, 0%, 100%, .51);
    color: #333f48
}

.form__input_light::-webkit-input-placeholder {
    color: #789292
}

.form__input_light:-moz-placeholder, .form__input_light::-moz-placeholder {
    color: #789292
}

.form__input_light:-ms-input-placeholder {
    color: #789292
}

.form__input_light.form__input_error {
    border-color: #f43138;
    color: #f43138
}

.form__input_light.form__input_error:focus {
    border-color: #f43138
}

.form__input_light.form__input_error::-webkit-input-placeholder {
    color: #f43138
}

.form__input_light.form__input_error:-moz-placeholder, .form__input_light.form__input_error::-moz-placeholder {
    color: #f43138
}

.form__input_light.form__input_error:-ms-input-placeholder {
    color: #f43138
}

.form__input_light:focus {
    border-color: hsla(0, 0%, 100%, .51)
}

.form__input_light-2 {
    background: rgba(0, 0, 0, .05);
    border: 1px solid hsla(0, 0%, 100%, .16);
    color: #fff
}

.form__input_light-2::-webkit-input-placeholder {
    color: #789292
}

.form__input_light-2:-moz-placeholder, .form__input_light-2::-moz-placeholder {
    color: #789292
}

.form__input_light-2:-ms-input-placeholder {
    color: #789292
}

.form__input_light-2.form__input_error {
    border-color: #f43138;
    color: #f43138
}

.form__input_light-2.form__input_error:focus {
    border-color: #f43138
}

.form__input_light-2.form__input_error::-webkit-input-placeholder {
    color: #f43138
}

.form__input_light-2.form__input_error:-moz-placeholder, .form__input_light-2.form__input_error::-moz-placeholder {
    color: #f43138
}

.form__input_light-2.form__input_error:-ms-input-placeholder {
    color: #f43138
}

.form__input_light-2:focus {
    border: 1px solid hsla(0, 0%, 100%, .16)
}

.form__input_small {
    height: 35px
}

.form__textarea {
    background: none;
    border: .8px solid #d7d2cb;
    border-radius: 0;
    color: #2d3640;
    font: 300 15px/1.4 Apparat, sans-serif;
    height: 46px;
    height: 162px;
    padding: 16px;
    resize: none;
    transition: .3s;
    width: 100%
}

.form__textarea::-webkit-input-placeholder {
    color: #d7d2cb;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.form__textarea:-moz-placeholder, .form__textarea::-moz-placeholder {
    color: #d7d2cb;
    opacity: 1;
    -moz-transition: .3s;
    transition: .3s
}

.form__textarea:-ms-input-placeholder {
    color: #d7d2cb;
    opacity: 1;
    -ms-transition: .3s;
    transition: .3s
}

.form__textarea:focus {
    border-color: #333f48
}

.form__textarea_error {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    border-color: #f43138;
    color: #f43138
}

.form__textarea_error:focus {
    border-color: #f43138
}

.form__textarea_error::-webkit-input-placeholder {
    color: #f43138
}

.form__textarea_error:-moz-placeholder, .form__textarea_error::-moz-placeholder {
    color: #f43138
}

.form__textarea_error:-ms-input-placeholder {
    color: #f43138
}

.form__textarea:disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.form__file {
    opacity: .3
}

.form__file_disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.form__file.form__file_light-2 {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid rgba(122, 154, 178, .5);
    padding: 2px 16px 0
}

.form__file.form__file_light-2 .form__file-title {
    color: #789292;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2
}

.form__file.form__file_light-2 .form__file-title > span {
    width: 100%
}

.form__file.form__file_light-2 .form__file-title > span:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23789292' fill-rule='evenodd' d='M11.708 16.533a5 5 0 1 0 7.07 7.071l6.365-6.364a1 1 0 0 1 1.414 1.415l-6.364 6.363a7 7 0 0 1-9.9-9.899l5.657-5.657a5 5 0 1 1 7.071 7.071l-5.778 5.778a3 3 0 1 1-4.242-4.242l5.778-5.778a1 1 0 0 1 1.414 1.414l-5.778 5.778a1 1 0 0 0 1.414 1.414l5.778-5.778a3 3 0 0 0-4.242-4.243z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='m17.363.977 16.97 16.97-16.97 16.97-16.97-16.97z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px
}

.form__file.form__file_light-2 .file {
    padding: 0
}

.form__file.form__file_light-2 .file__item {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.2
}

.form__file.form__file_light-2 .file__item-delete {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23789292' fill-rule='evenodd' d='M11.708 16.533a5 5 0 1 0 7.07 7.071l6.365-6.364a1 1 0 0 1 1.414 1.415l-6.364 6.363a7 7 0 0 1-9.9-9.899l5.657-5.657a5 5 0 1 1 7.071 7.071l-5.778 5.778a3 3 0 1 1-4.242-4.242l5.778-5.778a1 1 0 0 1 1.414 1.414l-5.778 5.778a1 1 0 0 0 1.414 1.414l5.778-5.778a3 3 0 0 0-4.242-4.243z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='m17.363.977 16.97 16.97-16.97 16.97-16.97-16.97z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    height: 35px;
    min-width: 35px;
    width: 35px
}

.form__file.form__file_light {
    background: hsla(0, 0%, 100%, .5);
    border: 1px solid rgba(51, 63, 72, .4);
    padding: 2px 16px 0
}

@media screen and (max-width: 767px) {
    .form__file.form__file_light {
        background-color: transparent;
        border: 1px solid rgba(122, 154, 178, .5)
    }
}

.form__file.form__file_light .form__file-title {
    color: #789292;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2
}

.form__file.form__file_light .form__file-title > span {
    width: 100%
}

.form__file.form__file_light .form__file-title > span:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23789292' fill-rule='evenodd' d='M11.708 16.533a5 5 0 1 0 7.07 7.071l6.365-6.364a1 1 0 0 1 1.414 1.415l-6.364 6.363a7 7 0 0 1-9.9-9.899l5.657-5.657a5 5 0 1 1 7.071 7.071l-5.778 5.778a3 3 0 1 1-4.242-4.242l5.778-5.778a1 1 0 0 1 1.414 1.414l-5.778 5.778a1 1 0 0 0 1.414 1.414l5.778-5.778a3 3 0 0 0-4.242-4.243z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='m17.363.977 16.97 16.97-16.97 16.97-16.97-16.97z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px
}

.form__file.form__file_light .file {
    padding: 0
}

.form__file.form__file_light .file__item {
    color: #333f48;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.2
}

.form__file.form__file_light .file__item-delete {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23789292' fill-rule='evenodd' d='M11.708 16.533a5 5 0 1 0 7.07 7.071l6.365-6.364a1 1 0 0 1 1.414 1.415l-6.364 6.363a7 7 0 0 1-9.9-9.899l5.657-5.657a5 5 0 1 1 7.071 7.071l-5.778 5.778a3 3 0 1 1-4.242-4.242l5.778-5.778a1 1 0 0 1 1.414 1.414l-5.778 5.778a1 1 0 0 0 1.414 1.414l5.778-5.778a3 3 0 0 0-4.242-4.243z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='m17.363.977 16.97 16.97-16.97 16.97-16.97-16.97z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    height: 35px;
    min-width: 35px;
    width: 35px
}

.form__file_error.form__file {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    border-color: #f43138
}

.form__file_error.form__file .form__file-title {
    color: #f43138
}

.form__file_button {
    opacity: 1
}

.form__file_button input {
    display: none
}

.form__custom {
    align-items: center;
    background: none;
    border: .8px solid #d7d2cb;
    border-radius: 0;
    color: #2d3640;
    cursor: pointer;
    display: flex;
    font: 500 18px/1.4 Apparat, sans-serif;
    gap: 16px;
    height: 50px;
    justify-content: space-between;
    padding: 2px 16px 0;
    transition: .3s;
    width: 100%
}

.form__custom_error {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    border-color: #f43138;
    color: #f43138
}

.form__custom_disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.form__custom_dark {
    background: rgba(51, 63, 72, .4);
    border: 1px solid hsla(0, 0%, 100%, .51);
    color: #b4d4d4
}

.form__custom_dark.form__custom_error {
    border-color: #f43138;
    color: #f43138
}

.form__custom_light {
    background: rgba(51, 63, 72, .05);
    border: 1px solid hsla(0, 0%, 100%, .51);
    color: #789292
}

.form__custom_light.form__custom_error {
    border-color: #f43138;
    color: #f43138
}

.form__custom_light .form__custom-label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    .form__custom_mobile_move-up {
        left: 0;
        position: absolute;
        right: 0;
        top: -66px
    }
}

.form__custom-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form__custom-icon {
    min-width: 24px
}

.form__salepoints {
    height: calc(100vh - 40px);
    min-height: 300px
}

.form__hidden {
    display: none
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes viewBox {
    0% {
        -webkit-clip-path: polygon(0 0, 10% 0, 10% 100%, 0 100%);
        clip-path: polygon(0 0, 10% 0, 10% 100%, 0 100%);
        opacity: 0
    }
    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        opacity: 1
    }
}

@keyframes viewImage {
    0% {
        -webkit-clip-path: polygon(0 0, 10% 0, 10% 100%, 0 100%);
        clip-path: polygon(0 0, 10% 0, 10% 100%, 0 100%);
        opacity: 0
    }
    50% {
        -webkit-clip-path: polygon(0 0, 10% 0, 10% 100%, 0 100%);
        clip-path: polygon(0 0, 10% 0, 10% 100%, 0 100%);
        opacity: 0
    }
    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        opacity: 1
    }
}

@keyframes viewText {
    0% {
        opacity: 0;
        transform: translateY(-15px)
    }
    50% {
        opacity: 0;
        transform: translateY(-15px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes viewSlide {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes hoverCallbackButton {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-15deg)
    }
    to {
        transform: rotate(0)
    }
}

.cookie {
    align-items: center;
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    background: hsla(0, 0%, 100%, .7);
    border: 1px solid;
    border-image-source: linear-gradient(107.45deg, hsla(0, 0%, 100%, .4) -6.38%, hsla(0, 0%, 100%, 0) 49.83%, hsla(0, 0%, 100%, .4) 99.73%);
    bottom: 26px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .051);
    display: flex;
    gap: 26px;
    justify-content: space-between;
    left: 50%;
    max-width: 812px;
    padding: 30px;
    position: fixed;
    transform: translateX(-50%) translateY(calc(100% + 26px));
    transition: .3s;
    width: calc(100vw - 47px);
    z-index: 10
}

@media screen and (max-width: 767px) {
    .cookie {
        align-items: center;
        bottom: 20px;
        flex-direction: column;
        gap: 16px;
        left: 16px;
        left: 10px;
        padding: 16px;
        right: 16px;
        right: 10px;
        transform: translateX(0) translateY(calc(100% + 20px));
        width: auto
    }
}

.cookie_active {
    transform: translateX(-50%) translateY(0)
}

@media screen and (max-width: 767px) {
    .cookie_active {
        transform: translateX(0) translateY(0)
    }
}

.cookie__text {
    color: #2d3640;
    font-size: 21px;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .cookie__text {
        font-size: 12px;
        width: 100%
    }
}

@media screen and (min-width: 1200px) {
    .cookie__text a:hover {
        color: #2d3640;
        -webkit-text-decoration: none;
        text-decoration: none
    }
}

.cookie__button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 22px;
    min-width: 140px
}

@media screen and (max-width: 767px) {
    .cookie__button {
        height: 40px;
        min-width: 158px
    }
}

.cookie__button .button__arrow {
    display: none
}