/* Start:/assets/css/styles.css?1747326006338683*/
:root {
    --border-radius-default: 1rem;
    --border-radius-very-big: 1.438rem;
    --border-radius-big: 1.5rem;
    --border-radius-small: 0.625rem;
    --shadow: 0 0.938rem 1.313rem 0 rgba(0, 0, 0, 0.07);
    --fancybox-scrollbar-compensate: var(--scrollbar-width) !important;
    --f-transition-duration: 0.6s;
    --white: #ffffff;
    --black: #000000;
    --red: #eb5757;
    --primary-brand: #fce127;
    --primary-brand-accent: #f6da18;
    --primary-typography: #111111;
    --secondary-typography: #2c2d33;
    --borders: #e7e9ee;
    --suraface: #f3f4f7;
    --suraface-bg-contacts: #f1f2f5;
    --neutral-100: #646977;
    --magazine-bg: #d8d4bc;
    --disabled: rgba(100, 105, 119, 0.5);
    --suraface-review: rgba(44, 45, 51, 0.8);
    --about-grey: rgba(17, 17, 17, 0.61);
    --ff-default: "FactorA", Arial, sans-serif;
    --default-font-style: normal;
    --default-font-size: 1rem;
    --default-font-weight: 400;
    --default-line-height: 1.3;
    --default-text-color: var(--primary-typography);
    --default-bg-color: var(--suraface);
    --h1: 700 3.125rem/1.3 var(--ff-default);
    --h2: 700 2.1875rem/1.1 var(--ff-default);
    --h2-mobile: 700 1.25rem/1.1 var(--ff-default);
    --h3: 700 2rem/1.2 var(--ff-default);
    --h3-mobile: 700 1.25rem/1.1 var(--ff-default);
    --h4: 700 1.875rem/1.5 var(--ff-default);
    --h5: 700 1.75rem/1.2 var(--ff-default);
    --h5-mobile: 700 1.25rem/1.1 var(--ff-default);
    --sup: 400 1.4rem/1.07 var(--ff-default);
    --sup-mobile: 400 1rem/1.07 var(--ff-default);
    --text-bold: 700 1rem/1.58 var(--ff-default);
    --text-medium: 500 1rem/1.11 var(--ff-default);
    --text-regular: 400 1rem/1.58 var(--ff-default);
    --text-regular-normal: 400 1rem/normal var(--ff-default);
    --text-regular-half: 400 1rem/1.5 var(--ff-default);
    --very-small-text-regular: 400 0.938rem/1.3 var(--ff-default);
    --small-text-regular: 400 0.875rem/1.58 var(--ff-default);
    --small-text-regular-normal: 400 0.875rem/normal var(--ff-default);
    --very-big-text-bold: 700 1.375rem/1.5 var(--ff-default);
    --very-big-text-medium: 500 1.375rem/1.2 var(--ff-default);
    --big-text-bold: 700 1.25rem/normal var(--ff-default);
    --big-text-medium: 500 1.25rem/1.2 var(--ff-default);
    --big-text-regular: 400 1.25rem/1.3 var(--ff-default);
    --average-text-bold: 700 1.125rem/1.2 var(--ff-default);
    --average-text-medium: 500 1.125rem/1.2 var(--ff-default);
    --average-text-regular: 400 1.125rem/1.5 var(--ff-default);
    --neutral-text-normal: 400 1.0625rem/1.3 var(--ff-default);
    --popups-title: 500 1.5rem/normal var(--ff-default)
}

@font-face {
    font-family: FactorA;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/css/../fonts/Factor-A-Bold.woff2) format("woff2"), url(/assets/css/../fonts/Factor-A-Bold.woff) format("woff")
}

@font-face {
    font-family: FactorA;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/css/../fonts/Factor-A-Medium.woff2) format("woff2"), url(/assets/css/../fonts/Factor-A-Medium.woff) format("woff")
}

@font-face {
    font-family: FactorA;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/css/../fonts/Factor-A-Regular.woff2) format("woff2"), url(/assets/css/../fonts/Factor-A-Regular.woff) format("woff")
}

* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent
}

body, html {
    width: 100%;
    height: 100%;
    cursor: default;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 767px) {
    body, html {
        height: auto
    }
}

html {
    font-size: 16px
}

@media (max-width: 1920px) {
    html {
        font-size: .8333vw
    }
}

@media (max-width: 767px) {
    html {
        font-size: 4.4531vw
    }
}

body {
    font-family: var(--ff-default);
    font-style: var(--default-font-style);
    font-size: var(--default-font-size);
    line-height: var(--default-line-height);
    font-weight: var(--default-font-weight);
    color: var(--primary-typography);
    background: var(--default-bg-color);
    overflow-x: hidden;
    box-sizing: border-box
}

body._bg-white {
    background: var(--white)
}

._no-scroll body {
    overflow: hidden;
    padding-inline-end: var(--scrollbar-width)
}

html._mobile body {
    -webkit-text-size-adjust: 100%
}

fieldset, img {
    border: 0
}

fieldset legend {
    display: none
}

li, ul {
    list-style-type: none
}

img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

a {
    color: inherit;
    text-decoration: none
}

table {
    border: 0;
    border-collapse: collapse
}

table td {
    padding: 0;
    vertical-align: top
}

input, select, textarea {
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=search] {
    -webkit-appearance: textfield
}

::-moz-selection {
    background: #5f5f5f;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #5f5f5f;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #5f5f5f;
    color: #fff;
    text-shadow: none
}

a[href^=tel] {
    color: inherit;
    text-decoration: none
}

button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 0
}

picture {
    display: block;
    transform: translateZ(0)
}

iframe {
    border: 0
}

[loading=lazy] {
    opacity: 0;
    transition: opacity .6s ease-out
}

[loading=lazy]._loaded {
    opacity: 1
}

html.with-fancybox {
    overflow-x: hidden !important
}

.invisible-container {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.no-pe {
    pointer-events: none
}

.static-text p {
    margin-bottom: 1.4em
}

.static-text img {
    max-width: 100%
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.accordion__toggle, .accordion__toggle:hover, .advantage, .advantage picture, .advantage picture:hover, .advantage:hover, .all-catalog, .all-catalog-category, .all-catalog-category:hover, .all-catalog:hover, .all-catalog__img-wrapper, .all-catalog__img-wrapper:hover, .all-catalog__title, .all-catalog__title:hover, .animated, .animated:hover, .article-item__img, .article-item__img:hover, .article-item__title, .article-item__title:hover, .article-slider .swiper-pagination .swiper-pagination-bullet, .button, .button-decor, .button-decor:hover, .button-decor__icon, .button-decor__icon:hover, .button:hover, .catalog-filter, .catalog-filter:hover, .catalog-filter__reset-filter::before, .catalog-filter__reset-filter:hover::before, .catalog-info picture img, .catalog-info picture img:hover, .catalog-info__file-link._yellow svg, .catalog-info__file-link._yellow svg:hover, .catalog-section__more-icon, .catalog-section__more-icon:hover, .catalog-section__title a, .catalog-section__title a:hover, .catalog__title a, .catalog__title a:hover, .category, .category picture, .category picture:hover, .category:hover, .category__title, .category__title:hover, .dignities__slider-slide:nth-child(2) .dignity img, .dignity picture, .dignity picture:hover, .document-link, .document-link::before, .document-link:hover, .document-link:hover::before, .dropdown__list [data-dropdown-option], .dropdown__list [data-dropdown-option]::after, .equipment__link, .equipment__link:hover, .faq-item, .faq-item:hover, .faq-item__link[href], .file-uploader, .file-uploader:hover, .file-uploader__button, .file-uploader__button svg, .file-uploader__button svg:hover, .file-uploader__button:hover, .file-uploader__list-btn, .file-uploader__list-btn:hover, .footer-bottom__link, .footer-bottom__link:hover, .footer-call__text, .footer-call__text:hover, .footer-links__link, .footer-links__link:hover, .footer__logo-wrapper, .footer__logo-wrapper:hover, .hero._project-item picture .hero__img, .input__input, .input__reset-btn, .input__reset-btn:hover, .material-gallery__slide img, .material-gallery__slide img:hover, .material-gallery__slide-icon, .material-gallery__slide-icon:hover, .materials-hero__tooltip-content, .materials-hero__tooltip-content:hover, .menu__link, .menu__link:hover, .other-news__title a, .other-news__title a:hover, .popups__close-button, .popups__close-button:hover, .product-item__img, .product-item__img:hover, .product-item__labels, .product-item__labels:hover, .product-item__props, .product-item__props:hover, .product-item__title, .product-item__title:hover, .product-item__wrapper, .product-item__wrapper:hover, .project-gallery picture .article-slider__img, .project-gallery picture .article-slider__img:hover, .project__img, .project__img:hover, .project__title, .project__title:hover, .requisites__img, .requisites__img:hover, .search, .search-item, .search-item:hover, .search-items, .search-items:hover, .search-items__inner, .search-items__inner:hover, .search:hover, .search__wrapper, .search__wrapper:hover, .selection__img, .selection__img:hover, .subbreadcrumbs, .subbreadcrumbs:hover, .subbreadcrumbs__link, .subbreadcrumbs__link:hover, .subcategories__link, .subcategories__link:hover, .submenu, .submenu:hover, .submenu__link, .submenu__link:hover, .survey__icon, .survey__icon:hover, .survey__pic-wrapper, .survey__pic-wrapper:hover, .text-block__link, .text-block__link:hover, .textarea, .textarea:hover, .textarea__input, .textarea__input:hover, .textarea__label, .textarea__label:hover, .transition-active {
    transition: color .3s ease-out, outline .3s ease-out, width .3s ease-out, height .3s ease-out, padding .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, fill .3s ease-out, stroke .3s ease-out, transform .3s ease-out, box-shadow .3s ease-out, border .3s ease-out, top .3s ease-out, right .3s ease-out, bottom .3s ease-out, left .3s ease-out, border-radius .3s ease-out
}

.accordion__toggle svg, .accordion__toggle:hover svg, .advantage picture:hover svg, .advantage svg, .advantage:hover svg, .all-catalog svg, .all-catalog-category svg, .all-catalog-category:hover svg, .all-catalog:hover svg, .all-catalog__img-wrapper svg, .all-catalog__img-wrapper:hover svg, .all-catalog__title svg, .all-catalog__title:hover svg, .animated svg, .animated:hover svg, .article-item__img svg, .article-item__img:hover svg, .article-item__title svg, .article-item__title:hover svg, .article-slider .swiper-pagination .swiper-pagination-bullet svg, .button svg, .button-decor svg, .button-decor:hover svg, .button-decor__icon svg, .button-decor__icon:hover svg, .button:hover svg, .catalog-filter svg, .catalog-filter:hover svg, .catalog-filter__reset-filter::before svg, .catalog-filter__reset-filter:hover::before svg, .catalog-info picture img svg, .catalog-info picture img:hover svg, .catalog-info__file-link._yellow svg svg, .catalog-info__file-link._yellow svg:hover svg, .catalog-section__more-icon svg, .catalog-section__more-icon:hover svg, .catalog-section__title a svg, .catalog-section__title a:hover svg, .catalog__title a svg, .catalog__title a:hover svg, .category picture:hover svg, .category svg, .category:hover svg, .category__title svg, .category__title:hover svg, .dignities__slider-slide:nth-child(2) .dignity img svg, .dignity picture svg, .dignity picture:hover svg, .document-link svg, .document-link::before svg, .document-link:hover svg, .document-link:hover::before svg, .dropdown__list [data-dropdown-option] svg, .dropdown__list [data-dropdown-option]::after svg, .equipment__link svg, .equipment__link:hover svg, .faq-item svg, .faq-item:hover svg, .faq-item__link[href] svg, .file-uploader svg, .file-uploader:hover svg, .file-uploader__button svg, .file-uploader__button svg svg, .file-uploader__button svg:hover svg, .file-uploader__button:hover svg, .file-uploader__list-btn svg, .file-uploader__list-btn:hover svg, .footer-bottom__link svg, .footer-bottom__link:hover svg, .footer-call__text svg, .footer-call__text:hover svg, .footer-links__link svg, .footer-links__link:hover svg, .footer__logo-wrapper svg, .footer__logo-wrapper:hover svg, .hero._project-item picture .hero__img svg, .input__input svg, .input__reset-btn svg, .input__reset-btn:hover svg, .material-gallery__slide img svg, .material-gallery__slide img:hover svg, .material-gallery__slide-icon svg, .material-gallery__slide-icon:hover svg, .materials-hero__tooltip-content svg, .materials-hero__tooltip-content:hover svg, .menu__link svg, .menu__link:hover svg, .other-news__title a svg, .other-news__title a:hover svg, .popups__close-button svg, .popups__close-button:hover svg, .product-item__img svg, .product-item__img:hover svg, .product-item__labels svg, .product-item__labels:hover svg, .product-item__props svg, .product-item__props:hover svg, .product-item__title svg, .product-item__title:hover svg, .product-item__wrapper svg, .product-item__wrapper:hover svg, .project-gallery picture .article-slider__img svg, .project-gallery picture .article-slider__img:hover svg, .project__img svg, .project__img:hover svg, .project__title svg, .project__title:hover svg, .requisites__img svg, .requisites__img:hover svg, .search svg, .search-item svg, .search-item:hover svg, .search-items svg, .search-items:hover svg, .search-items__inner svg, .search-items__inner:hover svg, .search:hover svg, .search__wrapper svg, .search__wrapper:hover svg, .selection__img svg, .selection__img:hover svg, .subbreadcrumbs svg, .subbreadcrumbs:hover svg, .subbreadcrumbs__link svg, .subbreadcrumbs__link:hover svg, .subcategories__link svg, .subcategories__link:hover svg, .submenu svg, .submenu:hover svg, .submenu__link svg, .submenu__link:hover svg, .survey__icon svg, .survey__icon:hover svg, .survey__pic-wrapper svg, .survey__pic-wrapper:hover svg, .text-block__link svg, .text-block__link:hover svg, .textarea svg, .textarea:hover svg, .textarea__input svg, .textarea__input:hover svg, .textarea__label svg, .textarea__label:hover svg, .transition-active svg {
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, width .3s ease-out, height .3s ease-out, fill .3s ease-out, stroke .3s ease-out, transform .3s ease-out, box-shadow .3s ease-out, border .3s ease-out
}

.transition-hover {
    transition: none
}

.force3D {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.input._no-label .input__label, .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.color-neutral-100 {
    color: var(--neutral-100)
}

.mt-0 {
    margin-top: 0 !important
}

.wrapper {
    position: relative;
    min-height: 100%;
    display: grid;
    grid-template-rows:auto 1fr auto;
    grid-template-columns:100%
}

.container {
    --container-max-width: 112.5rem;
    --container-padding: 3.75rem;
    width: min(var(--container-max-width), 100% - var(--container-padding) * 2);
    margin: 0 auto
}

.container._small {
    --container-max-width: 104.375rem;
    --container-padding: 7.8125rem
}

@media (max-width: 767px) {
    .container._small {
        --container-padding: 1rem
    }
}

.container._mt {
    margin-top: 2.625rem
}

@media (max-width: 1280px) {
    .container {
        --container-padding: 1.25rem
    }
}

@media (max-width: 767px) {
    .container {
        --container-padding: 0px
    }

    .container._mt {
        margin-top: 1.25rem
    }
}

.container-inner {
    position: relative;
    background: var(--white);
    border-radius: var(--border-radius-big);
    padding: 0 4rem;
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    .container-inner:first-child {
        margin-top: 5rem;
        margin-bottom: 1.1875rem
    }
}

.container-inner:last-child {
    margin-bottom: 0
}

.container-inner::before {
    content: "";
    position: absolute;
    top: 3.75rem;
    left: 0;
    width: calc(100% - 2px);
    height: 1.5rem;
    border: 1px solid var(--borders);
    border-bottom: 0;
    border-radius: 2.5rem 2.5rem 0 0
}

.container-inner._big-border::before {
    top: 6.25rem
}

.container-inner._very-big-border::before {
    top: 7.625rem
}

.container-inner._no-border::before {
    display: none
}

.container-inner._no-padding {
    padding: 0;
    overflow: hidden
}

@media (max-width: 767px) {
    .container-inner {
        padding: 0 1rem;
        border-radius: var(--border-radius-default)
    }

    .container-inner::before {
        content: none
    }
}

.grid {
    display: grid;
    gap: 3.125rem
}

.col-2 {
    grid-template-columns:repeat(2, 1fr)
}

.col-4 {
    grid-template-columns:repeat(4, 1fr)
}

.sitemap {
    padding: 2.5rem 0;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.sup._big {
    position: relative;
    top: -.1em;
    margin-inline-start: .1em;
    font-size: .45em
}

@media (max-width: 767px) {
    .sup._big {
        font-size: .6em
    }
}

.page__title {
    margin-block: 3.75rem 3rem;
    letter-spacing: -.01em
}

@media (max-width: 767px) {
    .page__title {
        margin-top: 2rem
    }
}

.h1 {
    font: var(--h1)
}

.h1 .sup {
    position: relative;
    top: .25rem;
    left: -.0625rem
}

@media (max-width: 767px) {
    .h1 {
        font-size: 1.5rem;
        line-height: 1.08
    }
}

.h2 {
    font: var(--h2)
}

@media (max-width: 767px) {
    .h2 {
        font: var(--h2-mobile)
    }
}

.h3 {
    font: var(--h3)
}

@media (max-width: 767px) {
    .h3 {
        font: var(--h3-mobile)
    }
}

.h4 {
    font: var(--h4)
}

.h4 sup {
    color: rgba(100, 105, 119, .5);
    font-size: 1rem;
    margin-left: -.125rem
}

@media (max-width: 767px) {
    .h4 {
        font: var(--big-text-bold);
        line-height: 1.1
    }
}

.h5 {
    font: var(--h5)
}

.sup {
    font: var(--sup);
    letter-spacing: -.36px;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .sup {
        font: var(--sup-mobile)
    }
}

.text-medium {
    font: var(--text-medium)
}

.ttu {
    text-transform: uppercase
}

.tac {
    text-align: center
}

.tdn {
    text-decoration: none
}

.fw-400 {
    font-weight: 400
}

.fw-600 {
    font-weight: 600
}

.ls-negative-32 {
    letter-spacing: -.32px
}

.ls-negative-4 {
    letter-spacing: -.4px
}

.popups-title {
    font: var(--popups-title)
}

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

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

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

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

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

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

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

.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 {
    transform: translateZ(0);
    backface-visibility: hidden
}

.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 {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

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

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

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

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

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

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

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

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

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

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

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

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

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

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    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: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

.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: .2s transform, .2s top
}

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

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    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: .2s transform, .2s left
}

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

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

.swiper-pagination-progressbar {
    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));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.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 {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.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 {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

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

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

@media (max-width: 767px) {
    .swiper._inner {
        margin: 0 -1rem;
        padding: 0 1rem
    }
}

.just-validate-error-label {
    display: none
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: 0
}

.f-button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next, .f-carousel__nav .f-button.is-prev, .fancybox__nav .f-button.is-next, .fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: 0;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *, .fancybox__container ::after, .fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video, .fancybox__slide.has-iframe, .fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::after, .fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [contenteditable], .fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
    filter: blur(0);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption, .is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > :not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=false] > :not(.fancybox__backdrop,.fancybox__carousel) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > :not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=true] > :not(.fancybox__backdrop,.fancybox__carousel) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content, .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: -webkit-clip-path .33s ease;
    transition: clip-path .33s ease;
    transition: clip-path .33s ease, -webkit-clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.button {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding: 1rem 2rem;
    height: 3.5rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-default);
    background: var(--primary-typography);
    color: var(--white);
    box-sizing: border-box
}

@media (max-width: 767px) {
    .button {
        font-size: .9375rem;
        line-height: 1.58
    }
}

html._desktop .button:hover {
    background: var(--secondary-typography);
    border-radius: var(--border-radius-small)
}

.button._reverse svg {
    order: 1
}

.button._full {
    width: 100%
}

.button._yellow {
    color: var(--secondary-typography);
    background: var(--primary-brand)
}

html._desktop .button._yellow:hover {
    background: var(--primary-brand-accent)
}

.button._share {
    --size: 2.75rem;
    color: var(--primary-typography);
    background-color: var(--borders)
}

.button._share svg {
    width: var(--size);
    height: var(--size)
}

.button._share::after {
    display: none
}

html._desktop .button._share:hover {
    border-radius: 50%;
    background-color: var(--primary-brand)
}

.button._share._loading svg {
    display: none
}

.button._share._loading::after {
    content: "";
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    border: .1875rem solid var(--white);
    border-top: .1875rem solid var(--borders);
    border-radius: 50%;
    width: calc(var(--size) / 2);
    height: calc(var(--size) / 2);
    animation: spin .6s linear infinite
}

.button._share._loading:hover::after {
    border: .1875rem solid var(--white);
    border-top: .1875rem solid var(--primary-typography)
}

.button._catalog {
    height: 3.375rem;
    padding: .875rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    gap: .625rem
}

.button._catalog > * {
    pointer-events: none
}

.button._catalog i {
    display: inline-block;
    --size: 1.5rem;
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M4%2013C4.55228%2013%205%2012.5523%205%2012C5%2011.4477%204.55228%2011%204%2011C3.44772%2011%203%2011.4477%203%2012C3%2012.5523%203.44772%2013%204%2013Z%22%20%2F%3E%0D%0A%3Cpath%20d%3D%22M20.06%2011H7.94C7.42085%2011%207%2011.4209%207%2011.94V12.06C7%2012.5791%207.42085%2013%207.94%2013H20.06C20.5791%2013%2021%2012.5791%2021%2012.06V11.94C21%2011.4209%2020.5791%2011%2020.06%2011Z%22%20%2F%3E%0D%0A%3Cpath%20d%3D%22M20.06%2016H3.94C3.42085%2016%203%2016.4209%203%2016.94V17.06C3%2017.5791%203.42085%2018%203.94%2018H20.06C20.5791%2018%2021%2017.5791%2021%2017.06V16.94C21%2016.4209%2020.5791%2016%2020.06%2016Z%22%20%2F%3E%0D%0A%3Cpath%20d%3D%22M20.06%206H3.94C3.42085%206%203%206.42085%203%206.94V7.06C3%207.57915%203.42085%208%203.94%208H20.06C20.5791%208%2021%207.57915%2021%207.06V6.94C21%206.42085%2020.5791%206%2020.06%206Z%22%20%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: cover
}

html._desktop .button._catalog:hover {
    color: var(--primary-typography);
    background: var(--primary-brand)
}

html._desktop .button._catalog:hover i {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23111111%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M4%2013C4.55228%2013%205%2012.5523%205%2012C5%2011.4477%204.55228%2011%204%2011C3.44772%2011%203%2011.4477%203%2012C3%2012.5523%203.44772%2013%204%2013Z%22%20%2F%3E%0D%0A%3Cpath%20d%3D%22M20.06%2011H7.94C7.42085%2011%207%2011.4209%207%2011.94V12.06C7%2012.5791%207.42085%2013%207.94%2013H20.06C20.5791%2013%2021%2012.5791%2021%2012.06V11.94C21%2011.4209%2020.5791%2011%2020.06%2011Z%22%20%2F%3E%0D%0A%3Cpath%20d%3D%22M20.06%2016H3.94C3.42085%2016%203%2016.4209%203%2016.94V17.06C3%2017.5791%203.42085%2018%203.94%2018H20.06C20.5791%2018%2021%2017.5791%2021%2017.06V16.94C21%2016.4209%2020.5791%2016%2020.06%2016Z%22%20%2F%3E%0D%0A%3Cpath%20d%3D%22M20.06%206H3.94C3.42085%206%203%206.42085%203%206.94V7.06C3%207.57915%203.42085%208%203.94%208H20.06C20.5791%208%2021%207.57915%2021%207.06V6.94C21%206.42085%2020.5791%206%2020.06%206Z%22%20%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: cover
}

html._desktop .button._catalog._active {
    color: var(--primary-typography);
    background: var(--primary-brand)
}

html._desktop .button._catalog._active i {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M6%205L19%2018M19%205L6%2018%22%20stroke%3D%22%23111111%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: cover
}

.button._small {
    letter-spacing: -.32px
}

.button._social {
    --size: 2.75rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    padding: 0
}

.button._social-contacts {
    --size: 3.5625rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    padding: 0;
    background: var(--secondary-typography)
}

html._desktop .button._social-contacts:hover svg {
    fill: var(--white)
}

@media (max-width: 767px) {
    .button._social-contacts {
        --size: 2.75rem
    }
}

.button._call {
    padding: 0;
    gap: 1rem;
    background: rgba(0, 0, 0, 0);
    color: var(--primary-typography);
    font: var(--neutral-text-normal);
    line-height: normal
}

.button._call svg {
    --size: 3rem;
    width: var(--size);
    height: var(--size)
}

.button._filter {
    height: 2.75rem;
    padding: .75rem 1.5rem;
    border-radius: 100vmax;
    font-size: .9375rem;
    background: rgba(0, 0, 0, 0);
    color: var(--secondary-typography);
    border: 1px solid var(--borders)
}

.button._filter sup {
    color: var(--neutral-100);
    margin-inline-start: .2em;
    margin-block-start: -.5em;
    font-size: .7em
}

html._desktop .button._filter:hover {
    border-radius: 100vmax;
    border-color: var(--suraface);
    background-color: var(--suraface)
}

.button._filter._active {
    background-color: var(--primary-brand);
    border-color: var(--primary-brand)
}

html._desktop .button._filter._active:hover {
    background-color: var(--primary-brand);
    border-color: var(--primary-brand)
}

@media (max-width: 767px) {
    .button._filter {
        height: 2.5rem;
        padding: .9375rem;
        font-size: .8125rem
    }

    .button._filter sup {
        margin-inline-start: .4em;
        font-size: .65em
    }
}

.button._dropdown {
    padding: 1.3125rem 1.375rem 1.1875rem 1.25rem;
    font: var(--very-small-text-regular);
    color: var(--neutral-100);
    width: 100%;
    background-color: var(--suraface)
}

.button._dropdown::after {
    content: "";
    width: .5rem;
    height: .5rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M1.89541%202L6.10459%202C6.27076%201.99979%206.43361%202.0418%206.57428%202.12119C6.71494%202.20057%206.82768%202.31408%206.89944%202.44857C6.98344%202.60814%207.01579%202.78568%206.99281%202.96095C6.96983%203.13622%206.89244%203.30217%206.76946%203.4399L4.66487%205.72758C4.58228%205.81309%204.48017%205.88167%204.36545%205.92867C4.25074%205.97567%204.12611%206%204%206C3.87389%206%203.74926%205.97567%203.63455%205.92867C3.51983%205.88167%203.41772%205.81309%203.33513%205.72758L1.23054%203.4399C1.10756%203.30217%201.03017%203.13622%201.00719%202.96095C0.984211%202.78568%201.01656%202.60814%201.10056%202.44857C1.17232%202.31408%201.28506%202.20057%201.42572%202.12118C1.56639%202.0418%201.72924%201.99978%201.89541%202Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain;
    margin-inline-start: auto
}

._active .button._dropdown::after {
    transform: scaleY(-1)
}

html._desktop .button._dropdown:hover {
    border-radius: var(--border-radius-default);
    background-color: var(--suraface)
}

@media (max-width: 767px) {
    .button._dropdown {
        padding-right: 1.25rem
    }
}

.button._pagination {
    --size: 3rem;
    box-sizing: border-box;
    width: var(--size);
    height: var(--size);
    padding: .625rem;
    border: 1px solid var(--borders);
    background-color: var(--white);
    font: var(--very-small-text-regular);
    line-height: 1;
    color: var(--primary-typography)
}

.button._pagination svg {
    position: relative;
    width: .5rem;
    height: .75rem
}

.button._pagination._prev svg {
    left: -.125rem
}

.button._pagination._next svg {
    left: .0625rem
}

.button._pagination:hover {
    border-radius: var(--border-radius-default)
}

html._desktop .button._pagination:hover {
    border-radius: var(--border-radius-default);
    border-color: var(--suraface);
    color: var(--neutral-100);
    background-color: var(--suraface)
}

.button._pagination[aria-current=page] {
    color: var(--white);
    border-color: var(--primary-typography);
    background-color: var(--primary-typography);
    cursor: default
}

html._desktop .button._pagination[aria-current=page]:hover {
    color: var(--white);
    border-color: var(--primary-typography);
    background-color: var(--primary-typography)
}

@media (max-width: 767px) {
    .button._pagination {
        --size: 2.5rem;
        font-size: .8125rem
    }
}

.button._square {
    --size: 3rem;
    width: var(--size);
    height: var(--size);
    padding: 0
}

.button._square svg {
    width: var(--size);
    height: var(--size)
}

.button._light {
    background: var(--suraface)
}

.button._c-borders {
    background: var(--borders)
}

.button._c-borders:hover {
    background: var(--primary-brand)
}

.button._menu-bottom {
    flex-direction: column;
    height: auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-size: .6875rem;
    line-height: 1.2;
    gap: .25rem;
    color: rgba(100, 105, 119, .5);
    fill: rgba(100, 105, 119, .5)
}

.button._menu-bottom._heart {
    stroke: rgba(100, 105, 119, .5)
}

.button._menu-bottom._heart circle {
    visibility: hidden
}

.button._menu-bottom._heart._badge circle {
    visibility: visible
}

.button._menu-bottom svg {
    --size: 1.5rem;
    width: var(--size);
    height: var(--size)
}

.button._menu-bottom._active {
    color: var(--secondary-typography);
    fill: var(--secondary-typography)
}

.button._menu-bottom._active._heart {
    stroke: var(--secondary-typography)
}

.button._slider {
    --size: 3.625rem;
    width: var(--size);
    height: var(--size);
    padding: 0
}

.button._slider svg {
    width: .5rem;
    height: .75rem
}

.button._slider._sm {
    --size: 3rem
}

.button._slider.swiper-button-disabled {
    background: var(--borders)
}

.button._favorite {
    --size: 2.8125rem;
    width: var(--size);
    height: var(--size);
    padding: 0;
    background-color: var(--white);
    border-radius: .75rem;
    transition: all .3s ease-out
}

.button._favorite svg {
    width: 1.125rem;
    height: auto;
    fill: none;
    stroke: var(--neutral-100);
    transition: all .3s ease-out
}

html._desktop .button._favorite:hover {
    border-radius: var(--border-radius-small);
    background-color: var(--white)
}

.button._favorite._active {
    background-color: var(--primary-brand) !important
}

.button._favorite._active svg {
    transform: scale(.85);
    stroke: var(--primary-typography);
    fill: var(--primary-typography)
}

@media (max-width: 767px) {
    .button._favorite {
        --size: 2rem;
        background: 0
    }

    .button._favorite svg {
        width: 1.125rem
    }

    .button._favorite._active {
        background: 0 !important
    }

    .button._favorite._active svg {
        stroke: var(--primary-brand-accent);
        fill: var(--primary-brand-accent)
    }
}

.button._disabled, .button:disabled {
    pointer-events: none;
    background: var(--borders);
    color: var(--disabled)
}

.button._btn-square {
    --size: 3.375rem;
    width: var(--h);
    height: var(--h);
    padding: 0
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.category {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    height: 30.625rem;
    background: var(--suraface);
    border-radius: var(--border-radius-default);
    box-shadow: 0 0 0 1px transparent
}

@media (max-width: 767px) {
    .category {
        height: auto;
        background: rgba(0, 0, 0, 0);
        justify-content: initial
    }
}

html._desktop .category:hover {
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 1px var(--borders)
}

html._desktop .category:hover picture {
    transform: scale(1.1);
    will-change: transform
}

html._desktop .category:hover .category__title {
    color: var(--neutral-100)
}

html._desktop .category:hover .button-decor {
    background-color: var(--primary-brand);
    border-radius: .625rem
}

html._desktop .category:hover .button-decor__icon {
    transform: rotate(-90deg) translate3d(0, 0, 0);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

.category picture {
    position: absolute;
    top: 0;
    right: 0;
    width: 34.375rem;
    height: 100%;
    mix-blend-mode: multiply
}

@media (max-width: 767px) {
    .category picture {
        position: static;
        order: -1;
        width: 100%;
        height: 5.875rem;
        background: var(--suraface);
        margin-bottom: .6875rem;
        border-radius: var(--border-radius-default);
        text-align: right
    }
}

.category._square {
    gap: 3.125rem;
    align-items: center;
    height: auto;
    padding: 3.75rem 1.875rem;
    padding-bottom: 3rem
}

.category._square picture {
    order: -1;
    position: static;
    width: 20rem;
    height: 18rem;
    margin: 0
}

@media (max-width: 767px) {
    .category._square {
        gap: 1rem;
        align-items: flex-start;
        padding: 0
    }

    .category._square picture {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 9.625rem;
        height: 10.4375rem;
        margin: 0
    }
}

@media (max-width: 767px) {
    .category__img {
        mix-blend-mode: multiply;
        width: 6.625rem;
        height: 5.9375rem
    }

    .category._square .category__img {
        width: 8.125rem;
        height: 7.3125rem
    }
}

.category__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.category__title-wrapper {
    position: relative;
    z-index: 2;
    padding-left: 2.5rem;
    padding-bottom: 3.75rem
}

.category._square .category__title-wrapper {
    padding: 0
}

@media (max-width: 767px) {
    .category__title-wrapper {
        padding: 0
    }
}

.category__title {
    font: var(--average-text-bold);
    color: var(--primary-typography)
}

.category._square .category__title {
    font-weight: 500;
    letter-spacing: .05em
}

@media (max-width: 767px) {
    .category__title {
        font: var(--very-small-text-regular);
        line-height: 1.2;
        font-weight: 500
    }
}

.brand {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--borders)
}

@media (max-width: 767px) {
    .brand {
        border: 0
    }
}

.brand:not(:first-child) {
    margin-left: -1px
}

.brand:nth-child(n+6) {
    margin-top: -1px
}

.brand:first-child {
    border-radius: var(--border-radius-default) 0 0 0
}

.brand:nth-child(5) {
    border-radius: 0 var(--border-radius-default) 0 0
}

.brand:nth-child(6) {
    border-radius: 0 0 0 var(--border-radius-default);
    margin-left: 0
}

.brand:last-child {
    border-radius: 0 0 var(--border-radius-default) 0
}

.brand svg {
    width: 11.25rem;
    height: 6.25rem;
    fill: transparent
}

@media (max-width: 767px) {
    .brand svg {
        width: 7.125rem;
        height: 4.625rem
    }
}

.brand._delivery {
    height: 10.125rem
}

@media (max-width: 767px) {
    .brand._delivery {
        border: 1px solid var(--borders);
        height: 6.125rem
    }
}

.brand._delivery:first-child {
    border-radius: var(--border-radius-default) 0 0 var(--border-radius-default)
}

@media (max-width: 767px) {
    .brand._delivery:first-child {
        border-radius: 0 var(--border-radius-default) 0 0;
        margin-left: -1px
    }
}

@media (max-width: 767px) {
    .brand._delivery:nth-child(2) {
        order: -1;
        border-radius: var(--border-radius-default) 0 0 0
    }
}

@media (max-width: 767px) {
    .brand._delivery:nth-child(3) {
        border-radius: 0 0 0 var(--border-radius-default);
        margin-top: -1px
    }
}

.brand._delivery:last-child {
    border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0
}

@media (max-width: 767px) {
    .brand._delivery:last-child {
        border-radius: 0 0 var(--border-radius-default) 0;
        margin-top: -1px
    }
}

.brand._delivery svg {
    width: 15.625rem;
    height: 5.9375rem
}

@media (max-width: 767px) {
    .brand._delivery svg {
        width: 9.375rem;
        height: 3.75rem
    }
}

.brand__img {
    width: 15.625rem;
    height: 5.9375rem
}

@media (max-width: 767px) {
    .brand__img {
        width: 9.375rem;
        height: 3.625rem
    }
}

.advantage {
    padding: 1.875rem 2.5rem 3.75rem;
    background: var(--suraface);
    border-radius: var(--border-radius-default);
    border: 1px solid transparent
}

@media (max-width: 767px) {
    .advantage {
        padding: 1.5rem
    }
}

html._desktop .advantage:hover {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--borders)
}

html._desktop .advantage:hover picture {
    transform: scale(.9);
    will-change: transform
}

.advantage._installation picture {
    margin-bottom: 1.625rem
}

@media (max-width: 767px) {
    .advantage._installation picture {
        margin-bottom: .5rem
    }
}

.advantage picture {
    width: 13.875rem;
    height: 15rem;
    margin-bottom: 3.125rem;
    margin-right: 2.5rem;
    margin-left: auto
}

@media (max-width: 767px) {
    .advantage picture {
        width: 5.875rem;
        height: 6.375rem;
        margin-bottom: .5rem;
        margin-right: 0
    }
}

.advantage__title {
    font: var(--big-text-medium);
    margin-bottom: 1.25rem
}

@media (max-width: 767px) {
    .advantage__title {
        font: var(--average-text-medium);
        margin-bottom: 1.125rem
    }
}

.advantage__text {
    color: var(--neutral-100);
    font: var(--neutral-text-normal);
    max-width: 27.6875rem
}

@media (max-width: 767px) {
    .advantage__text {
        font: var(--very-small-text-regular);
        max-width: 100%
    }
}

.project {
    position: relative
}

@media (max-width: 767px) {
    .project {
        display: flex;
        flex-direction: column
    }
}

html._desktop .project:hover .project__img {
    transform: scale(1.1);
    will-change: transform
}

html._desktop .project:hover .project__title {
    color: var(--neutral-100)
}

html._desktop .project:hover .button-decor {
    background-color: var(--primary-brand);
    border-radius: .625rem
}

html._desktop .project:hover .button-decor__icon {
    transform: rotate(-90deg) translate3d(0, 0, 0);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

.project._projects-list picture {
    position: relative
}

@media (max-width: 767px) {
    .project._projects-list picture {
        width: initial;
        height: initial;
        aspect-ratio: 328/319
    }
}

.project._projects-list picture::after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 50%;
    transform: translateX(-50%);
    width: 101%;
    height: 12.75rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20812%20204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M0%200H796C804.837%200%20812%207.16344%20812%2016V188C812%20196.837%20804.837%20204%20796%20204H0V0Z%22%20fill%3D%22url(%23paint0_linear_4908_13659)%22%2F%3E%0D%0A%3Cdefs%3E%0D%0A%3ClinearGradient%20id%3D%22paint0_linear_4908_13659%22%20x1%3D%22401.5%22%20y1%3D%22207.5%22%20x2%3D%22406%22%20y2%3D%22-95.9104%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%3Cstop%2F%3E%0D%0A%3Cstop%20offset%3D%220.604167%22%20stop-opacity%3D%220%22%2F%3E%0D%0A%3C%2FlinearGradient%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: cover
}

.project picture {
    border-radius: var(--border-radius-default);
    overflow: hidden
}

@media (max-width: 767px) {
    .project picture {
        margin-bottom: 1rem;
        width: 16.875rem;
        height: 15.625rem
    }
}

.project__title {
    font: var(--average-text-bold);
    margin-bottom: 2rem
}

@media (max-width: 767px) {
    .project__title {
        order: 1;
        margin-bottom: 0
    }
}

.project__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project__info {
    position: absolute;
    z-index: 2;
    left: 2.6875rem;
    bottom: 2.875rem;
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: .3125rem
}

@media (max-width: 767px) {
    .project__info {
        font-size: .8125rem;
        line-height: 1.5;
        left: 1rem;
        bottom: 0;
        top: 15rem;
        gap: 0;
        font-weight: 500
    }
}

.dignity {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    min-height: 27.5rem;
    padding: 2.5rem;
    box-sizing: border-box
}

html._desktop .dignity:hover picture {
    will-change: transform;
    transform: scale(.97)
}

.dignity._yellow {
    background: var(--primary-brand)
}

@media (max-width: 767px) {
    .dignity._yellow {
        background: rgba(0, 0, 0, 0)
    }
}

.dignity._suraface {
    background: var(--suraface)
}

@media (max-width: 767px) {
    .dignity._suraface {
        background: rgba(0, 0, 0, 0)
    }
}

.dignity._dark {
    background: var(--secondary-typography)
}

@media (max-width: 767px) {
    .dignity._dark {
        background: rgba(0, 0, 0, 0)
    }
}

.dignity picture {
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    transform-origin: bottom right;
    overflow: hidden;
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .dignity picture {
        display: none
    }
}

.dignity__content {
    position: relative;
    z-index: 2;
    max-width: 17.25rem
}

.dignity__title {
    font: var(--very-big-text-medium);
    margin-bottom: 2rem
}

@media (max-width: 767px) {
    .dignity__title {
        font: var(--average-text-medium);
        margin-bottom: 1.625rem
    }
}

.dignity__text {
    font: var(--neutral-text-normal);
    color: var(--secondary-typography)
}

@media (max-width: 767px) {
    .dignity__text {
        font: var(--very-small-text-regular)
    }
}

@media (max-width: 767px) {
    .dignity {
        padding: 0;
        border-radius: 0;
        min-height: auto
    }
}

.input {
    position: relative;
    --font: var(--text-medium);
    --height: 4rem;
    --padding: 0.625rem 1.25rem
}

@media (max-width: 767px) {
    .input {
        --height: 3.5rem
    }
}

._fields-suraface .input .input__input {
    background: var(--suraface)
}

._fields-suraface .input .input__input:focus {
    background: rgba(0, 0, 0, 0)
}

.input._subscription {
    --height: 3.5rem
}

.input._subscription .input__input {
    background-color: var(--suraface)
}

.input__wrapper {
    position: relative
}

.input__input-wrapper {
    position: relative
}

.input__input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: var(--height);
    padding: var(--padding);
    font: var(--font);
    line-height: 1;
    color: var(--secondary-typography);
    background-color: var(--white);
    border: 1px solid transparent;
    border-radius: var(--border-radius-default);
    caret-color: var(--neutral-100)
}

._focus .input__input, .input__input:focus {
    background: rgba(0, 0, 0, 0);
    border-color: var(--secondary-typography);
    outline: 0
}

.input__input[disabled] + .input__placeholder {
    color: var(--neutral-100)
}

.input__input.just-validate-error-field {
    color: var(--red);
    border-color: currentColor
}

.input__input.just-validate-error-field + .input__placeholder {
    color: var(--red)
}

.input__placeholder {
    position: absolute;
    top: 0;
    left: 1px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: var(--height);
    padding: var(--padding);
    font: var(--text-medium);
    line-height: 1;
    color: var(--neutral-100);
    pointer-events: none
}

.input__placeholder a {
    text-decoration: none
}

@media (max-width: 767px) {
    .input__placeholder {
        font: var(--very-small-text-regular)
    }
}

.input__error {
    position: absolute;
    top: calc(100% + .25rem);
    opacity: 0
}

.input__reset-btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: .625rem;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    display: none;
    min-width: auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    color: var(--stoney-gray)
}

.input__reset-btn:hover {
    color: var(--dark-space);
    background: rgba(0, 0, 0, 0)
}

.input__reset-btn .button__icon {
    --size: 1.5rem;
    width: var(--size);
    height: var(--size);
    fill: var(--primary-dark-blue)
}

.input._filled .input__placeholder {
    display: none
}

.input__clear {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    --size: 1.5rem;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .875rem;
    background: var(--suraface);
    border-radius: .5rem;
    display: none
}

.input__clear._show {
    display: flex
}

.input__clear-icon {
    --size: 0.625rem;
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%229%22%20viewBox%3D%220%200%2010%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M9.07027%201.51065C9.14193%201.44149%209.19911%201.35876%209.23846%201.26728C9.27781%201.17579%209.29854%201.07739%209.29945%200.977806C9.30037%200.878222%209.28144%200.779454%209.24377%200.687264C9.2061%200.595075%209.15045%200.51131%209.08007%200.440857C9.00968%200.370405%208.92597%200.314676%208.83381%200.276922C8.74166%200.239168%208.64291%200.220145%208.54333%200.220963C8.44374%200.221781%208.34532%200.242424%208.2538%200.281687C8.16227%200.32095%208.07949%200.378047%208.01027%200.449646L5.00427%203.45465L1.99927%200.449646C1.93061%200.375959%201.84781%200.316857%201.75581%200.275865C1.66381%200.234873%201.5645%200.212831%201.46379%200.211054C1.36309%200.209277%201.26306%200.227802%201.16967%200.265523C1.07628%200.303244%200.99145%200.359389%200.920232%200.430608C0.849013%200.501826%200.792868%200.58666%200.755147%200.680048C0.717426%200.773436%200.698901%200.873466%200.700678%200.974169C0.702455%201.07487%200.724497%201.17418%200.765489%201.26618C0.806481%201.35818%200.865583%201.44098%200.93927%201.50965L3.94227%204.51565L0.93727%207.52065C0.80479%207.66282%200.732667%207.85087%200.736095%208.04517C0.739523%208.23947%200.818235%208.42485%200.955648%208.56227C1.09306%208.69968%201.27845%208.77839%201.47275%208.78182C1.66705%208.78525%201.8551%208.71313%201.99727%208.58065L5.00427%205.57565L8.00927%208.58165C8.15145%208.71413%208.33949%208.78625%208.53379%208.78282C8.72809%208.77939%208.91348%208.70068%209.05089%208.56327C9.1883%208.42586%209.26702%208.24047%209.27044%208.04617C9.27387%207.85187%209.20175%207.66382%209.06927%207.52165L6.06627%204.51565L9.07027%201.51065Z%22%20fill%3D%22%23646977%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain
}

.breadcrumbs {
    display: flex;
    padding: .4375rem 0 0
}

@media (max-width: 767px) {
    .breadcrumbs {
        padding: 1.4375rem 0 1.125rem;
        overflow-x: auto;
        width: calc(100vw - 1rem)
    }

    .breadcrumbs::-moz-scrollbar {
        display: none
    }

    .breadcrumbs::-webkit-scrollbar {
        display: none
    }

    .breadcrumbs::scrollbar {
        display: none
    }
}

.breadcrumbs__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem .6875rem 1rem .125rem
}

html._desktop .breadcrumbs__item:hover .breadcrumbs__subbreadcrumbs {
    display: flex;
    opacity: 1;
    pointer-events: all
}

.breadcrumbs__item:last-child {
    padding-right: 0
}

.breadcrumbs__item::after {
    content: "/";
    position: absolute;
    right: 0;
    color: var(--neutral-100)
}

.breadcrumbs__item:first-child {
    padding-left: 0
}

.breadcrumbs__item:last-child::after {
    display: none
}

.breadcrumbs__item:last-child .breadcrumbs__link {
    color: var(--secondary-typography);
    font-weight: 700
}

@media (max-width: 767px) {
    .breadcrumbs__item:last-child .breadcrumbs__link {
        white-space: nowrap
    }
}

@media (max-width: 767px) {
    .breadcrumbs__item {
        padding: 0;
        padding-right: .5rem
    }

    .breadcrumbs__item:last-child {
        padding-right: 1rem
    }
}

.breadcrumbs__link {
    color: var(--neutral-100);
    font: var(--small-text-regular-normal)
}

@media (max-width: 767px) {
    .breadcrumbs__link {
        font-size: .75rem;
        white-space: nowrap
    }
}

.subbreadcrumbs {
    position: absolute;
    top: 2.5rem;
    left: -1rem;
    width: 18.75rem;
    z-index: 3;
    background: var(--white);
    box-shadow: var(--shadow);
    padding: 1rem;
    box-sizing: border-box;
    flex-direction: column;
    gap: .5rem;
    border-radius: var(--border-radius-default);
    opacity: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .subbreadcrumbs {
        display: none
    }
}

.subbreadcrumbs__link {
    font-size: .875rem;
    letter-spacing: -.28px;
    line-height: 1.58
}

html._desktop .subbreadcrumbs__link:hover {
    color: var(--neutral-100)
}

.hero {
    padding-top: 3.75rem;
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    .hero._assembly {
        margin-bottom: 1.625rem
    }
}

.hero._news {
    margin-bottom: 3.3125rem
}

.hero._transfer {
    margin-bottom: 3.75rem
}

@media (max-width: 767px) {
    .hero._transfer {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 767px) {
    .hero._designer {
        margin-bottom: 1.75rem
    }
}

.hero._designer picture {
    margin-top: -3.75rem;
    aspect-ratio: 1670/456
}

@media (max-width: 767px) {
    .hero._designer picture {
        margin-top: -.1875rem;
        aspect-ratio: 328/162
    }
}

@media (max-width: 767px) {
    .hero._government .hero__header {
        margin-bottom: 1rem
    }
}

.hero._government picture {
    margin-top: -3rem;
    aspect-ratio: 1670/444
}

@media (max-width: 767px) {
    .hero._government picture {
        aspect-ratio: 328/175;
        margin-top: -.375rem
    }
}

@media (max-width: 767px) {
    .hero._government {
        margin-bottom: 1.8125rem
    }
}

.hero._contacts {
    margin-bottom: 3.3125rem
}

@media (max-width: 767px) {
    .hero._contacts {
        margin-bottom: 1.625rem
    }
}

.hero._project-item {
    padding-bottom: 5rem
}

@media (max-width: 767px) {
    .hero._project-item {
        padding-bottom: 1rem
    }
}

html._desktop .hero._project-item picture:hover .hero__img {
    transform: scale(1.1);
    will-change: transform
}

@media (max-width: 767px) {
    .hero._reviews {
        margin-bottom: 1.9375rem
    }
}

@media (max-width: 767px) {
    .hero._about {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 767px) {
    .hero {
        padding-top: .875rem
    }

    .hero._news {
        margin-bottom: 1.625rem
    }
}

.hero__title {
    position: relative;
    letter-spacing: -.01em
}

._news .hero__title {
    margin: 0
}

@media (max-width: 767px) {
    ._contacts .hero__title {
        font-size: 1.875rem
    }
}

._about .hero__title {
    margin-bottom: 3.3125rem
}

@media (max-width: 767px) {
    ._about .hero__title {
        margin-bottom: 1.625rem;
        font-size: 1.5rem
    }
}

._project-item .hero__title {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: initial
}

@media (max-width: 767px) {
    ._project-item .hero__title {
        font-size: 1.5rem
    }
}

._reviews .hero__title {
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    ._reviews .hero__title {
        margin-bottom: 1.625rem
    }
}

.hero__video-wrapper {
    height: 30.5rem;
    border-radius: var(--border-radius-default);
    background: var(--primary-brand);
    overflow: hidden
}

@media (max-width: 767px) {
    .hero__video-wrapper {
        height: 9.875rem
    }
}

.hero__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.3125rem
}

._project-item .hero__header {
    margin-bottom: 2.9375rem
}

@media (max-width: 767px) {
    ._project-item .hero__header {
        margin-bottom: 1.5rem
    }
}

._contacts .hero__header {
    margin-bottom: 0
}

._reviews .hero__header {
    margin-bottom: 0
}

._about .hero__header {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .hero__header {
        margin-bottom: 1.6875rem;
        flex-direction: column;
        align-items: initial
    }
}

.hero iframe, .hero picture, .hero video {
    aspect-ratio: 1670/488;
    overflow: hidden;
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .hero iframe, .hero picture, .hero video {
        aspect-ratio: 328/158
    }
}

.hero video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.offer {
    display: grid;
    gap: 3.0625rem;
    align-items: flex-end;
    grid-template-columns:21.1875rem 18.875rem;
    color: var(--primary-typography);
    background: var(--primary-brand);
    border-radius: var(--border-radius-default);
    padding: 3rem 2.5rem
}

@media (max-width: 767px) {
    .offer {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 2rem;
        padding-bottom: 1.625rem;
        gap: 1.875rem
    }
}

.offer._dark {
    color: var(--white);
    background: var(--secondary-typography)
}

.offer picture {
    height: 20.4375rem
}

@media (max-width: 767px) {
    .offer picture {
        order: -1;
        width: 6.875rem;
        height: 7.4375rem
    }
}

.offer__text {
    font: var(--big-text-medium);
    padding-bottom: .6875rem
}

@media (max-width: 767px) {
    .offer__text {
        font: var(--text-medium)
    }
}

.info-delivery {
    padding: 3rem 9.0625rem;
    background: var(--suraface);
    border-radius: var(--border-radius-default);
    margin-bottom: 3.625rem;
    display: grid;
    align-items: center;
    grid-template-columns:repeat(2, 26.875rem);
    gap: 17.8125rem;
    min-height: 16.3125rem;
    box-sizing: border-box;
    color: var(--secondary-typography)
}

@media (max-width: 767px) {
    .info-delivery {
        display: flex;
        flex-direction: column;
        background: rgba(0, 0, 0, 0);
        padding: 0;
        gap: 1.5rem;
        margin-bottom: 1.875rem
    }
}

.info-delivery._assembly {
    background: rgba(0, 0, 0, 0);
    gap: 19.25rem;
    border: 1px solid var(--borders);
    min-height: 24rem;
    align-items: flex-start;
    padding: 6.375rem 9.0625rem 4.125rem;
    margin-bottom: 7.125rem
}

@media (max-width: 767px) {
    .info-delivery._assembly {
        padding: 0;
        gap: 1.5rem;
        margin-bottom: 3.125rem;
        border: 0
    }
}

.info-delivery._assembly .info-delivery__title {
    margin-top: .25rem
}

.info-delivery._designer {
    gap: 14.6875rem;
    align-items: flex-start;
    padding: 6.25rem 9.0625rem 4.375rem;
    min-height: auto;
    margin-bottom: 6.125rem
}

@media (max-width: 767px) {
    .info-delivery._designer {
        padding: 0;
        gap: 1.5rem;
        margin-bottom: 3rem;
        border: 0
    }
}

.info-delivery._designer .info-delivery__title {
    margin-top: .1875rem
}

.info-delivery__title {
    font: var(--very-big-text-bold)
}

@media (max-width: 767px) {
    .info-delivery__title {
        font: var(--average-text-bold);
        line-height: 1.5
    }
}

.info-delivery__text {
    font: var(--average-text-regular)
}

@media (max-width: 767px) {
    .info-delivery__text {
        font: var(--text-regular);
        line-height: 1.5
    }

    .info-delivery__text br {
        display: none
    }
}

.info-delivery__mark {
    position: relative
}

.info-delivery__mark span {
    position: relative
}

.info-delivery__mark::before {
    content: "";
    position: absolute;
    width: 100%;
    left: .125rem;
    bottom: -.5rem;
    height: 1.25rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20110%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M5%209.60938L105%205%22%20stroke%3D%22%23FCE127%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

@media (max-width: 767px) {
    .info-delivery__mark::before {
        display: none
    }
}

.info-delivery__mark._designer {
    position: relative
}

.info-delivery__mark._designer span {
    position: relative
}

.info-delivery__mark._designer::before {
    content: "";
    position: absolute;
    width: 100%;
    width: 6.875rem;
    height: .9375rem;
    left: 1.125rem;
    bottom: -.125rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20110%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M5%209.60938L105%205%22%20stroke%3D%22%23FCE127%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.info-delivery__mark._assembly {
    position: relative
}

.info-delivery__mark._assembly span {
    position: relative
}

.info-delivery__mark._assembly::before {
    content: "";
    position: absolute;
    width: 100%;
    width: 14.4375rem;
    height: 1rem;
    left: -.375rem;
    bottom: -.3125rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20231%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M5%2010.6094L226%205%22%20stroke%3D%22%23FCE127%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.card {
    border: 1px solid var(--borders);
    border-radius: var(--border-radius-default);
    padding: 3rem 2.5rem 2.5rem;
    text-align: center;
    min-height: 30.5625rem;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .card {
        padding: 1.9375rem 1rem 3.125rem;
        min-height: auto
    }
}

.card__icon-wrapper {
    --size: 7.875rem;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary-brand);
    margin: 0 auto;
    margin-bottom: 3.375rem
}

@media (max-width: 767px) {
    .card__icon-wrapper {
        --size: 5.875rem;
        margin-bottom: 1.5rem
    }
}

.card__icon-wrapper svg {
    --size: 3rem;
    width: var(--size);
    height: var(--size)
}

@media (max-width: 767px) {
    .card__icon-wrapper svg {
        --size: 2rem
    }
}

.card__title {
    margin-bottom: 2rem;
    font: var(--big-text-bold);
    line-height: 1.2
}

@media (max-width: 767px) {
    .card__title {
        font: var(--average-text-medium);
        margin-bottom: 1.125rem
    }
}

.card__text {
    color: var(--neutral-100);
    font: var(--neutral-text-normal)
}

@media (max-width: 767px) {
    .card__text {
        font-size: .9375rem;
        line-height: 1.3
    }
}

.button-decor {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    --size: 3.125rem;
    width: var(--size);
    height: var(--size);
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background: var(--primary-typography);
    border-radius: var(--border-radius-default);
    display: flex;
    align-items: center;
    justify-content: center
}

.button-decor__icon {
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0_3982_10517)%22%3E%0D%0A%3Cpath%20d%3D%22M32%2025.987V24.013H25.987V18H24.013V24.013H18V25.987H24.013V32H25.987V25.987H32Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24%2024H32V26.1333H26.1333V32H24V24Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26%2026H18V23.8667H23.8667V18H26V26Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0_3982_10517%22%3E%0D%0A%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(18%2018)%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

.button-decor._category {
    top: 1.3125rem;
    right: 1.5rem
}

@media (max-width: 767px) {
    .button-decor._category {
        display: none
    }
}

.button-decor._project {
    top: 5.3125rem;
    right: 2rem
}

@media (max-width: 767px) {
    .button-decor._project {
        display: none
    }
}

.button-decor._article-item {
    top: 2rem;
    right: 2rem
}

.button-decor._white {
    position: static;
    --size: 3.25rem;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 1px var(--borders)
}

@media (max-width: 767px) {
    .button-decor._white {
        display: none
    }
}

.button-decor._white:hover {
    box-shadow: initial
}

.button-decor._white .button-decor__icon {
    transform: rotate(-90deg);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

.go {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: -3.625rem;
    font: var(--text-regular-half)
}

@media (max-width: 767px) {
    .go {
        margin-top: .8125rem;
        font: var(--very-small-text-regular)
    }
}

.go:hover .button-decor {
    background: var(--primary-typography)
}

.go:hover .button-decor .button-decor__icon {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%23ffffff%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.dropdown {
    position: relative;
    z-index: 3;
    display: inline-block
}

.dropdown__trigger {
    position: relative;
    z-index: 2
}

.dropdown__list {
    display: none;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    border-radius: var(--border-radius-default);
    color: var(--secondary-typography);
    background-color: var(--white);
    width: 100%;
    max-height: 13.4375rem;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 .9375rem 1.3125rem 0 rgba(0, 0, 0, .07);
    z-index: 1
}

.dropdown__list [data-dropdown-option] {
    display: flex;
    align-items: center;
    padding: .875rem 1.25rem
}

.dropdown__list [data-dropdown-option]::after {
    content: "";
    width: .625rem;
    height: .5rem;
    margin-inline-start: auto;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%209%22%3E%0D%0A%20%20%3Cpath%20fill%3D%22%23646977%22%20fill-opacity%3D%22.3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.7447.5688A.5199.5199%200%200%201%209.1145.512a.5015.5015%200%200%201%20.3076.2046l.496.7246a.464.464%200%200%201%20.0783.3207.4732.4732%200%200%201-.156.2936l-.0015.0019-.007.0062-.0286.0255-.1127.1031a41.0917%2041.0917%200%200%200-1.8135%201.7929C6.7764%205.1445%205.4694%206.6619%204.5896%208.134c-.2454.4108-.8451.4991-1.2008.1445L.14%205.0452a.4778.4778%200%200%201-.107-.1613.4617.4617%200%200%201%20.014-.3742.482.482%200%200%201%20.1185-.1537l.982-.8484a.5128.5128%200%200%201%20.313-.123.5163.5163%200%200%201%20.3232.0957l1.6577%201.1905c2.589-2.446%204.058-3.3846%205.3034-4.102Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain;
    opacity: 0
}

.dropdown__list [data-dropdown-option]:hover {
    color: var(--neutral-100);
    background-color: var(--suraface)
}

.dropdown__list [data-dropdown-option]:hover::after {
    opacity: 1
}

.dropdown__list::-moz-scrollbar {
    width: 1.3125rem;
    background: rgba(0, 0, 0, 0)
}

.dropdown__list::-webkit-scrollbar {
    width: 1.3125rem;
    background: rgba(0, 0, 0, 0)
}

.dropdown__list::scrollbar {
    width: 1.3125rem;
    background: rgba(0, 0, 0, 0)
}

.dropdown__list::-moz-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.dropdown__list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.dropdown__list::scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.dropdown__list::-moz-scrollbar-thumb {
    border-radius: 100vmax;
    border: .5rem solid transparent;
    background-color: rgba(100, 105, 119, .3);
    background-clip: content-box
}

.dropdown__list::-webkit-scrollbar-thumb {
    border-radius: 100vmax;
    border: .5rem solid transparent;
    background-color: rgba(100, 105, 119, .3);
    background-clip: content-box
}

.dropdown__list::scrollbar-thumb {
    border-radius: 100vmax;
    border: .5rem solid transparent;
    background-color: rgba(100, 105, 119, .3);
    background-clip: content-box
}

.article-item {
    --content-max-width: 23.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.article-item:hover .button-decor {
    background-color: var(--primary-brand);
    border-radius: .625rem
}

.article-item:hover .button-decor__icon {
    transform: rotate(-90deg) translate3d(0, 0, 0);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

@media (max-width: 767px) {
    .article-item {
        gap: 1rem
    }
}

.article-item__title {
    max-width: var(--content-max-width);
    font: var(--very-big-text-bold);
    line-height: 1.2;
    outline: 0
}

.article-item__title::after {
    content: "";
    position: absolute;
    inset: 0
}

html._desktop .article-item__title:hover {
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .article-item__title {
        font-size: 1.125rem
    }
}

.article-item__desc {
    max-width: var(--content-max-width);
    color: var(--secondary-typography)
}

.article-item__date {
    max-width: var(--content-max-width);
    color: var(--neutral-100);
    font-size: .9375rem;
    line-height: 1.5
}

@media (max-width: 767px) {
    .article-item__date {
        font-size: .8125rem
    }
}

.article-item__img {
    width: 100%;
    height: auto;
    aspect-ratio: 523/370;
    will-change: transform
}

.article-item:hover html._desktop .article-item__img {
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .article-item__img {
        aspect-ratio: 328/220
    }
}

.article-item .button-decor {
    pointer-events: none
}

@media (max-width: 767px) {
    .article-item .button-decor {
        display: none
    }
}

.article-item picture {
    margin-bottom: .3125rem;
    border-radius: var(--border-radius-default);
    overflow: hidden
}

@media (max-width: 767px) {
    .article-item picture {
        margin-bottom: .5rem
    }
}

.accordion {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--borders);
    border-radius: var(--border-radius-default)
}

.accordion:hover {
    border-color: var(--suraface)
}

.accordion._opened {
    border-color: transparent;
    box-shadow: 0 .9375rem 1.3125rem 0 rgba(0, 0, 0, .07)
}

.accordion._closing {
    box-shadow: none
}

.accordion__toggle {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 4.375rem;
    padding: 0 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-align: left
}

html._desktop .accordion__toggle:hover {
    color: var(--neutral-100);
    background-color: var(--suraface)
}

.accordion._opened .accordion__toggle:hover {
    background-color: rgba(0, 0, 0, 0);
    transition: none;
    color: var(--primary-typography)
}

@media (max-width: 767px) {
    .accordion__toggle {
        line-height: 1.1
    }
}

.accordion__content {
    max-width: 85%;
    margin-top: -.625rem;
    padding: 0 1.5rem;
    padding-bottom: 2.375rem;
    visibility: hidden;
    color: var(--secondary-typography)
}

.accordion._opened .accordion__content {
    visibility: visible
}

@media (max-width: 767px) {
    .accordion__content {
        max-width: none;
        margin-top: -.5rem;
        padding-bottom: 1.75rem
    }
}

.accordion__icon {
    --size: 0.875rem;
    width: var(--size);
    height: var(--size);
    margin-left: auto
}

.accordion__icon path {
    transition: opacity .3s ease-out
}

.accordion._opened .accordion__icon path:nth-child(1) {
    opacity: 0
}

.accordion._closing .accordion__icon path:nth-child(1) {
    opacity: 1
}

.accordion._menu {
    border: 0;
    margin-bottom: .25rem
}

.accordion._menu._catalog .accordion__toggle {
    background: var(--suraface)
}

.accordion._menu .accordion__toggle {
    min-height: 3.5625rem;
    letter-spacing: -.32px;
    padding: 0 1rem
}

.accordion._menu .accordion__content {
    padding-bottom: 1.75rem
}

.accordion._menu .accordion__icon {
    --size: 1.5rem;
    transition: transform .3s ease-out
}

.accordion._menu .accordion__icon path {
    transition: initial
}

.accordion._menu._opened {
    box-shadow: initial
}

.accordion._menu._opened._catalog {
    background: var(--suraface)
}

.accordion._menu._opened .accordion__icon {
    transform: rotate(180deg)
}

.accordion._menu._opened .accordion__icon path {
    opacity: 1
}

.document-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    border: 1px solid transparent;
    border-radius: var(--border-radius-default);
    background-color: var(--suraface);
    font-size: .9375rem;
    line-height: 1.5
}

.document-link::before {
    --size: 2.5rem;
    content: "";
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    border-radius: var(--border-radius-default);
    background: var(--primary-brand) url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%0D%0A%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020H8c-3.771%200-5.657%200-6.828-1.172C0%2017.657%200%2015.771%200%2012V8c0-3.771%200-5.657%201.172-6.828C2.343%200%204.239%200%208.03%200c.606%200%201.091%200%201.5.017-.013.08-.02.161-.02.244L9.5%203.095c0%201.097%200%202.067.105%202.848.114.847.375%201.694%201.067%202.386.69.69%201.538.952%202.385%201.066.781.105%201.751.105%202.848.105h4.052c.043.534.043%201.19.043%202.063V12c0%203.771%200%205.657-1.172%206.828C17.657%2020%2015.771%2020%2012%2020Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%0D%0A%20%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.51.263%209.5%203.098c0%201.097%200%202.066.105%202.848.114.847.375%201.694%201.067%202.385.69.69%201.538.953%202.385%201.067.781.105%201.751.105%202.848.105h4.052c.013.155.022.32.028.5H20c0-.268%200-.402-.01-.56a5.322%205.322%200%200%200-.958-2.641c-.094-.128-.158-.204-.285-.357-.793-.948-1.837-2.13-2.747-2.942-.81-.724-1.921-1.515-2.89-2.162C12.278.786%2011.862.508%2011.291.3a5.49%205.49%200%200%200-.506-.153C10.401.053%2010.027.02%209.5.008l.01.255Z%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: 1.25rem
}

.document-link:hover {
    border-color: var(--primary-brand-accent);
    background-color: rgba(0, 0, 0, 0)
}

.document-link:hover::before {
    border-radius: .75rem;
    background-color: var(--primary-brand-accent)
}

.share {
    position: relative;
    display: flex;
    gap: 1rem
}

@media (max-width: 767px) {
    .share._desktop {
        display: none
    }
}

.share._mobile {
    display: none
}

@media (max-width: 767px) {
    .share._mobile {
        display: flex
    }
}

.article-slider {
    position: relative;
    overflow: visible;
    max-width: 86.5rem;
    padding: 0 1.25rem
}

@media (max-width: 767px) {
    .article-slider {
        padding: 0
    }
}

.article-slider__slides {
    cursor: grab
}

.article-slider__slides:active {
    cursor: grabbing
}

.article-slider__img {
    border-radius: var(--border-radius-default);
    width: 100%;
    height: auto;
    aspect-ratio: 1384/678
}

@media (max-width: 767px) {
    .article-slider__img {
        aspect-ratio: 328/240
    }
}

.article-slider__nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: none
}

.article-slider__nav button {
    pointer-events: all
}

@media (max-width: 767px) {
    .article-slider__nav {
        display: none
    }
}

.article-slider .swiper-pagination {
    display: none;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem
}

.article-slider .swiper-pagination .swiper-pagination-bullet {
    --size: 0.375rem;
    width: var(--size);
    height: var(--size);
    background-color: rgba(100, 105, 119, .5);
    border-radius: 50%
}

.article-slider .swiper-pagination .swiper-pagination-bullet-active {
    --size: 0.5rem;
    background-color: var(--primary-brand-accent)
}

@media (max-width: 767px) {
    .article-slider .swiper-pagination {
        display: flex
    }
}

.product-item {
    position: relative;
    display: grid;
    gap: 1rem;
    padding-bottom: .375rem
}

@media (min-width: 768px) {
    html._desktop .product-item:not(._no-hover):hover .product-item__wrapper {
        padding-top: 2.5rem;
        background-color: var(--white);
        box-shadow: 0 .9375rem 1.3125rem 0 rgba(0, 0, 0, .07)
    }

    html._desktop .product-item:not(._no-hover):hover .product-item__props {
        height: var(--scroll-height, auto);
        opacity: 1
    }

    html._desktop .product-item:not(._no-hover):hover .product-item__img {
        width: 19.625rem;
        height: 18.25rem
    }

    html._desktop .product-item:not(._no-hover):hover .product-item__labels {
        left: 1.875rem
    }

    html._desktop .product-item:not(._no-hover):hover .product-item__button._favorite {
        right: 2.75rem
    }

    html._desktop .product-item._favorite:not(._no-hover):hover .product-item__wrapper {
        padding: 2.5rem 1.4375rem;
        height: 23.375rem;
        background-color: var(--white);
        box-shadow: none
    }

    html._desktop .product-item._favorite:not(._no-hover):hover .product-item__props {
        height: auto;
        opacity: 1
    }

    html._desktop .product-item._favorite:not(._no-hover):hover .product-item__img {
        width: 19.625rem;
        height: 18.25rem
    }

    html._desktop .product-item._favorite:not(._no-hover):hover .product-item__labels {
        left: 1.875rem
    }

    html._desktop .product-item._favorite:not(._no-hover):hover .product-item__button._favorite {
        right: 1.6875rem
    }
}

@media (max-width: 767px) {
    .product-item {
        padding: 0
    }
}

.product-item__wrapper {
    display: grid;
    justify-content: center;
    padding: 3.125rem 2rem;
    border-radius: var(--border-radius-default);
    background-color: var(--suraface);
    overflow: hidden
}

.product-item._favorite .product-item__wrapper {
    box-sizing: border-box;
    height: 23.375rem
}

@media (max-width: 767px) {
    .product-item__wrapper {
        padding: 1.125rem 1.5rem
    }

    .product-item._favorite .product-item__wrapper {
        box-sizing: content-box;
        height: auto
    }
}

.product-item__props {
    display: grid;
    width: 19.75rem;
    gap: .875rem;
    color: var(--neutral-100);
    font-size: .8125rem;
    height: 0;
    opacity: 0
}

.product-item._favorite .product-item__props {
    width: auto;
    height: auto;
    padding-top: .625rem;
    opacity: 1;
    color: var(--primary-typography)
}

@media (max-width: 767px) {
    .product-item._favorite .product-item__props {
        display: none
    }
}

.product-item._favorite .product-item__props dd {
    color: var(--secondary-typography)
}

@media (max-width: 767px) {
    .product-item__props {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        z-index: -1
    }
}

.product-item__props-item {
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.product-item__img {
    width: 18.375rem;
    height: 17.125rem;
    will-change: width, height
}

@media (max-width: 767px) {
    .product-item__img {
        width: 6.625rem;
        height: 6.1875rem
    }
}

.product-item__content {
    display: grid;
    row-gap: .9375rem;
    padding: .625rem .5rem
}

.product-item._favorite .product-item__content {
    padding: .625rem 0
}

@media (max-width: 767px) {
    .product-item__content {
        row-gap: .5rem;
        padding: 0
    }

    .product-item._favorite .product-item__content {
        padding: 0
    }
}

.product-item__title {
    max-width: 50%;
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 500
}

.product-item__title a::before {
    content: "";
    position: absolute;
    inset: 0
}

.product-item._favorite .product-item__title {
    max-width: 60%
}

.product-item._favorite:hover .product-item__title {
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .product-item__title {
        max-width: none;
        font-size: .9375rem;
        line-height: 1.2
    }

    .product-item._favorite .product-item__title {
        max-width: none
    }
}

.product-item__article {
    color: var(--neutral-100);
    font-size: .875rem;
    line-height: 1
}

@media (max-width: 767px) {
    .product-item__article {
        font-size: .75rem
    }
}

.product-item__button._favorite {
    position: absolute;
    transform: translateZ(0);
    top: 1.4375rem;
    right: 2.125rem
}

.product-item._favorite .product-item__button._favorite {
    top: 1rem;
    right: 1.0625rem
}

@media (max-width: 767px) {
    .product-item__button._favorite {
        top: .375rem;
        right: .375rem
    }

    .product-item._favorite .product-item__button._favorite {
        top: .375rem;
        right: .375rem
    }
}

.product-item__labels {
    position: absolute;
    top: 1.625rem;
    left: .875rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding-right: 6.25rem
}

.product-item._favorite .product-item__labels {
    top: 1.1875rem;
    left: 1rem
}

@media (max-width: 767px) {
    .product-item__labels {
        top: .6875rem;
        left: .375rem;
        gap: .25rem;
        padding-right: 2.5rem
    }

    .product-item._favorite .product-item__labels {
        top: .6875rem;
        left: .375rem
    }
}

.product-item picture {
    display: flex;
    justify-content: center;
    align-items: center;
    mix-blend-mode: multiply
}

.input-checkbox {
    --size: 1.5rem;
    --gap: 0.5625rem;
    --tick-size: 0.625rem;
    --bg: transparent;
    --border: 1px solid var(--neutral-100);
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--gap);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.input-checkbox * {
    cursor: pointer
}

.input-checkbox._lg {
    --gap: 0.75rem
}

.input-checkbox:hover {
    --border: 1px solid var(--primary-typography)
}

.input-checkbox__box {
    box-sizing: border-box;
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    background: var(--bg);
    border: var(--border);
    border-radius: .5rem;
    background-size: var(--tick-size);
    background-repeat: no-repeat;
    background-position: center;
    transition: background ease-out .15s
}

.input-checkbox__text {
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    color: var(--neutral-100)
}

.input-checkbox__text sup {
    font-size: .6em;
    color: rgba(100, 105, 119, .5)
}

.input-checkbox._lg .input-checkbox__text {
    font-size: .9375rem;
    color: var(--primary-typography)
}

.input-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--size);
    height: var(--size);
    opacity: 0;
    pointer-events: none
}

.input-checkbox__input:checked + .input-checkbox__box {
    --bg: var(--primary-brand) url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.74475%200.068803C8.8557%200.00479391%208.98822%20-0.015568%209.1145%200.0119892C9.24079%200.0395464%209.35102%200.112881%209.42208%200.216607L9.91805%200.941231C9.98283%201.03594%2010.0106%201.14954%209.99637%201.26194C9.98216%201.37435%209.92691%201.47833%209.84039%201.55548L9.83889%201.5574L9.83188%201.56364L9.80332%201.58907L9.6906%201.69225C9.06688%202.27175%208.46207%202.86966%207.87706%203.48509C6.77641%204.64449%205.46936%206.16188%204.58964%207.63416C4.34416%208.04494%203.74449%208.13324%203.3888%207.77861L0.139954%204.54516C0.0933961%204.4988%200.0570423%204.44395%200.0330539%204.38387C0.0090655%204.32379%20-0.0020678%204.2597%200.000315672%204.19541C0.00269915%204.13113%200.0185507%204.06796%200.0469283%204.00966C0.0753059%203.95136%200.11563%203.89912%200.165504%203.85604L1.14742%203.00761C1.23371%202.93309%201.34436%202.88961%201.46042%202.88462C1.57649%202.87963%201.69075%202.91344%201.78366%202.98026L3.4414%204.17085C6.03046%201.72488%207.49932%200.786229%208.74475%200.068803Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E');
    --border: 1px solid var(--primary-brand)
}

html._desktop .input-checkbox:hover html._desktop .input-checkbox__input:not([disabled]):checked + html._desktop .input-checkbox__box {
    --bg: var(--primary-brand-accent) url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.74475%200.068803C8.8557%200.00479391%208.98822%20-0.015568%209.1145%200.0119892C9.24079%200.0395464%209.35102%200.112881%209.42208%200.216607L9.91805%200.941231C9.98283%201.03594%2010.0106%201.14954%209.99637%201.26194C9.98216%201.37435%209.92691%201.47833%209.84039%201.55548L9.83889%201.5574L9.83188%201.56364L9.80332%201.58907L9.6906%201.69225C9.06688%202.27175%208.46207%202.86966%207.87706%203.48509C6.77641%204.64449%205.46936%206.16188%204.58964%207.63416C4.34416%208.04494%203.74449%208.13324%203.3888%207.77861L0.139954%204.54516C0.0933961%204.4988%200.0570423%204.44395%200.0330539%204.38387C0.0090655%204.32379%20-0.0020678%204.2597%200.000315672%204.19541C0.00269915%204.13113%200.0185507%204.06796%200.0469283%204.00966C0.0753059%203.95136%200.11563%203.89912%200.165504%203.85604L1.14742%203.00761C1.23371%202.93309%201.34436%202.88961%201.46042%202.88462C1.57649%202.87963%201.69075%202.91344%201.78366%202.98026L3.4414%204.17085C6.03046%201.72488%207.49932%200.786229%208.74475%200.068803Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E');
    --border: 1px solid var(--primary-brand-accent)
}

.input-checkbox__input:focus-visible + .input-checkbox__box {
    --border: 1px solid var(--primary-typography)
}

.input-checkbox__input:checked:focus-visible + .input-checkbox__box {
    --bg: var(--primary-brand-accent) url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.74475%200.068803C8.8557%200.00479391%208.98822%20-0.015568%209.1145%200.0119892C9.24079%200.0395464%209.35102%200.112881%209.42208%200.216607L9.91805%200.941231C9.98283%201.03594%2010.0106%201.14954%209.99637%201.26194C9.98216%201.37435%209.92691%201.47833%209.84039%201.55548L9.83889%201.5574L9.83188%201.56364L9.80332%201.58907L9.6906%201.69225C9.06688%202.27175%208.46207%202.86966%207.87706%203.48509C6.77641%204.64449%205.46936%206.16188%204.58964%207.63416C4.34416%208.04494%203.74449%208.13324%203.3888%207.77861L0.139954%204.54516C0.0933961%204.4988%200.0570423%204.44395%200.0330539%204.38387C0.0090655%204.32379%20-0.0020678%204.2597%200.000315672%204.19541C0.00269915%204.13113%200.0185507%204.06796%200.0469283%204.00966C0.0753059%203.95136%200.11563%203.89912%200.165504%203.85604L1.14742%203.00761C1.23371%202.93309%201.34436%202.88961%201.46042%202.88462C1.57649%202.87963%201.69075%202.91344%201.78366%202.98026L3.4414%204.17085C6.03046%201.72488%207.49932%200.786229%208.74475%200.068803Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E')
}

.input-checkbox__input[disabled] ~ * {
    pointer-events: none
}

.input-checkbox__input[disabled] + .input-checkbox__box {
    --bg: var(--suraface)
}

.catalog-slider {
    position: relative;
    padding: 0 1.25rem
}

@media (max-width: 767px) {
    .catalog-slider {
        padding: 0
    }
}

.catalog-slider__nav {
    position: absolute;
    z-index: 2;
    top: 12.5rem;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: none
}

.catalog-slider__nav button {
    pointer-events: all
}

.catalog-slider__nav [disabled] + [disabled], .catalog-slider__nav [disabled]:has(+[disabled]) {
    display: none
}

@media (max-width: 767px) {
    .catalog-slider__nav {
        display: none
    }
}

.catalog-slider .swiper {
    cursor: grab
}

.catalog-slider .swiper:active {
    cursor: grabbing
}

.popups {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    background: rgba(100, 105, 119, .42);
    box-sizing: border-box
}

@media (max-width: 767px) {
    .popups {
        padding: 1rem 0
    }
}

.popups__popup {
    display: none;
    flex-direction: column;
    position: relative;
    z-index: 100;
    padding: 3.125rem 4rem;
    box-sizing: border-box;
    margin: auto;
    background-color: var(--white);
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .popups__popup {
        padding: 4.625rem 1rem;
        width: 20.5rem
    }
}

.popups__close-button {
    position: absolute;
    --position: 1.25rem;
    top: var(--position);
    right: var(--position);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    outline: 0;
    fill: var(--grayscale-500)
}

@media (max-width: 767px) {
    .popups__close-button {
        top: 1rem;
        right: .875rem
    }
}

.popups__close-icon {
    --size: 2.9375rem;
    width: var(--size);
    height: var(--size)
}

[data-popup-opener] {
    cursor: pointer
}

[data-popup=feedback-form] {
    max-width: 53.125rem;
    padding-bottom: 5.875rem
}

@media (max-width: 767px) {
    [data-popup=feedback-form] {
        padding-bottom: 3.75rem
    }
}

[data-popup=feedback-success] {
    flex-direction: column;
    justify-content: center;
    width: 51.5rem;
    min-height: 19.3125rem;
    background: var(--primary-brand)
}

@media (max-width: 767px) {
    [data-popup=feedback-success] {
        width: 20.5rem
    }
}

[data-popup=survey] {
    width: 63.875rem;
    height: 41.625rem
}

@media (max-width: 767px) {
    [data-popup=survey] {
        width: 20.5rem;
        height: auto;
        padding-bottom: 3.75rem
    }
}

.textarea {
    display: flex;
    flex-direction: column
}

.textarea:focus-within .textarea__input {
    background-color: var(--background-blue);
    border-color: var(--primary-light-blue)
}

._fields-suraface .textarea .textarea__input {
    background: var(--suraface)
}

.textarea__label {
    font: var(--text-regular);
    color: var(--neutral-100)
}

.textarea__input {
    height: 9.625rem;
    padding: 1.5rem 1.25rem;
    font: var(--text-medium);
    color: var(--secondary-typography);
    border: 0;
    outline: 0;
    box-sizing: border-box;
    resize: none;
    border: 1px solid transparent;
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .textarea__input {
        font: var(--very-small-text-regular);
        line-height: 1
    }
}

.textarea__input:focus {
    background: rgba(0, 0, 0, 0);
    border-color: var(--secondary-typography)
}

.textarea__input::-moz-placeholder {
    color: var(--neutral-100)
}

.textarea__input::placeholder {
    color: var(--neutral-100)
}

.radio {
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.radio__label {
    position: relative;
    display: flex;
    gap: .5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.radio__label-text {
    color: var(--secondary-typography);
    line-height: normal
}

.radio__box {
    --size: 1.5rem;
    position: relative;
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--neutral-100);
    border-radius: 50%;
    box-sizing: border-box;
    top: -.1875rem
}

.radio__box::after {
    --size: 0.375rem;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: var(--size);
    height: var(--size);
    background-color: var(--secondary-typography);
    border-radius: 50%;
    display: none
}

.radio__input:checked + .radio__label .radio__box {
    background: var(--primary-brand);
    border-color: transparent
}

.radio__input:checked + .radio__label .radio__box::after {
    display: block
}

.radio__explanation {
    display: inline-block;
    margin-top: .25rem;
    color: var(--grayscale-500)
}

.radio__explanation._hide {
    display: none
}

.search-item {
    position: relative;
    padding: 1rem 1.5rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    border-bottom: 1px solid var(--borders)
}

@media (max-width: 767px) {
    .search-item {
        padding: 1rem
    }
}

html._desktop .search-item:hover {
    background: var(--suraface)
}

.search-item:last-child {
    border: 0
}

.search-item__pic-wrapper {
    width: 5rem;
    height: 4.375rem;
    background: var(--suraface);
    border-radius: var(--border-radius-default);
    padding: .625rem .75rem;
    flex-shrink: 0;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .search-item__pic-wrapper {
        --size: 4rem;
        width: var(--size);
        height: var(--size)
    }
}

.search-item__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.search-item picture {
    mix-blend-mode: multiply
}

.search-item .breadcrumbs {
    padding: 0
}

@media (max-width: 767px) {
    .search-item .breadcrumbs {
        width: auto;
        flex-wrap: wrap
    }
}

.search-item .breadcrumbs__item:last-child .breadcrumbs__link {
    color: var(--neutral-100);
    font-weight: 400
}

@media (max-width: 767px) {
    .search-item .breadcrumbs__item {
        padding-block: 0
    }
}

.search-item._big {
    padding: 1.375rem 0 1.5rem;
    justify-content: space-between
}

html._desktop .search-item._big:hover {
    background: rgba(0, 0, 0, 0)
}

@media (max-width: 767px) {
    .search-item._big {
        padding: 1.375rem 0 1.5rem;
        gap: 2.5rem
    }
}

.search-item._big .search-item__pic-wrapper {
    --size: 5.625rem;
    width: var(--size);
    height: var(--size);
    order: 1
}

@media (max-width: 767px) {
    .search-item._big .search-item__pic-wrapper {
        --size: 4rem;
        border-radius: .5rem
    }
}

.search-item._big .search-item__title {
    font: var(--very-big-text-medium);
    line-height: 1.3;
    margin-bottom: .375rem
}

.search-item._big .search-item__title br {
    display: none
}

@media (max-width: 767px) {
    .search-item._big .search-item__title {
        font-size: 1rem;
        line-height: 1.3
    }

    .search-item._big .search-item__title br {
        display: block
    }
}

.search-item._big .breadcrumbs__link {
    font-size: .8125rem;
    line-height: 1.3
}

.search-item._category {
    padding: .4375rem 2rem;
    border: 1px solid var(--borders);
    border-radius: var(--border-radius-default);
    margin-bottom: 1.5rem;
    gap: 2.5rem
}

@media (max-width: 767px) {
    .search-item._category {
        padding: .875rem 1rem;
        gap: 1.375rem;
        margin-bottom: 1rem
    }
}

.search-item._category:last-child {
    margin-bottom: 0
}

.search-item._category .search-item__pic-wrapper {
    width: 7.25rem;
    height: 6.5625rem;
    background: rgba(0, 0, 0, 0)
}

@media (max-width: 767px) {
    .search-item._category .search-item__pic-wrapper {
        width: 4.5rem;
        height: 4.0625rem
    }
}

.search-item._category .search-item__title {
    font: var(--average-text-medium)
}

@media (max-width: 767px) {
    .search-item._category .search-item__title {
        font: var(--text-medium);
        line-height: 1.2
    }
}

.contact-card {
    position: relative;
    padding: 2.875rem 2.5rem;
    height: 15.625rem;
    width: 31.3125rem;
    border-radius: var(--border-radius-default);
    background: var(--white);
    box-sizing: border-box
}

@media (max-width: 767px) {
    .contact-card {
        padding-top: 1.25rem;
        width: 20.5rem;
        height: 10rem
    }
}

.contact-card__title {
    color: var(--neutral-100);
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -.01em;
    margin-bottom: 2.375rem
}

@media (max-width: 767px) {
    .contact-card__title {
        margin-bottom: 1.6875rem;
        letter-spacing: -.05em
    }
}

.contact-card__text {
    color: var(--neutral-100);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.765;
    letter-spacing: -.02em
}

@media (max-width: 767px) {
    .contact-card__text {
        font-size: 1.125rem;
        letter-spacing: 0
    }
}

.contact-card__text-bold {
    display: block;
    margin-bottom: .5rem;
    max-width: 13.125rem;
    font: var(--big-text-medium);
    letter-spacing: -.02em
}

@media (max-width: 767px) {
    .contact-card__text-bold {
        margin-bottom: .375rem;
        font-size: 1.125rem;
        letter-spacing: -.01em
    }
}

.contact-card svg {
    --size: 3.5rem;
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    width: var(--size);
    height: var(--size);
    fill: none
}

@media (max-width: 767px) {
    .contact-card svg {
        --size: 3rem;
        top: 1rem;
        right: 1rem
    }
}

.review-card {
    padding: 5.75rem 5.625rem 5rem;
    width: 50.625rem;
    border-radius: var(--border-radius-default);
    background: var(--suraface-bg-contacts);
    box-sizing: border-box;
    transition: all .3s ease-out
}

@media (max-width: 767px) {
    .review-card {
        width: 20.375rem;
        padding: 2.1875rem 1rem 1.875rem
    }
}

.review-card._open {
    background: var(--primary-brand)
}

.review-card._open .review-card__arrow {
    transform: rotate(90deg)
}

.review-card._img {
    padding-top: 5rem
}

.review-card._img .review-card__header {
    margin-bottom: 2rem
}

@media (max-width: 767px) {
    .review-card._img {
        padding: 2.3125rem 1rem 2.0625rem
    }
}

.review-card__header {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2.625rem
}

@media (max-width: 767px) {
    .review-card__header {
        margin-bottom: 2.25rem;
        gap: .9375rem
    }
}

.review-card__name {
    color: var(--primary-typography);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.01em
}

.review-card__position {
    margin-top: .625rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: var(--suraface-review)
}

@media (max-width: 767px) {
    .review-card__position {
        margin-top: .5rem;
        font-size: .8125rem
    }
}

.review-card__text {
    display: -webkit-box;
    margin-bottom: 2rem;
    max-height: 9.6875rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s ease-out;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.52;
    letter-spacing: -.01em;
    color: var(--secondary-typography)
}

.review-card__text._close {
    -webkit-line-clamp: 6
}

.review-card__text._open {
    -webkit-line-clamp: none
}

@media (max-width: 767px) {
    .review-card__text {
        font-size: 1rem
    }
}

.review-card__img {
    --size: 4.5rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .review-card__img {
        --size: 3.5rem
    }
}

.review-card__ref {
    display: block;
    margin-bottom: 2rem;
    color: var(--black)
}

@media (max-width: 767px) {
    .review-card__ref {
        margin-bottom: 1.125rem
    }
}

.review-card__btn {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--black);
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -.01em
}

.review-card__arrow {
    position: relative;
    top: .0625rem;
    --size: 0.625rem;
    width: var(--size);
    height: var(--size);
    transform: rotate(-90deg);
    transition: all .3s ease-out
}

.product-label {
    position: relative;
    display: flex;
    flex-shrink: 0;
    gap: .625rem;
    align-items: center;
    box-sizing: border-box;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.375rem;
    border: 1px solid var(--neutral-100);
    border-radius: 100vmax;
    font: var(--small-text-regular-normal)
}

.product-label._hit, .product-label._new {
    padding: 0 1.25rem;
    text-transform: lowercase
}

.product-label._hit {
    background-color: var(--primary-brand);
    border-color: var(--primary-brand)
}

.product-label._available::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.74475%200.068803C8.8557%200.00479391%208.98822%20-0.015568%209.1145%200.0119892C9.24079%200.0395464%209.35102%200.112881%209.42208%200.216607L9.91805%200.941231C9.98283%201.03594%2010.0106%201.14954%209.99637%201.26194C9.98216%201.37435%209.92691%201.47833%209.84039%201.55548L9.83889%201.5574L9.83188%201.56364L9.80332%201.58907L9.6906%201.69225C9.06688%202.27175%208.46207%202.86966%207.87706%203.48509C6.77641%204.64449%205.46936%206.16188%204.58964%207.63416C4.34416%208.04494%203.74449%208.13324%203.3888%207.77861L0.139954%204.54516C0.0933961%204.4988%200.0570423%204.44395%200.0330539%204.38387C0.0090655%204.32379%20-0.0020678%204.2597%200.000315672%204.19541C0.00269915%204.13113%200.0185507%204.06796%200.0469283%204.00966C0.0753059%203.95136%200.11563%203.89912%200.165504%203.85604L1.14742%203.00761C1.23371%202.93309%201.34436%202.88961%201.46042%202.88462C1.57649%202.87963%201.69075%202.91344%201.78366%202.98026L3.4414%204.17085C6.03046%201.72488%207.49932%200.786229%208.74475%200.068803Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: .625rem
}

.product-label._inclusive::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2215%22%20height%3D%2219%22%20viewBox%3D%220%200%2015%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.1042%203.44271C4.0613%203.44271%204.83718%202.67204%204.83718%201.72136C4.83718%200.770678%204.0613%200%203.1042%200C2.14709%200%201.37121%200.770678%201.37121%201.72136C1.37121%202.67204%202.14709%203.44271%203.1042%203.44271ZM3.50978%203.85924C4.03437%203.7179%204.57498%204.02573%204.71727%204.54679L5.01067%205.53529L7.49229%204.26273C7.97527%204.01507%208.56892%204.20319%208.81826%204.68293C9.0676%205.16266%208.87821%205.75233%208.39523%206L5.53774%207.46531L5.8988%208.87333L8.39523%208.26008C9.07526%208.09303%209.7932%208.29783%2010.2806%208.79667L12.9832%2011.563L13.7412%2011.3444C14.2632%2011.1939%2014.8092%2011.4921%2014.9607%2012.0106C15.1123%2012.5291%2014.812%2013.0714%2014.29%2013.222L13.3589%2013.4905C12.7651%2013.6617%2012.1253%2013.4923%2011.6957%2013.0526L8.86801%2010.1582L6.20889%2010.8112C5.26061%2011.0441%204.29866%2010.4821%204.04293%209.54561L2.81759%205.05863C2.6753%204.53757%202.9852%204.00058%203.50978%203.85924ZM3.03114%208.96602C3.43718%209.34236%203.4592%209.9744%203.08031%2010.3777C2.16449%2011.3526%201.77149%2012.7617%202.16136%2014.1344C2.75537%2016.2259%204.94385%2017.4431%207.04948%2016.8531C8.30416%2016.5015%209.24663%2015.5885%209.67824%2014.4613C9.87566%2013.9457%2010.4565%2013.6867%2010.9756%2013.8828C11.4947%2014.0789%2011.7554%2014.6558%2011.558%2015.1714C10.9098%2016.8643%209.48883%2018.2451%207.59551%2018.7756C4.4209%2019.6652%201.12136%2017.8301%200.225791%2014.6768C-0.362813%2012.6043%200.234396%2010.4791%201.60991%209.01487C1.98879%208.61156%202.6251%208.58969%203.03114%208.96602Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: .9375rem
}

.product-label._available, .product-label._inclusive {
    padding: .1875rem;
    padding-right: 1rem;
    border-color: var(--primary-brand);
    font-size: .8125rem
}

.product-label._available::before, .product-label._inclusive::before {
    --size: 1.875rem;
    content: "";
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--primary-brand)
}

.product-label._inclusive._short {
    padding: 0 .5rem;
    background-color: var(--primary-brand)
}

.product-label._inclusive._short span {
    display: none
}

@media (max-width: 767px) {
    .product-label {
        height: 1.375rem;
        font-size: .6875rem
    }

    .product-label._hit, .product-label._new {
        padding: 0 .4375rem;
        padding-bottom: .125rem
    }

    .product-label._available::before {
        background-size: .4375rem
    }

    .product-label._inclusive::before {
        background-size: .5625rem
    }

    .product-label._available, .product-label._inclusive {
        padding: 0;
        width: 1.375rem;
        background-color: var(--primary-brand)
    }

    .product-label._available::before, .product-label._inclusive::before {
        width: 100%;
        height: 100%
    }

    .product-label._available span, .product-label._inclusive span {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        z-index: -1
    }
}

.about-card {
    padding: 4.875rem 5rem 5.625rem;
    width: 26.75rem;
    min-height: 29rem;
    border-radius: var(--border-radius-default);
    background: var(--primary-brand);
    text-align: center;
    color: var(--secondary-typography);
    box-sizing: border-box
}

@media (max-width: 767px) {
    .about-card {
        padding: 1.5rem 1.625rem;
        width: 14.875rem;
        min-height: 20.1875rem
    }

    .about-card:nth-last-of-type(1) {
        margin-right: 4.375rem
    }
}

.about-card__number {
    font-size: 7.5rem;
    line-height: 1.2;
    letter-spacing: -.07em;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .about-card__number {
        font-size: 5rem;
        margin-bottom: .6875rem
    }
}

.about-card__unit {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.3;
    text-transform: lowercase;
    margin-bottom: 1.5625rem
}

@media (max-width: 767px) {
    .about-card__unit {
        font-size: 1.25rem;
        margin-bottom: 1.75rem
    }
}

.about-card__text {
    font-size: 1.0625rem;
    line-height: 1.5
}

@media (max-width: 767px) {
    .about-card__text {
        font-size: 1rem
    }
}

.profile-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 28.8125rem;
    min-height: 42.8125rem;
    padding-bottom: 1.6875rem
}

@media (max-width: 767px) {
    .profile-card {
        display: block;
        width: auto;
        min-height: auto;
        padding-bottom: 1rem
    }
}

.profile-card__name {
    margin-bottom: .6875rem;
    color: var(--black);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1
}

@media (max-width: 767px) {
    .profile-card__name {
        font-size: 1.125rem;
        line-height: 1.2
    }
}

.profile-card__position {
    margin-bottom: .9375rem;
    color: var(--secondary-typography);
    line-height: 1.1
}

@media (max-width: 767px) {
    .profile-card__position {
        font-size: .8125rem;
        margin-bottom: .3125rem
    }
}

.profile-card__mail {
    width: -moz-fit-content;
    width: fit-content;
    color: var(--secondary-typography);
    font-size: .9375rem;
    line-height: 1.1
}

@media (max-width: 767px) {
    .profile-card__mail {
        font-size: .75rem
    }
}

.profile-card__img {
    aspect-ratio: 461/570;
    border-radius: var(--border-radius-default)
}

.profile-card__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 1.75rem
}

.profile-card__wrapper:hover picture:nth-of-type(1) {
    opacity: 0
}

@media (max-width: 767px) {
    .profile-card__wrapper:hover picture:nth-of-type(1) {
        opacity: 1
    }
}

.profile-card__wrapper:hover picture:nth-of-type(2) {
    opacity: 1
}

.profile-card__wrapper:hover ~ a, .profile-card__wrapper:hover ~ p:nth-of-type(2) {
    color: var(--black)
}

@media (max-width: 767px) {
    .profile-card__wrapper:hover ~ a, .profile-card__wrapper:hover ~ p:nth-of-type(2) {
        color: var(--secondary-typography)
    }
}

@media (max-width: 767px) {
    .profile-card__wrapper {
        height: auto
    }
}

.profile-card picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .3s ease-out
}

.profile-card picture:nth-of-type(1) {
    z-index: 2
}

.profile-card picture:nth-of-type(2) {
    z-index: 1;
    opacity: 0
}

@media (max-width: 767px) {
    .profile-card picture {
        position: relative;
        margin-bottom: .875rem
    }

    .profile-card picture:nth-of-type(2) {
        display: none
    }
}

.faq-item {
    --icon-size: 4.125rem;
    position: relative;
    display: grid;
    grid-auto-rows: min-content;
    box-sizing: border-box;
    height: 24rem;
    padding: 3rem 2.5rem;
    padding-bottom: 6rem;
    border: 1px solid var(--borders);
    border-radius: var(--border-radius-default);
    color: var(--primary-typography);
    background-color: var(--white);
    overflow: hidden
}

.faq-item::before {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    background: var(--primary-brand-accent) url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2028%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20fill%3D%22none%22%3E%0D%0A%09%3Cpath%20d%3D%22M19.9205%2025.6039H4.52837C4.26832%2025.6039%204.0185%2025.7052%203.83189%2025.8863L1.69821%2027.9573C1.06407%2028.5728%200.00173759%2028.1234%200.00173759%2027.2397V15.6041C0.00173759%2014.1375%201.23808%2012.9375%202.74916%2012.9375H19.9205C21.4316%2012.9375%2022.668%2014.1375%2022.668%2015.6041V22.9373C22.668%2024.4039%2021.4316%2025.6039%2019.9205%2025.6039Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M8.08119%2015.4557H23.4627C23.7291%2015.4557%2023.9844%2015.562%2024.1722%2015.7509L26.2906%2017.8832C26.9196%2018.5164%2028%2018.0709%2028%2017.1784V3.70288C28%202.18192%2026.7637%200.9375%2025.2526%200.9375H8.08119C6.57011%200.9375%205.33377%202.18192%205.33377%203.70288V12.6904C5.33377%2014.2113%206.57011%2015.4557%208.08119%2015.4557Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: 1.75rem;
    transition: opacity .3s ease-out
}

@media (min-width: 768px) {
    .faq-item:hover {
        padding-bottom: .75rem;
        color: var(--white);
        background-color: var(--secondary-typography)
    }

    .faq-item:hover::before {
        opacity: 0
    }
}

@media (max-width: 767px) {
    .faq-item {
        height: auto;
        padding: 0;
        border: 0;
        overflow: visible
    }

    .faq-item::before {
        content: none
    }
}

.faq-item__container {
    display: grid;
    gap: 2rem;
    margin-top: 7.5rem;
    transition: margin .3s ease-out
}

@media (min-width: 768px) {
    .faq-item:hover .faq-item__container {
        margin-top: calc(.875rem - var(--icon-size))
    }
}

@media (max-width: 767px) {
    .faq-item__container {
        gap: 1rem;
        margin-top: 0
    }
}

.faq-item__text-wrapper {
    display: grid;
    gap: 2rem;
    opacity: 0;
    transition: opacity .3s ease-out
}

@media (min-width: 768px) {
    .faq-item:hover .faq-item__text-wrapper {
        opacity: 1
    }
}

@media (max-width: 767px) {
    .faq-item__text-wrapper {
        gap: 1.25rem;
        padding: 1.875rem 1rem;
        padding-bottom: 1.5rem;
        border-radius: var(--border-radius-default);
        color: var(--white);
        background-color: var(--secondary-typography);
        opacity: 1
    }
}

.faq-item__title {
    max-width: 90%;
    font-size: 1.3125rem;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -.01em
}

@media (max-width: 767px) {
    .faq-item__title {
        font-size: 1.25rem
    }
}

.faq-item__text {
    font-size: 1.0625rem;
    line-height: 1.5
}

@media (max-width: 767px) {
    .faq-item__text {
        font-size: 1rem
    }
}

.faq-item__link[href] {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    line-height: 1.586;
    font-weight: 500;
    letter-spacing: -.02em;
    color: var(--primary-brand)
}

@media (min-width: 768px) {
    .faq-item__link[href]:hover {
        color: var(--primary-brand-accent)
    }
}

.material-gallery {
    position: relative;
    width: 44.8125rem
}

@media (max-width: 767px) {
    .material-gallery {
        width: 100%
    }
}

.material-gallery__slide {
    box-sizing: border-box;
    --size: 26.875rem;
    padding: 3.125rem 9rem
}

.material-gallery__slide picture {
    width: var(--size);
    height: var(--size)
}

.material-gallery__slide [data-fancybox] {
    cursor: grab
}

.material-gallery__slide [data-fancybox]::after {
    content: "";
    position: absolute;
    inset: 0
}

.material-gallery__slide [data-fancybox]:active {
    cursor: grabbing
}

html._desktop .material-gallery__slide:hover img {
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .material-gallery__slide {
        --size: 16.625rem;
        width: 20.5rem;
        padding: 3.875rem 1.875rem;
        padding-bottom: 0
    }
}

.material-gallery__slide-icon {
    --size: 3.375rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--size);
    height: var(--size);
    border-radius: var(--border-radius-default);
    background-color: var(--primary-brand);
    background-size: var(--size);
    cursor: pointer
}

html._desktop .material-gallery__slide-icon:hover {
    border-radius: var(--border-radius-small);
    background-color: var(--primary-brand-accent)
}

@media (max-width: 767px) {
    .material-gallery__slide-icon {
        display: none
    }
}

.material-gallery__thumbs {
    display: grid;
    grid-template-columns:repeat(9, min-content);
    grid-auto-rows: min-content;
    gap: .25rem;
    margin-top: 3.5rem
}

@media (max-width: 767px) {
    .material-gallery__thumbs {
        grid-template-columns:repeat(4, min-content);
        gap: .5rem .875rem;
        margin-top: 1.875rem
    }
}

.material-gallery__thumb {
    --size: 4.5rem;
    cursor: pointer;
    outline: 1px solid transparent;
    outline-offset: -1px;
    border-radius: .75rem;
    transition: all .3s ease-out
}

.material-gallery__thumb picture {
    box-sizing: border-box;
    width: var(--size);
    height: var(--size);
    border-radius: 2rem;
    overflow: hidden;
    transition: all .3s ease-out
}

.material-gallery__thumb._active {
    outline-color: rgba(100, 105, 119, .5);
    border-radius: .75rem
}

.material-gallery__thumb._active picture {
    border-radius: .75rem
}

html._desktop .material-gallery__thumb:hover {
    outline-color: rgba(100, 105, 119, .5);
    border-radius: .75rem
}

html._desktop .material-gallery__thumb:hover picture {
    border-radius: .75rem
}

.material-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9.375rem;
    padding: 3.5rem;
    padding-bottom: 4rem
}

@media (max-width: 767px) {
    .material-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        gap: 2.875rem
    }
}

.material-item__info {
    max-width: 40.875rem;
    padding-top: .5rem
}

@media (max-width: 767px) {
    .material-item__info {
        padding-top: 0
    }
}

.material-item__gallery {
    position: sticky;
    top: 0;
    align-self: flex-start
}

@media (max-width: 767px) {
    .material-item__gallery {
        position: static;
        width: 100%
    }
}

.material-item__title {
    margin-bottom: 2rem;
    font-size: 1.875rem;
    line-height: 1.2;
    font-weight: 500
}

@media (max-width: 767px) {
    .material-item__title {
        margin-bottom: 1.5rem;
        font-size: 1.25rem
    }
}

.material-item__desc {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .material-item__desc {
        font-size: 1rem
    }
}

.material-item__text {
    margin-top: 2.4375rem;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--secondary-typography)
}

@media (max-width: 767px) {
    .material-item__text {
        margin-top: 1.25rem;
        line-height: 1.3
    }
}

.material-item__desc * + *, .material-item__text * + * {
    margin-top: 2.4375rem
}

.material-item__desc p + ul, .material-item__desc ul + p, .material-item__text p + ul, .material-item__text ul + p {
    margin-top: 1.5rem
}

.material-item__desc ul:not([class]) li, .material-item__text ul:not([class]) li {
    position: relative;
    padding-left: 2.5rem
}

.material-item__desc ul:not([class]) li::before, .material-item__text ul:not([class]) li::before {
    --size: 1.5rem;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%204L14.1607%209.83927L20%2012L14.1607%2014.1607L12%2020L9.83927%2014.1607L4%2012L9.83927%209.83927L12%204Z%22%20fill%3D%22%232c2d33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain
}

.material-item__desc ul:not([class]) li + li, .material-item__text ul:not([class]) li + li {
    margin-top: 1.5rem
}

.material-item__desc span, .material-item__text span {
    color: var(--neutral-100)
}

.material-item__desc b, .material-item__text b {
    font-weight: 500;
    color: var(--primary-typography)
}

@media (max-width: 767px) {
    .material-item__desc * + *, .material-item__text * + * {
        margin-top: 1.25rem
    }

    .material-item__desc p + ul, .material-item__desc ul + p, .material-item__text p + ul, .material-item__text ul + p {
        margin-top: 1.75rem
    }

    .material-item__desc ul:not([class]), .material-item__text ul:not([class]) {
        line-height: 1.5
    }

    .material-item__desc ul:not([class]) li, .material-item__text ul:not([class]) li {
        padding-left: 2.375rem
    }
}

.all-catalog-category {
    position: relative;
    padding: .75rem .875rem;
    border: 1px solid var(--borders);
    border-radius: 1.375rem;
    display: flex;
    align-items: center;
    gap: 1.6875rem;
    box-sizing: border-box;
    cursor: pointer
}

.all-catalog-category::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
    width: .625rem;
    height: .625rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.31348%206.5L1.65662%2012.1569L0.148128%2010.6484L4.29649%206.5L0.148128%202.35164L1.65662%200.843146L7.31348%206.5Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain
}

.all-catalog-category._active {
    background: var(--suraface);
    border-color: transparent
}

@media (max-width: 767px) {
    .all-catalog-category {
        width: 100%;
        padding: 1.375rem 1.5rem 1.3125rem;
        border-radius: var(--border-radius-default)
    }
}

.all-catalog-category picture {
    width: 5rem;
    height: 4.5rem;
    background: var(--suraface);
    overflow: hidden;
    border-radius: var(--border-radius-default);
    padding: .4375rem .5rem;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .all-catalog-category picture {
        display: none
    }
}

.all-catalog-category__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.all-catalog-category__pic {
    mix-blend-mode: multiply
}

.all-catalog-category__title {
    font: var(--very-big-text-medium);
    letter-spacing: -.5px
}

@media (max-width: 767px) {
    .all-catalog-category__title {
        font: var(--text-medium)
    }
}

.header {
    --container-max-width: 112.5rem;
    --container-padding: 3.75rem;
    width: min(var(--container-max-width), 100% - var(--container-padding) * 2);
    margin: 0 auto;
    position: sticky;
    z-index: 6;
    height: 5.625rem;
    top: 0;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-default);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: var(--white);
    padding: 1rem 2rem;
    box-sizing: border-box;
    transition: top .3s ease-out
}

@media (max-width: 1280px) {
    .header {
        --container-padding: 1.25rem
    }
}

@media (max-width: 767px) {
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 1rem;
        height: 5rem;
        z-index: 6
    }
}

.header._show {
    top: -5rem;
    transition: top .3s ease-out
}

.header__box {
    margin-left: auto
}

.header__box._hide {
    display: none
}

@media (max-width: 767px) {
    .header._hide {
        display: none
    }
}

.header__logo {
    position: relative;
    top: .1875rem
}

.header__logo svg {
    width: 9.625rem;
    height: 3.875rem
}

@media (max-width: 767px) {
    .header__logo svg {
        width: 7.4375rem;
        height: 2.8125rem
    }
}

@media (max-width: 767px) {
    .header__logo {
        top: .0625rem
    }

    .header__logo._hide {
        display: none
    }
}

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

@media (max-width: 767px) {
    .header__nav {
        display: none
    }
}

.header__btn-search {
    --size: 3.25rem;
    width: var(--size);
    height: var(--size);
    margin: 0 2rem;
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

html._desktop .header__btn-search:hover {
    background: rgba(0, 0, 0, 0)
}

.header__btn-search svg {
    --size: 3.25rem;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    flex-grow: 1
}

.header__btn-menu {
    display: none
}

._menu-opened .header__btn-menu {
    display: none
}

@media (max-width: 767px) {
    .header__btn-menu {
        display: block
    }
}

.header__btn-menu-close {
    display: none
}

._menu-opened .header__btn-menu-close {
    display: block
}

.header__btn-favorite {
    --size: 3.25rem;
    position: relative;
    width: var(--size);
    height: var(--size);
    border-radius: var(--border-radius-default);
    background: var(--suraface);
    margin-right: 1rem;
    padding: .875rem 1rem
}

.header__btn-favorite svg {
    --size: 3.25rem;
    width: var(--size);
    height: var(--size);
    stroke: var(--primary-typography);
    flex-shrink: 0;
    flex-grow: 1
}

.header__btn-favorite span {
    --size: 1.5rem;
    position: absolute;
    top: -.875rem;
    right: 1px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: var(--size);
    height: var(--size);
    padding: 0 .375rem;
    border-radius: 100vmax;
    color: var(--black);
    background-color: var(--primary-brand);
    font-size: .6875rem;
    line-height: 1;
    font-weight: 500
}

html._desktop .header__btn-favorite:hover svg {
    stroke: var(--white)
}

.header__btn-catalog svg {
    --size: 1.5rem;
    width: var(--size);
    height: var(--size)
}

.menu {
    display: flex;
    gap: 2rem
}

.menu__item {
    position: relative
}

html._desktop .menu__item:hover .menu__link {
    color: var(--neutral-100)
}

html._desktop .menu__item:hover .menu__submenu {
    opacity: 1;
    pointer-events: all
}

.menu__link {
    font: var(--average-text-medium);
    line-height: 1.11;
    color: var(--primary-typography);
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 3.125rem
}

.submenu {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    position: absolute;
    z-index: 2;
    top: 3.125rem;
    left: -1.875rem;
    padding: 2rem;
    background: var(--primary-brand);
    border-radius: var(--border-radius-default);
    min-width: 12.3125rem;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none
}

.submenu__link {
    font-size: .9375rem;
    line-height: 1.58;
    letter-spacing: -.3px
}

html._desktop .submenu__link:hover {
    color: var(--about-grey)
}

.hero-main {
    --bg-width: calc(1157 / 1920 * 100%);
    position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    background: var(--suraface);
    margin: 0 auto;
    margin-top: -5.625rem;
    padding-top: .875rem;
    border-radius: var(--border-radius-default);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
    margin-bottom: 7.5rem
}

@media (max-width: 767px) {
    .hero-main {
        flex-direction: column;
        height: auto;
        border-radius: 0;
        margin-bottom: 2.9375rem;
        margin-top: 0;
        padding-top: 11.5625rem
    }
}

.hero-main__title {
    margin-bottom: 2.5rem;
    font-size: 3.75rem;
    line-height: .9;
    font-weight: 500;
    letter-spacing: -.03em
}

@media (max-width: 767px) {
    .hero-main__title {
        margin-bottom: 3.5rem;
        font-size: 2.125rem
    }
}

.hero-main__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

@media (max-width: 767px) {
    .hero-main__buttons {
        flex-direction: column;
        gap: 1rem
    }
}

.hero-main__btn {
    min-width: 14.125rem
}

.hero-main__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - var(--bg-width) - var(--container-padding) * 2);
    margin-left: 7.8125rem
}

@media (max-width: 767px) {
    .hero-main__content {
        --container-padding: 1rem;
        width: min(var(--container-max-width), 100% - var(--container-padding) * 2);
        margin-inline: var(--container-padding)
    }
}

.hero-main__bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.hero-main__bg > * {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .hero-main__bg {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 359/310;
        margin-top: -4.5rem
    }
}

.hero-main__video {
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity .6s ease-out
}

@media (max-width: 767px) {
    .hero-main__video {
        display: none
    }
}

.hero-main__slider {
    display: none
}

@media (max-width: 767px) {
    .hero-main__slider {
        z-index: 2;
        display: block
    }
}

.hero-main__img {
    width: 100%;
    height: auto;
    aspect-ratio: 359/310
}

.categories {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 7.5rem
}

.categories:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .categories {
        gap: 2.5625rem 1.25rem;
        margin-bottom: 3.375rem
    }
}

.brands {
    margin-bottom: 11rem
}

@media (max-width: 767px) {
    .brands {
        margin-bottom: 4rem;
        overflow-y: hidden;
        overflow-x: auto
    }

    .brands::-moz-scrollbar {
        height: 0
    }

    .brands::-webkit-scrollbar {
        height: 0
    }

    .brands::scrollbar {
        height: 0
    }
}

@media (max-width: 767px) {
    .brands__inner {
        width: 62.5rem;
        position: relative;
        touch-action: initial
    }

    .brands__inner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        z-index: 2
    }
}

.brands__items {
    --rows: 10.125rem;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-template-rows:repeat(2, var(--rows))
}

@media (max-width: 767px) {
    .brands__items {
        --rows: 6.0625rem;
        grid-template-columns:repeat(5, 12.5rem)
    }
}

.brands__slider-slide {
    background: var(--white)
}

.projects {
    margin-bottom: 7.5rem
}

@media (max-width: 767px) {
    .projects {
        margin-bottom: 4.25rem
    }
}

.projects__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6rem
}

@media (max-width: 767px) {
    .projects__header {
        margin-bottom: 2.125rem
    }
}

.projects__slider-wrapper {
    display: block;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

@media (max-width: 767px) {
    .projects__slider-wrapper {
        display: flex;
        gap: 0;
        -moz-column-count: initial;
        column-count: initial
    }
}

.projects__slider-slide {
    display: inline-block;
    width: 100%;
    margin-bottom: 4rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.projects__slider-slide picture {
    height: 29.375rem
}

@media (max-width: 767px) {
    .projects__slider-slide picture {
        height: auto
    }
}

.projects__slider-slide ._big picture {
    height: 47.375rem
}

@media (max-width: 767px) {
    .projects__slider-slide ._big picture {
        height: auto
    }
}

@media (max-width: 767px) {
    .projects__slider-slide {
        margin-bottom: 0
    }
}

.projects__title {
    letter-spacing: -.5px
}

@media (max-width: 767px) {
    .projects__title {
        font-size: 1.875rem;
        letter-spacing: -.3px
    }
}

.advantages {
    margin-bottom: 7.375rem
}

@media (max-width: 767px) {
    .advantages {
        margin-bottom: 2.5rem
    }
}

.advantages__slider-wrapper {
    display: grid;
    gap: 3rem 3.125rem;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 767px) {
    .advantages__slider-wrapper {
        display: flex;
        gap: 0
    }
}

@media (max-width: 767px) {
    .advantages__slider-slide {
        display: flex;
        height: auto
    }
}

.selection {
    margin-bottom: 7.625rem
}

@media (max-width: 767px) {
    .selection {
        margin-bottom: 4.75rem
    }
}

.selection__sides {
    position: relative;
    padding: 5.5625rem 5rem 5.8125rem;
    background: var(--suraface);
    display: grid;
    align-items: center;
    border-radius: var(--border-radius-default);
    grid-template-columns:repeat(2, 1fr)
}

.selection__sides::after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .07);
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 767px) {
    .selection__sides {
        display: flex;
        flex-direction: column;
        background: rgba(0, 0, 0, 0);
        align-items: initial;
        padding: 0;
        gap: 1.875rem
    }

    .selection__sides::after {
        display: none
    }
}

.selection__side:last-child {
    display: flex;
    flex-direction: column;
    align-items: center
}

.selection__title {
    max-width: 26.6875rem
}

@media (max-width: 767px) {
    .selection__title {
        max-width: 16.875rem
    }
}

.selection__buttons {
    position: relative;
    top: .25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    max-width: 20.9375rem;
    width: 100%;
    margin-left: 10.625rem
}

@media (max-width: 767px) {
    .selection__buttons {
        margin-left: 0;
        gap: 1rem
    }
}

.selection picture {
    overflow: hidden;
    margin-bottom: 4.375rem;
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .selection picture {
        border-radius: initial;
        width: 22.5rem;
        height: 15.5rem;
        margin-left: -1rem;
        margin-bottom: 2.375rem
    }
}

html._desktop .selection__img:hover {
    transform: scale(1.1);
    will-change: transform
}

.dignities {
    margin-bottom: 7.5rem
}

@media (max-width: 767px) {
    .dignities {
        margin-bottom: 0
    }
}

.dignities__slider-wrapper {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(2, 1fr)
}

@media (max-width: 767px) {
    .dignities__slider-wrapper {
        display: flex;
        gap: 0
    }
}

.dignities__slider-slide:nth-child(2) .dignity picture {
    mix-blend-mode: multiply
}

.dignities__slider-slide:nth-child(2) .dignity img {
    position: relative;
    width: 47.0625rem;
    height: 39.3125rem;
    left: 19.75rem;
    top: -6rem
}

.dignities__slider-slide:nth-child(2) .dignity:hover picture {
    transform: initial
}

.dignities__slider-slide:nth-child(2) .dignity:hover img {
    will-change: transform;
    transform: scale(.97)
}

.dignities__slider-slide:last-child .dignity {
    color: var(--white)
}

@media (max-width: 767px) {
    .dignities__slider-slide:last-child .dignity {
        color: var(--secondary-typography)
    }
}

.dignities__slider-slide:last-child .dignity .dignity__text {
    color: currentColor
}

@media (max-width: 767px) {
    .dignities__slider-slide:last-child .dignity .dignity__text {
        color: var(--secondary-typography)
    }
}

@media (max-width: 767px) {
    .dignities__slider-slide {
        display: flex;
        height: auto
    }
}

.cta {
    margin-top: 6.625rem
}

@media (max-width: 767px) {
    .cta {
        margin-top: 4.6875rem
    }
}

.cta._small {
    margin-top: 9.25rem
}

@media (max-width: 767px) {
    .cta._small {
        margin-top: 1.25rem
    }
}

@media (max-width: 767px) {
    .cta picture {
        display: none
    }
}

.cta__inner {
    padding: 0 4.0625rem;
    display: grid;
    grid-template-columns:51.375rem 39.125rem;
    gap: 8.125rem;
    background: var(--primary-brand);
    border-radius: var(--border-radius-big);
    position: relative
}

@media (max-width: 767px) {
    .cta__inner {
        display: flex;
        flex-direction: column;
        padding: 0 1rem 2.5rem;
        border-radius: var(--border-radius-default)
    }
}

.cta__action {
    position: absolute;
    z-index: 2;
    color: var(--white);
    width: 23.0625rem;
    height: 14.3125rem;
    top: -6.625rem;
    right: 23.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cta__action span {
    position: relative;
    top: -.125rem;
    letter-spacing: -.36px;
    font: var(--average-text-bold);
    line-height: 1.58
}

.cta__action::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20369%20229%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M107.698%20228.521C88.9243%20209.897%2070.1506%20191.213%2050.7313%20171.945C63.2651%20171.125%2075.0457%20170.363%2087.5795%20169.543C86.1271%20167.201%2084.7822%20165.444%2083.8677%20163.452C81.3933%20158.064%2077.5202%20155.78%2072.0871%20154.491C55.5189%20150.509%2039.3272%20145.003%2024.5342%20135.633C20.3922%20132.997%2016.5191%20129.776%2012.7536%20126.496C6.67498%20121.166%203.71637%20113.435%200.97293%20105.88C-1.17878%2099.9648%200.542588%2094.108%203.17844%2088.7198C7.53566%2079.8175%2014.1522%2073.0822%2021.3066%2066.9911C37.1217%2053.5205%2054.8734%2043.7397%2073.2705%2035.306C104.578%2021.0154%20137.015%2010.8246%20170.474%205.02642C210.765%20-1.94315%20251.002%20-2.35312%20290.917%208.18908C305.763%2012.1131%20320.664%2016.2129%20334.543%2023.651C342.289%2027.8093%20349.605%2032.6704%20355.952%2039.1714C371.391%2055.0433%20373.22%2074.1364%20360.955%2093.0538C352.24%20106.466%20340.514%20116.188%20327.711%20124.505C306.57%20138.268%20283.708%20147.17%20259.986%20153.789C229.216%20162.339%20197.962%20166.381%20166.278%20165.795C153.368%20165.561%20140.512%20164.624%20127.601%20164.038C127.01%20164.038%20126.364%20164.038%20125.557%20164.038C124.75%20170.89%20123.997%20177.684%20123.19%20184.419C122.76%20187.992%20122.33%20191.565%20122.061%20195.196C121.899%20197.012%20121.308%20197.656%20119.586%20197.773C112.324%20198.066%20105.062%20198.593%2097.8539%20199.003C97.5311%20199.003%2097.1546%20199.12%2096.4015%20199.237C100.382%20208.959%20104.309%20218.506%20108.236%20228.052C108.021%20228.17%20107.859%20228.345%20107.698%20228.521ZM117.058%20153.847C117.488%20153.671%20117.65%20153.554%20117.811%20153.554C120.501%20153.789%20123.19%20154.023%20125.826%20154.257C169.129%20157.595%20212.002%20154.96%20254.068%20142.251C277.845%20135.047%20300.707%20125.559%20321.309%20110.331C331.476%20102.835%20340.621%2094.108%20347.13%2082.5702C355.844%2067.1668%20354.446%2051.8221%20343.203%2038.5272C337.178%2031.3819%20329.809%2026.1694%20321.901%2021.8939C301.191%2010.7075%20278.921%205.7878%20256.166%203.38652C223.998%200.0481567%20192.045%201.86375%20160.361%208.59905C124.589%2016.1543%2089.8925%2027.3993%2057.0789%2044.9111C41.9093%2053.052%2027.3314%2062.2471%2015.0667%2075.132C11.6239%2078.7632%208.45014%2082.863%205.81429%2087.2556C-0.587063%2098.0321%200.542588%20107.169%208.88048%20116.247C14.4749%20122.338%2021.199%20126.613%2028.2459%20130.303C42.5548%20137.8%2057.7244%20142.426%2073.1092%20146.233C74.3464%20146.526%2075.6912%20147.58%2076.4443%20148.693C80.694%20155.253%2084.7284%20161.929%2088.8167%20168.548C89.247%20169.192%2089.516%20169.953%2090.0539%20171.007C79.5105%20171.769%2069.3975%20172.472%2059.3382%20173.175C59.2844%20173.409%2059.2844%20173.702%2059.2306%20173.936C71.603%20186.235%2083.9753%20198.476%2096.3477%20210.775C96.5629%20210.599%2096.7242%20210.424%2096.9394%20210.306C93.927%20202.927%2090.9146%20195.489%2087.7408%20187.699C89.4622%20187.582%2090.6994%20187.465%2091.9367%20187.406C98.2842%20187.055%20104.632%20186.645%20111.033%20186.411C112.755%20186.352%20113.561%20185.884%20113.723%20183.775C114.099%20179.031%20114.745%20174.287%20115.337%20169.543C115.821%20164.331%20116.466%20159.001%20117.058%20153.847Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3Cpath%20d%3D%22M116.744%20153.847C116.152%20159.001%20115.56%20164.331%20114.969%20169.602C114.431%20174.346%20113.785%20179.09%20113.355%20183.834C113.193%20185.884%20112.387%20186.353%20110.665%20186.47C104.318%20186.704%2097.97%20187.114%2091.5687%20187.465C90.3314%20187.524%2089.0942%20187.641%2087.3728%20187.758C90.5466%20195.548%2093.559%20202.927%2096.5714%20210.365C96.3562%20210.541%2096.1949%20210.717%2095.9797%20210.834C83.6073%20198.535%2071.235%20186.294%2058.8626%20173.995C58.9164%20173.76%2058.9164%20173.468%2058.9702%20173.233C69.0833%20172.531%2079.1425%20171.769%2089.6859%20171.066C89.148%20170.012%2088.879%20169.251%2088.4487%20168.606C84.3604%20161.988%2080.2722%20155.312%2076.0763%20148.752C75.3232%20147.639%2073.9784%20146.585%2072.7412%20146.292C57.3564%20142.427%2042.1868%20137.8%2027.8779%20130.362C20.8311%20126.672%2014.107%20122.397%208.51249%20116.305C0.120805%20107.227%20-1.00884%2098.0909%205.4463%2087.3144C8.02836%2082.9218%2011.2559%2078.8221%2014.6987%2075.1909C26.9634%2062.306%2041.5413%2053.1109%2056.7109%2044.9699C89.5246%2027.3996%20124.221%2016.2132%20159.993%208.65792C191.677%201.98119%20223.684%200.107026%20255.798%203.44539C278.553%205.84667%20300.823%2010.7078%20321.533%2021.9528C329.441%2026.2283%20336.81%2031.4408%20342.835%2038.5861C354.078%2051.8809%20355.477%2067.1671%20346.762%2082.629C340.253%2094.1669%20331.108%20102.893%20320.941%20110.39C300.393%20125.618%20277.531%20135.106%20253.7%20142.31C211.634%20155.019%20168.815%20157.654%20125.458%20154.316C122.769%20154.082%20120.079%20153.847%20117.443%20153.613C117.335%20153.555%20117.174%20153.672%20116.744%20153.847Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20d%3D%22M120.813%2069.0781H134.453V85.5781H131.417V71.8721H123.849V85.5781H120.813V69.0781ZM142.801%2074.3141C143.915%2074.3141%20144.92%2074.5635%20145.815%2075.0621C146.709%2075.5608%20147.406%2076.2501%20147.905%2077.1301C148.418%2077.9955%20148.675%2078.9708%20148.675%2080.0561C148.675%2081.1415%20148.418%2082.1241%20147.905%2083.0041C147.406%2083.8841%20146.709%2084.5735%20145.815%2085.0721C144.92%2085.5561%20143.915%2085.7981%20142.801%2085.7981C141.686%2085.7981%20140.681%2085.5561%20139.787%2085.0721C138.892%2084.5735%20138.188%2083.8841%20137.675%2083.0041C137.176%2082.1241%20136.927%2081.1415%20136.927%2080.0561C136.927%2078.9708%20137.176%2077.9955%20137.675%2077.1301C138.188%2076.2501%20138.892%2075.5608%20139.787%2075.0621C140.681%2074.5635%20141.686%2074.3141%20142.801%2074.3141ZM142.801%2076.8881C142.214%2076.8881%20141.693%2077.0201%20141.239%2077.2841C140.799%2077.5481%20140.454%2077.9221%20140.205%2078.4061C139.955%2078.8755%20139.831%2079.4255%20139.831%2080.0561C139.831%2080.6868%20139.955%2081.2441%20140.205%2081.7281C140.454%2082.2121%20140.799%2082.5861%20141.239%2082.8501C141.693%2083.1141%20142.214%2083.2461%20142.801%2083.2461C143.387%2083.2461%20143.901%2083.1141%20144.341%2082.8501C144.795%2082.5861%20145.14%2082.2121%20145.375%2081.7281C145.624%2081.2441%20145.749%2080.6868%20145.749%2080.0561C145.749%2079.4255%20145.624%2078.8755%20145.375%2078.4061C145.14%2077.9221%20144.795%2077.5481%20144.341%2077.2841C143.901%2077.0201%20143.387%2076.8881%20142.801%2076.8881ZM150.6%2074.5561H158.564V76.9981H153.394V85.5781H150.6V74.5561ZM165.21%2074.3141C166.324%2074.3141%20167.329%2074.5635%20168.224%2075.0621C169.118%2075.5608%20169.815%2076.2501%20170.314%2077.1301C170.827%2077.9955%20171.084%2078.9708%20171.084%2080.0561C171.084%2081.1415%20170.827%2082.1241%20170.314%2083.0041C169.815%2083.8841%20169.118%2084.5735%20168.224%2085.0721C167.329%2085.5561%20166.324%2085.7981%20165.21%2085.7981C164.095%2085.7981%20163.09%2085.5561%20162.196%2085.0721C161.301%2084.5735%20160.597%2083.8841%20160.084%2083.0041C159.585%2082.1241%20159.336%2081.1415%20159.336%2080.0561C159.336%2078.9708%20159.585%2077.9955%20160.084%2077.1301C160.597%2076.2501%20161.301%2075.5608%20162.196%2075.0621C163.09%2074.5635%20164.095%2074.3141%20165.21%2074.3141ZM165.21%2076.8881C164.623%2076.8881%20164.102%2077.0201%20163.648%2077.2841C163.208%2077.5481%20162.863%2077.9221%20162.614%2078.4061C162.364%2078.8755%20162.24%2079.4255%20162.24%2080.0561C162.24%2080.6868%20162.364%2081.2441%20162.614%2081.7281C162.863%2082.2121%20163.208%2082.5861%20163.648%2082.8501C164.102%2083.1141%20164.623%2083.2461%20165.21%2083.2461C165.796%2083.2461%20166.31%2083.1141%20166.75%2082.8501C167.204%2082.5861%20167.549%2082.2121%20167.784%2081.7281C168.033%2081.2441%20168.158%2080.6868%20168.158%2080.0561C168.158%2079.4255%20168.033%2078.8755%20167.784%2078.4061C167.549%2077.9221%20167.204%2077.5481%20166.75%2077.2841C166.31%2077.0201%20165.796%2076.8881%20165.21%2076.8881ZM173.009%2074.5561H178.575C179.646%2074.5561%20180.496%2074.8055%20181.127%2075.3041C181.772%2075.7881%20182.095%2076.4921%20182.095%2077.4161C182.095%2078.5601%20181.574%2079.3741%20180.533%2079.8581C181.193%2080.0341%20181.699%2080.3421%20182.051%2080.7821C182.403%2081.2221%20182.579%2081.7868%20182.579%2082.4761C182.579%2083.4588%20182.256%2084.2215%20181.611%2084.7641C180.966%2085.3068%20180.115%2085.5781%20179.059%2085.5781H173.009V74.5561ZM178.487%2083.4001C179.338%2083.4001%20179.763%2083.0188%20179.763%2082.2561C179.763%2081.4641%20179.338%2081.0681%20178.487%2081.0681H175.715V83.4001H178.487ZM175.715%2076.7121V78.9341H178.245C179.052%2078.9341%20179.455%2078.5675%20179.455%2077.8341C179.455%2077.0861%20179.052%2076.7121%20178.245%2076.7121H175.715ZM189.509%2074.3141C190.624%2074.3141%20191.629%2074.5635%20192.523%2075.0621C193.418%2075.5608%20194.115%2076.2501%20194.613%2077.1301C195.127%2077.9955%20195.383%2078.9708%20195.383%2080.0561C195.383%2081.1415%20195.127%2082.1241%20194.613%2083.0041C194.115%2083.8841%20193.418%2084.5735%20192.523%2085.0721C191.629%2085.5561%20190.624%2085.7981%20189.509%2085.7981C188.395%2085.7981%20187.39%2085.5561%20186.495%2085.0721C185.601%2084.5735%20184.897%2083.8841%20184.383%2083.0041C183.885%2082.1241%20183.635%2081.1415%20183.635%2080.0561C183.635%2078.9708%20183.885%2077.9955%20184.383%2077.1301C184.897%2076.2501%20185.601%2075.5608%20186.495%2075.0621C187.39%2074.5635%20188.395%2074.3141%20189.509%2074.3141ZM189.509%2076.8881C188.923%2076.8881%20188.402%2077.0201%20187.947%2077.2841C187.507%2077.5481%20187.163%2077.9221%20186.913%2078.4061C186.664%2078.8755%20186.539%2079.4255%20186.539%2080.0561C186.539%2080.6868%20186.664%2081.2441%20186.913%2081.7281C187.163%2082.2121%20187.507%2082.5861%20187.947%2082.8501C188.402%2083.1141%20188.923%2083.2461%20189.509%2083.2461C190.096%2083.2461%20190.609%2083.1141%20191.049%2082.8501C191.504%2082.5861%20191.849%2082.2121%20192.083%2081.7281C192.333%2081.2441%20192.457%2080.6868%20192.457%2080.0561C192.457%2079.4255%20192.333%2078.8755%20192.083%2078.4061C191.849%2077.9221%20191.504%2077.5481%20191.049%2077.2841C190.609%2077.0201%20190.096%2076.8881%20189.509%2076.8881ZM197.309%2090.4181V74.5561H199.839L199.993%2075.8541C200.418%2075.3701%20200.924%2074.9961%20201.511%2074.7321C202.097%2074.4535%20202.743%2074.3141%20203.447%2074.3141C204.224%2074.3141%20204.943%2074.4608%20205.603%2074.7541C206.263%2075.0475%20206.835%2075.4508%20207.319%2075.9641C207.803%2076.4775%20208.177%2077.0861%20208.441%2077.7901C208.719%2078.4795%20208.859%2079.2348%20208.859%2080.0561C208.859%2080.8775%20208.719%2081.6401%20208.441%2082.3441C208.177%2083.0335%20207.803%2083.6348%20207.319%2084.1481C206.835%2084.6615%20206.263%2085.0648%20205.603%2085.3581C204.943%2085.6515%20204.224%2085.7981%20203.447%2085.7981C202.772%2085.7981%20202.149%2085.6735%20201.577%2085.4241C201.019%2085.1748%20200.528%2084.8301%20200.103%2084.3901V90.4181H197.309ZM203.029%2083.2461C203.909%2083.2461%20204.613%2082.9601%20205.141%2082.3881C205.683%2081.8015%20205.955%2081.0241%20205.955%2080.0561C205.955%2079.1028%20205.683%2078.3401%20205.141%2077.7681C204.613%2077.1815%20203.909%2076.8881%20203.029%2076.8881C202.149%2076.8881%20201.437%2077.1815%20200.895%2077.7681C200.367%2078.3401%20200.103%2079.1028%20200.103%2080.0561C200.103%2081.0241%20200.367%2081.8015%20200.895%2082.3881C201.437%2082.9601%20202.149%2083.2461%20203.029%2083.2461ZM213.497%2074.5561V81.6401L218.095%2074.5561H220.801V85.5781H218.095V78.4941L213.497%2085.5781H210.791V74.5561H213.497ZM223.564%2074.5561H226.402L229.856%2079.3081L233.244%2074.5561H236.082V85.5781H233.42V78.3181L230.142%2082.8941H229.526L226.226%2078.3401V85.5781H223.564V74.5561ZM243.492%2068.8581C244.475%2068.8581%20245.362%2069.0415%20246.154%2069.4081C246.946%2069.7601%20247.569%2070.2808%20248.024%2070.9701C248.479%2071.6448%20248.706%2072.4441%20248.706%2073.3681C248.706%2074.0868%20248.567%2074.7028%20248.288%2075.2161C248.024%2075.7148%20247.709%2076.1255%20247.342%2076.4481C246.975%2076.7708%20246.491%2077.1301%20245.89%2077.5261C245.274%2077.9221%20244.819%2078.2668%20244.526%2078.5601C244.233%2078.8535%20244.086%2079.2128%20244.086%2079.6381V80.1881H241.16V79.4621C241.16%2078.8755%20241.285%2078.3621%20241.534%2077.9221C241.783%2077.4675%20242.077%2077.0935%20242.414%2076.8001C242.751%2076.5068%20243.206%2076.1695%20243.778%2075.7881C244.218%2075.4948%20244.563%2075.2455%20244.812%2075.0401C245.061%2074.8348%20245.267%2074.6001%20245.428%2074.3361C245.604%2074.0721%20245.692%2073.7788%20245.692%2073.4561C245.692%2072.8401%20245.479%2072.3561%20245.054%2072.0041C244.629%2071.6521%20244.079%2071.4761%20243.404%2071.4761C242.627%2071.4761%20241.989%2071.6888%20241.49%2072.1141C241.006%2072.5248%20240.713%2073.0748%20240.61%2073.7641L237.86%2073.1701C238.095%2071.8501%20238.718%2070.8015%20239.73%2070.0241C240.757%2069.2321%20242.011%2068.8435%20243.492%2068.8581ZM242.722%2085.7981C242.179%2085.7981%20241.732%2085.6368%20241.38%2085.3141C241.028%2084.9768%20240.852%2084.5441%20240.852%2084.0161C240.852%2083.4735%20241.028%2083.0335%20241.38%2082.6961C241.732%2082.3441%20242.179%2082.1681%20242.722%2082.1681C243.279%2082.1681%20243.727%2082.3441%20244.064%2082.6961C244.416%2083.0335%20244.592%2083.4735%20244.592%2084.0161C244.592%2084.5441%20244.416%2084.9768%20244.064%2085.3141C243.727%2085.6368%20243.279%2085.7981%20242.722%2085.7981Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.cta__form {
    padding-top: 4.75rem
}

@media (max-width: 767px) {
    .cta__form {
        padding-top: 1.875rem
    }
}

.cta__title {
    margin-bottom: 4.1875rem;
    letter-spacing: -.64px
}

@media (max-width: 767px) {
    .cta__title {
        letter-spacing: initial;
        margin-bottom: 1.625rem
    }
}

.cta__inputs {
    display: grid;
    gap: 1.5rem;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    .cta__inputs {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1.375rem
    }
}

.cta__info {
    font: var(--very-small-text-regular)
}

.cta__footer {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns:24.9375rem 20.9375rem
}

@media (max-width: 767px) {
    .cta__footer {
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }
}

.cta__button {
    height: 4rem
}

.footer {
    background: var(--suraface);
    margin-top: -5.4375rem;
    padding: 9.5rem 0 2.5rem
}

@media (max-width: 767px) {
    .footer {
        background: rgba(0, 0, 0, 0);
        padding: 0;
        padding-top: 6.5625rem
    }
}

.footer__inner {
    background: var(--white);
    border-radius: var(--border-radius-big);
    padding: 1.875rem 0 0
}

@media (max-width: 767px) {
    .footer__inner {
        padding-top: 2.625rem;
        padding-bottom: 7.5rem
    }
}

.footer__header {
    margin: 0 2rem;
    margin-bottom: 3.875rem
}

@media (max-width: 767px) {
    .footer__header {
        margin: 0 1rem
    }
}

.footer__main {
    display: grid;
    grid-template-columns:33.0625rem 50.4375rem;
    gap: 17.5625rem;
    padding: 0 2.0625rem;
    margin: 0 2rem;
    margin-bottom: 3.625rem
}

@media (max-width: 767px) {
    .footer__main {
        padding: 0;
        margin: 0 1rem;
        display: flex;
        flex-direction: column
    }
}

.footer__subscription {
    margin-bottom: 3.0625rem
}

@media (max-width: 767px) {
    .footer__subscription {
        margin-bottom: 1.5rem
    }
}

.footer__socials {
    margin-bottom: 5.5625rem
}

@media (max-width: 767px) {
    .footer__socials {
        margin-bottom: 3.125rem
    }
}

.footer__links-sides {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 767px) {
    .footer__links-sides {
        display: none
    }
}

.footer__links-side {
    display: flex;
    flex-direction: column;
    gap: 6rem
}

.footer__logo-wrapper {
    --size: 2.9375rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-brand)
}

.footer__logo {
    --size: 1.4375rem;
    width: var(--size);
    height: var(--size)
}

@media (max-width: 767px) {
    .footer__side {
        display: flex;
        flex-direction: column
    }
}

.footer__park-wrapper {
    display: inline-block;
    margin-top: 3.4375rem
}

@media (max-width: 767px) {
    .footer__park-wrapper {
        margin-top: 0;
        margin-bottom: 3.125rem
    }
}

.footer__park {
    width: 10.6875rem;
    height: 3.75rem
}

@media (max-width: 767px) {
    .footer__park {
        width: 7.25rem;
        height: 2.5rem
    }
}

.footer-header {
    padding: 1.8125rem 2rem;
    background: var(--suraface);
    border-radius: var(--border-radius-big)
}

@media (max-width: 767px) {
    .footer-header {
        background: rgba(0, 0, 0, 0);
        padding: 0;
        margin-bottom: 3.125rem
    }
}

.footer-header__items {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 767px) {
    .footer-header__items {
        flex-direction: column;
        justify-content: initial;
        align-items: initial;
        gap: 1.875rem
    }
}

.footer-header-item {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    position: relative
}

@media (max-width: 767px) {
    .footer-header-item {
        position: static;
        gap: .5rem
    }
}

.footer-header-item:nth-child(2) {
    left: -.75rem
}

.footer-header-item:nth-child(3) {
    left: -6.3125rem
}

.footer-header-item:nth-child(3) .footer-header-item__link {
    letter-spacing: initial
}

.footer-header-item__link {
    font: var(--big-text-bold);
    letter-spacing: -.4px
}

@media (max-width: 767px) {
    .footer-header-item__link {
        font: var(--average-text-bold);
        letter-spacing: -.36px
    }
}

.footer-header-item__text {
    color: var(--neutral-100);
    font: var(--text-regular-normal)
}

@media (max-width: 767px) {
    .footer-header-item__text {
        font-size: .875rem
    }
}

.footer-subscription__title {
    font: var(--text-bold);
    letter-spacing: -.32px;
    margin-bottom: 1.875rem
}

@media (max-width: 767px) {
    .footer-subscription__title {
        margin-bottom: 1.5rem
    }
}

.footer-subscription__form {
    display: grid;
    gap: 1rem;
    grid-template-columns:19.8125rem 10.875rem
}

@media (max-width: 767px) {
    .footer-subscription__form {
        grid-template-columns:12.1875rem 7.3125rem
    }
}

.footer-socials {
    display: flex;
    gap: 1rem
}

.footer-socials__item svg {
    fill: var(--white)
}

html._desktop .footer-socials__item:hover {
    border-radius: 50%;
    background: var(--primary-brand)
}

html._desktop .footer-socials__item:hover svg {
    fill: var(--primary-typography)
}

.footer-socials__item._pintarest svg {
    width: .875rem;
    height: 1.125rem
}

.footer-socials__item._tg svg {
    width: 1.0625rem;
    height: 1.0625rem
}

.footer-socials__item._dzen svg {
    width: 1.125rem;
    height: 1.125rem
}

.footer-socials__item._dzen-contact svg {
    width: 1.3125rem;
    height: 1.25rem
}

.footer-socials__item._whatsapp svg {
    width: 1.1875rem;
    height: 1.1875rem
}

.footer-socials__item._whatsapp-contact svg {
    width: 1.5rem;
    height: 1.5rem
}

.footer-socials__item._vk svg {
    width: 1.1875rem;
    height: .75rem
}

.footer-socials__item._vk-contact svg {
    width: 1.5rem;
    height: .9375rem
}

.footer-info {
    display: grid;
    align-items: flex-start;
    gap: 1.6875rem;
    grid-template-columns:19.125rem 12.25rem
}

@media (max-width: 767px) {
    .footer-info {
        display: flex;
        flex-direction: column;
        order: -1;
        margin-bottom: 3.0625rem
    }
}

.footer-info__copyright {
    font: var(--text-regular);
    margin-bottom: 1.5rem
}

@media (max-width: 767px) {
    .footer-info__copyright {
        font: var(--very-small-text-regular);
        margin-bottom: 1.625rem
    }
}

.footer-info__registration {
    display: flex;
    flex-direction: column;
    color: var(--neutral-100);
    font: var(--small-text-regular)
}

@media (max-width: 767px) {
    .footer-info__registration {
        font: var(--very-small-text-regular);
        line-height: 1.58
    }
}

@media (max-width: 767px) {
    .footer-info__side {
        display: none
    }
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.footer-links__item._big {
    margin-bottom: .25rem
}

.footer-links__item._big .footer-links__link {
    color: var(--primary-typography);
    letter-spacing: -.32px;
    font: var(--text-bold)
}

.footer-links__link {
    letter-spacing: -.32px;
    color: var(--secondary-typography);
    font: var(--text-regular)
}

.footer-links__link:hover {
    color: var(--neutral-100)
}

.footer-bottom {
    background: var(--white);
    border-radius: var(--border-radius-big) var(--border-radius-big) 0 0;
    display: flex;
    align-items: center;
    padding: 1.625rem 4.0625rem 1.5rem;
    gap: 2.75rem;
    border-radius: var(--border-radius-big);
    border: 1px solid var(--borders)
}

@media (max-width: 767px) {
    .footer-bottom {
        display: flex;
        flex-direction: column;
        padding: 0 1rem;
        border: 0;
        border-radius: 0;
        align-items: initial;
        gap: .875rem;
        margin-bottom: 2.5rem
    }
}

.footer-bottom__link {
    color: var(--secondary-typography);
    font: var(--very-small-text-regular)
}

.footer-bottom__link._logo {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem
}

.footer-bottom__link._logo:hover .footer__logo-wrapper {
    background: var(--primary-brand-accent)
}

@media (max-width: 767px) {
    .footer-bottom__link._logo {
        margin-left: initial
    }
}

@media (max-width: 767px) {
    .footer-bottom__link._logo._desktop {
        display: none
    }
}

.footer-bottom__link:hover {
    color: var(--neutral-100)
}

.footer-call {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: -.625rem
}

.footer-call:hover .button-decor {
    background-color: var(--primary-brand);
    border-radius: .625rem
}

.footer-call:hover .button-decor__icon {
    transform: rotate(-90deg) translate3d(0, 0, 0);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

.footer-call:hover svg {
    fill: var(--primary-typography)
}

.footer-call:hover .footer-call__text {
    color: var(--neutral-100)
}

.footer-call__icon-wrapper {
    --size: 3rem;
    flex-shrink: 0;
    position: static
}

.footer-call__icon-wrapper svg {
    --size: 1rem;
    fill: var(--white);
    width: var(--size);
    height: var(--size)
}

.footer-call__text {
    font: var(--neutral-text-normal)
}

@media (max-width: 767px) {
    .footer-call__text {
        font: var(--very-small-text-regular);
        font-weight: 400
    }
}

@media (max-width: 767px) {
    .footer-call {
        margin-top: 0;
        order: -1
    }
}

.footer-block-mobile {
    display: none
}

@media (max-width: 767px) {
    .footer-block-mobile {
        display: flex;
        flex-direction: column;
        margin: 0 1rem;
        gap: 2.5625rem
    }
}

.brands-delivery {
    margin-bottom: 3.5rem
}

@media (max-width: 767px) {
    .brands-delivery {
        margin-bottom: 2.375rem
    }
}

.brands-delivery__title {
    text-align: center;
    margin-bottom: 4rem;
    font: var(--h5)
}

@media (max-width: 767px) {
    .brands-delivery__title {
        font: var(--h5-mobile);
        margin-bottom: 2.5rem
    }

    .brands-delivery__title br {
        display: none
    }
}

.brands-delivery__brands {
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 767px) {
    .brands-delivery__brands {
        grid-template-columns:repeat(2, 10.3125rem)
    }
}

.info-label {
    text-align: center;
    margin-bottom: 6.875rem
}

@media (max-width: 767px) {
    .info-label {
        margin-bottom: 3rem
    }
}

.info-label__inner {
    display: inline-flex;
    align-items: center;
    padding: .625rem 1.5rem;
    gap: .625rem;
    background: var(--primary-brand);
    border-radius: 3.875rem;
    height: 3.5rem;
    box-sizing: border-box;
    font: var(--average-text-medium)
}

@media (max-width: 767px) {
    .info-label__inner {
        display: flex;
        flex-direction: column;
        height: auto;
        font: var(--text-medium);
        padding: 1.5rem 1.5rem;
        gap: .8125rem;
        border-radius: 5rem
    }
}

.info-label__label {
    padding: .625rem 1.9375rem;
    color: var(--white);
    border-radius: 2.4375rem;
    background: var(--secondary-typography)
}

@media (max-width: 767px) {
    .info-label__label {
        padding: .75rem 1.4375rem
    }
}

.geography {
    margin-bottom: 6.625rem
}

@media (max-width: 767px) {
    .geography {
        margin-bottom: 3rem
    }
}

.geography__title {
    font: var(--h4);
    text-align: center;
    margin-bottom: 4rem
}

@media (max-width: 767px) {
    .geography__title {
        font: var(--big-text-bold);
        line-height: 1.1;
        margin-bottom: 1.9375rem
    }
}

.geography__container {
    box-shadow: 1px -1px 0 0 var(--borders)
}

@media (max-width: 767px) {
    .geography__container {
        box-shadow: initial;
        gap: 2.25rem
    }
}

.geography__container, .geography__side {
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

@media (max-width: 767px) {
    .geography__side {
        display: flex;
        flex-direction: column;
        gap: .1875rem
    }
}

.geography__side:last-child .geography__side-item:last-child {
    box-shadow: initial
}

.geography__side-item {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
    box-shadow: 1px 0 0 0 var(--borders)
}

@media (max-width: 767px) {
    .geography__side-item {
        padding: 0;
        justify-content: initial;
        box-shadow: initial
    }
}

.geography__items {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (max-width: 767px) {
    .geography__items {
        gap: .25rem
    }
}

.geography__item {
    font: var(--text-regular);
    color: var(--secondary-typography);
    line-height: 1.5
}

@media (max-width: 767px) {
    .geography__item {
        font-size: .875rem;
        line-height: 1.5
    }
}

.offers {
    padding-bottom: 6.875rem
}

@media (max-width: 767px) {
    .offers {
        padding-bottom: 3.75rem
    }
}

.offers__title {
    text-align: center;
    margin-bottom: 3.6875rem
}

@media (max-width: 767px) {
    .offers__title {
        font: var(--big-text-bold);
        line-height: 1.1;
        margin-bottom: 2rem
    }
}

@media (max-width: 767px) {
    .offers__slider-slide {
        display: flex;
        height: auto
    }
}

.offers__slider-wrapper {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(2, 1fr)
}

@media (max-width: 767px) {
    .offers__slider-wrapper {
        display: flex;
        gap: 0
    }
}

@media (max-width: 767px) {
    .text-block {
        padding-bottom: 3.75rem
    }
}

.text-block__title {
    padding: 2.125rem 0 1.4375rem
}

@media (max-width: 767px) {
    .text-block__title {
        padding-bottom: 1.75rem;
        font-size: 1.25rem;
        text-align: center
    }
}

.text-block__link:hover {
    color: var(--neutral-100)
}

.text-block__sides {
    padding: 3.25rem 0 6.25rem;
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(2, 1fr);
    font: var(--text-regular-half);
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .text-block__sides {
        grid-template-columns:auto;
        gap: 1.875rem;
        padding: 0
    }
}

.text-block__mark {
    position: relative
}

.text-block__mark span {
    position: relative
}

.text-block__mark::before {
    content: "";
    position: absolute;
    width: 100%;
    height: .25rem;
    left: 1px;
    bottom: -.1875rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20253%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M2%202H251%22%20stroke%3D%22%23FCE127%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.text-block__mark._mobile {
    display: none
}

@media (max-width: 767px) {
    .text-block__mark._mobile {
        display: block;
        position: relative
    }

    .text-block__mark._mobile span {
        position: relative
    }

    .text-block__mark._mobile::before {
        content: "";
        position: absolute;
        width: 100%;
        left: -.125rem;
        background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20259%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M2%202H257%22%20stroke%3D%22%23FCE127%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
    }
}

.text-block__info {
    padding: 2rem 2.0625rem;
    border-radius: var(--border-radius-default);
    background: var(--suraface);
    font-weight: 700;
    margin-bottom: 2.9375rem
}

@media (max-width: 767px) {
    .text-block__info {
        padding: 1.5rem 1rem;
        margin-inline: -1px;
        margin-bottom: 1.625rem
    }
}

.text-block__items {
    margin-bottom: 2.9375rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 767px) {
    .text-block__items {
        gap: .75rem;
        max-width: 98%;
        margin-bottom: 1.5rem
    }
}

.text-block__item {
    position: relative;
    padding-left: 2.5rem
}

.text-block__item::before {
    --size: 1.5rem;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%204L14.1607%209.83927L20%2012L14.1607%2014.1607L12%2020L9.83927%2014.1607L4%2012L9.83927%209.83927L12%204Z%22%20fill%3D%22%232c2d33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: cover
}

.text-block__lead-text {
    margin-bottom: 2.5rem
}

.text-block__text * + * {
    margin-top: 1.375rem
}

@media (max-width: 767px) {
    .text-block__text p + p {
        margin-top: 1.5rem
    }
}

.installation {
    padding-bottom: 7.5rem
}

@media (max-width: 767px) {
    .installation {
        padding-bottom: 3.625rem
    }
}

.installation__title {
    margin-bottom: 4.125rem
}

@media (max-width: 767px) {
    .installation__title {
        margin-bottom: 2.5rem
    }
}

.installation__slider-slide {
    display: flex;
    height: auto
}

.installation__slider-wrapper {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 767px) {
    .installation__slider-wrapper {
        display: flex;
        gap: 0
    }
}

.cooperation {
    padding-bottom: 8.625rem
}

@media (max-width: 767px) {
    .cooperation {
        padding-bottom: 3.6875rem
    }
}

.cooperation__title {
    margin-bottom: 4.5rem
}

@media (max-width: 767px) {
    .cooperation__title {
        margin-bottom: 2.125rem
    }
}

@media (max-width: 767px) {
    .cooperation__slider-slide {
        display: flex;
        height: auto
    }
}

.cooperation__slider-wrapper {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 767px) {
    .cooperation__slider-wrapper {
        display: flex;
        gap: 0
    }
}

.cookie {
    position: fixed;
    bottom: 3.75rem;
    right: 7.8125rem;
    z-index: 10;
    max-width: 22.9375rem;
    width: 100%;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
    padding: 1.5rem;
    font: var(--text-medium);
    line-height: 1.3;
    background: var(--primary-brand);
    border-radius: var(--border-radius-default);
    box-sizing: border-box
}

@media (max-width: 767px) {
    .cookie {
        right: auto;
        left: 0;
        margin: 0 1rem;
        width: calc(100% - 2rem);
        transform: translateY(0);
        opacity: 1;
        transition: transform .6s ease-out
    }
}

@media (max-width: 767px) {
    .cookie__text br {
        display: none
    }
}

@media (max-width: 767px) {
    .cookie__btn {
        width: 100%
    }
}

.cookie._hidden {
    display: none
}

@media (max-width: 767px) {
    .cookie._hidden {
        display: flex;
        opacity: 1;
        transform: translateY(100vh)
    }
}

.ui {
    padding: 3.75rem 0
}

.ui__title {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid var(--borders)
}

.ui__subtitle {
    margin-bottom: 1.875rem
}

.ui__elements {
    display: flex;
    flex-direction: column;
    gap: 6.25rem
}

.news-filter {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem
}

.news-filter__categories {
    display: flex;
    gap: 1rem;
    overflow: auto
}

@media (max-width: 767px) {
    .news-filter__categories {
        margin: 0 -1rem;
        padding: 0 1rem;
        padding-bottom: 1px
    }

    html._mobile .news-filter__categories {
        scrollbar-width: none
    }

    html._mobile .news-filter__categories::-moz-scrollbar {
        display: none
    }

    html._mobile .news-filter__categories::-webkit-scrollbar {
        display: none
    }

    html._mobile .news-filter__categories::scrollbar {
        display: none
    }
}

.news-filter__category {
    flex-shrink: 0
}

.news-filter__years {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-left: auto
}

@media (max-width: 767px) {
    .news-filter__years {
        flex-direction: column;
        margin: 0
    }
}

@media (max-width: 767px) {
    .news-filter__years {
        width: 100%
    }
}

@media (max-width: 767px) {
    .news-filter__years-label {
        display: none
    }
}

.news-filter__dropdown._years {
    width: 15rem
}

@media (max-width: 767px) {
    .news-filter__dropdown._years {
        width: 100%
    }
}

.news-cards {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 5.125rem 3.125rem;
    padding-bottom: 4.0625rem
}

@media (max-width: 767px) {
    .news-cards {
        grid-template-columns:auto;
        row-gap: 2.875rem;
        padding-bottom: 1rem
    }
}

.news-cards._other {
    padding-bottom: 0
}

@media (max-width: 767px) {
    .news-cards._other {
        padding-bottom: 0
    }
}

.pagination {
    position: relative;
    display: flex;
    justify-content: center
}

.pagination__list {
    display: flex;
    gap: 1.5rem;
    margin: 0 5.125rem
}

@media (max-width: 767px) {
    .pagination__list {
        margin: 0 .5rem;
        gap: .5rem
    }
}

@media (max-width: 767px) {
    .pagination__item._sm-hidden {
        display: none
    }
}

.article {
    position: relative;
    padding-top: 6.125rem;
    padding-bottom: 7.5rem;
    font: var(--neutral-text-normal);
    color: var(--secondary-typography);
    line-height: 1.5
}

@media (max-width: 767px) {
    .article {
        padding-top: .875rem;
        padding-bottom: 3.75rem;
        font-size: 1rem;
        line-height: 1.5
    }
}

.article__container {
    display: grid;
    row-gap: 2.5rem;
    max-width: 50.625rem;
    margin: 0 auto
}

@media (max-width: 767px) {
    .article__container {
        row-gap: 1.875rem
    }
}

.article__main-slider {
    margin-bottom: 5rem
}

@media (max-width: 767px) {
    .article__main-slider {
        margin-bottom: 1.875rem
    }
}

.article__header {
    margin-bottom: 5rem;
    text-align: center
}

.article__header .article__container {
    row-gap: 3rem
}

@media (max-width: 767px) {
    .article__header {
        margin-bottom: 2.5rem
    }

    .article__header .article__container {
        row-gap: 1.6875rem
    }
}

.article__header-inner {
    position: relative;
    display: grid;
    row-gap: 3rem
}

.article__header-inner::before {
    content: "";
    position: absolute;
    top: 56%;
    left: 50%;
    transform: rotate(-1.45deg) translate(-50%, -50%);
    width: 28.3272283272%;
    height: .625rem;
    border-radius: 100vmax;
    background: var(--primary-brand)
}

.article__header-inner._title-only::before {
    top: 33%
}

@media (max-width: 767px) {
    .article__header-inner {
        row-gap: 2rem
    }

    .article__header-inner::before {
        top: calc(56% + .75rem);
        transform: rotate(-4.04deg) translate(-50%, -50%);
        width: 45%
    }

    .article__header-inner._title-only::before {
        top: 45%
    }
}

.article__header-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

@media (max-width: 767px) {
    .article__header-info {
        gap: .5rem
    }
}

.article__title {
    position: relative;
    z-index: 2
}

.article__author, .article__date {
    display: flex;
    align-items: center;
    gap: .75rem;
    box-sizing: border-box;
    width: -moz-fit-content;
    width: fit-content;
    height: 3.375rem;
    padding: .125rem .25rem;
    padding-right: 1.5rem;
    border-radius: 100vmax;
    font-size: .9375rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .article__author, .article__date {
        height: 3rem;
        padding-right: 1.625rem;
        font-size: .8125rem
    }
}

.article__author {
    background-color: var(--primary-brand)
}

.article__author img {
    --size: 3.125rem;
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .article__author img {
        --size: 2.6875rem
    }
}

.article__date {
    padding: .0625rem .1875rem;
    padding-right: 1.4375rem;
    border: 1px solid rgba(100, 105, 119, .2)
}

.article__date::before {
    content: "";
    --size: 2.875rem;
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2247%22%20height%3D%2246%22%20viewBox%3D%220%200%2047%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20x%3D%220.5%22%20width%3D%2246%22%20height%3D%2246%22%20rx%3D%2223%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3Cpath%20d%3D%22M18.46%2013C18.878%2013%2019.216%2013.31%2019.216%2013.692V15.09C19.886%2015.078%2020.638%2015.078%2021.484%2015.078H25.516C26.362%2015.078%2027.113%2015.078%2027.784%2015.09V13.692C27.784%2013.31%2028.122%2013%2028.54%2013C28.958%2013%2029.296%2013.31%2029.296%2013.692V15.15C30.746%2015.256%2031.699%2015.518%2032.399%2016.158C33.099%2016.799%2033.384%2017.671%2033.5%2019V20H13.5V19C13.616%2017.671%2013.901%2016.8%2014.601%2016.158C15.301%2015.518%2016.253%2015.256%2017.704%2015.15V13.692C17.704%2013.31%2018.043%2013%2018.46%2013Z%22%20fill%3D%22%23FCE127%22%2F%3E%0D%0A%3Cpath%20opacity%3D%220.5%22%20d%3D%22M33.4998%2025V23C33.4998%2022.161%2033.4868%2020.665%2033.4738%2020H13.5058C13.4928%2020.665%2013.5058%2022.161%2013.5058%2023V25C13.5058%2028.771%2013.5058%2030.657%2014.6758%2031.828C15.8488%2033%2017.7338%2033%2021.5038%2033H25.5038C29.2738%2033%2031.1578%2033%2032.3298%2031.828C33.4998%2030.657%2033.4998%2028.771%2033.4998%2025Z%22%20fill%3D%22%23FCE127%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain
}

@media (max-width: 767px) {
    .article__date {
        padding-right: 1.3125rem
    }

    .article__date::before {
        --size: 2.6875rem
    }
}

.article__category {
    color: var(--secondary-typography);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.05em;
    text-transform: lowercase
}

@media (max-width: 767px) {
    .article__category {
        margin-bottom: -.5rem;
        font-size: .875rem
    }
}

.article__footer {
    margin-top: 5rem
}

.article__footer .article__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.875rem
}

@media (max-width: 767px) {
    .article__footer {
        margin-top: 2.5rem
    }
}

.article__button {
    width: 21.75rem;
    max-width: 100%;
    font-weight: 400
}

.article__share {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    font-size: 1rem;
    letter-spacing: -.02em
}

.article .title, .article h1 {
    color: var(--primary-typography);
    font: var(--h1);
    letter-spacing: -.01em
}

@media (max-width: 767px) {
    .article .title, .article h1 {
        font-size: 1.5rem;
        line-height: 1.075
    }
}

.article .subtitle, .article h2 {
    color: var(--primary-typography);
    font: var(--h4)
}

@media (max-width: 767px) {
    .article .subtitle, .article h2 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

.article .text-lg {
    color: var(--primary-typography);
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500
}

@media (max-width: 767px) {
    .article .text-lg {
        font-size: 1.125rem;
        letter-spacing: -.01em
    }
}

.article .callout {
    padding: 2.5rem 2rem;
    border-radius: var(--border-radius-default);
    background: var(--primary-brand);
    color: var(--primary-typography);
    font-size: 1.25rem
}

@media (max-width: 767px) {
    .article .callout {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

.article .accordions {
    display: grid;
    row-gap: .9375rem
}

.article .documents {
    display: grid;
    row-gap: 1.375rem
}

.article .article-video {
    position: relative;
    display: flex
}

.article .article-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 810/540;
    border-radius: var(--border-radius-default);
    border: 0
}

.article .article-video._vimeo {
    padding-bottom: 56.25%
}

.article .article-video._vimeo iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.article .article-table {
    overflow: auto
}

.article .article-table::-moz-scrollbar {
    height: 2.1875rem;
    background: rgba(0, 0, 0, 0)
}

.article .article-table::-webkit-scrollbar {
    height: 2.1875rem;
    background: rgba(0, 0, 0, 0)
}

.article .article-table::scrollbar {
    height: 2.1875rem;
    background: rgba(0, 0, 0, 0)
}

.article .article-table::-moz-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.article .article-table::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.article .article-table::scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.article .article-table::-moz-scrollbar-thumb {
    border-radius: 100vmax;
    border: .9375rem solid transparent;
    background-color: rgba(100, 105, 119, .5);
    background-clip: content-box
}

.article .article-table::-webkit-scrollbar-thumb {
    border-radius: 100vmax;
    border: .9375rem solid transparent;
    background-color: rgba(100, 105, 119, .5);
    background-clip: content-box
}

.article .article-table::scrollbar-thumb {
    border-radius: 100vmax;
    border: .9375rem solid transparent;
    background-color: rgba(100, 105, 119, .5);
    background-clip: content-box
}

.article .article-table table {
    min-width: 50.625rem
}

@media (max-width: 767px) {
    .article .article-table {
        margin-bottom: -.9375rem
    }
}

.article .mark {
    position: relative
}

.article .mark::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1875rem;
    border-radius: 100vmax;
    background-color: var(--primary-brand)
}

.article p:not([class]) + p:not([class]) {
    margin-top: -.75rem
}

@media (max-width: 767px) {
    .article p:not([class]) + p:not([class]) {
        margin-top: -.375rem
    }
}

.article ol:not([class]) li, .article ul:not([class]) li {
    position: relative;
    padding-left: 2.375rem
}

.article ol:not([class]) li::before, .article ul:not([class]) li::before {
    --size: 1.5rem;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.article ol:not([class]) li:not(:last-child), .article ul:not([class]) li:not(:last-child) {
    margin-bottom: 1.125rem
}

.article ul:not([class]) li::before {
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%204L14.1607%209.83927L20%2012L14.1607%2014.1607L12%2020L9.83927%2014.1607L4%2012L9.83927%209.83927L12%204Z%22%20fill%3D%22%232c2d33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain
}

.article ol:not([class]) {
    counter-reset: list
}

.article ol:not([class]) li {
    counter-increment: list
}

.article ol:not([class]) li::before {
    content: counter(list) ".";
    left: .3125rem;
    font: inherit
}

.article figure img {
    border-radius: var(--border-radius-default)
}

.article figcaption:not([class]) {
    margin-top: 1.5rem;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400;
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .article figcaption:not([class]) {
        font-size: .8125rem
    }
}

.article table:not([class]) {
    font-size: .9375rem
}

.article table:not([class]) tr:nth-child(even) {
    background-color: var(--suraface)
}

.article table:not([class]) td, .article table:not([class]) th {
    padding: 1.5rem;
    font-weight: 700;
    text-align: right
}

.article table:not([class]) td:first-child, .article table:not([class]) th:first-child {
    width: 59%;
    border-top-left-radius: var(--border-radius-default);
    border-bottom-left-radius: var(--border-radius-default);
    font-weight: 400;
    text-align: left
}

.article table:not([class]) td:last-child, .article table:not([class]) th:last-child {
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default)
}

.article table:not([class]) th {
    line-height: 2
}

.article table:not([class]) th:first-child {
    font-weight: 700
}

.article table:not([class]) td {
    vertical-align: middle
}

.article table:not([class]) td:not(:first-child) {
    font-size: .875rem;
    line-height: 2
}

@media (max-width: 767px) {
    .article table:not([class]) td, .article table:not([class]) th {
        padding: 1rem 1.5rem
    }
}

.menu-mobile {
    opacity: 0;
    z-index: -1;
    background: var(--white);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 6rem 1rem;
    overflow-y: auto
}

._menu-opened .menu-mobile {
    opacity: 1;
    z-index: 5
}

.menu-mobile__items {
    padding: 0 .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.menu-mobile__link {
    font: var(--text-regular);
    letter-spacing: -.32px
}

.menu-mobile__call {
    margin-bottom: 1.875rem
}

.menu-mobile .footer-header__items {
    gap: 1.4375rem
}

.menu-mobile .footer-header-item__link {
    font: var(--text-bold);
    line-height: normal;
    letter-spacing: -.32px
}

.menu-mobile .footer-header-item__text {
    font-size: .875rem;
    line-height: normal
}

.menu-mobile-links {
    padding: 0 1rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.menu-mobile-links__link {
    display: inline-block;
    font: var(--text-bold);
    letter-spacing: -.32px;
    height: 3.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.menu-bottom {
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--borders);
    background: var(--white);
    box-sizing: border-box;
    width: 100%;
    height: 4.5625rem;
    display: none;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    gap: 3rem;
    display: none
}

@media (max-width: 767px) {
    .menu-bottom {
        display: flex
    }
}

.other-news {
    position: relative
}

.other-news__title {
    margin-bottom: 5.75rem;
    text-align: center
}

@media (max-width: 767px) {
    .other-news__title {
        margin-bottom: 2.25rem;
        font-size: 1.5rem
    }
}

.other-news__title a:hover {
    color: var(--neutral-100)
}

.other-news__container {
    padding-block: 2rem 7.125rem
}

.other-news__container::before {
    top: 6.5rem
}

@media (max-width: 767px) {
    .other-news__container {
        padding-block: 2.125rem 4rem
    }
}

.catalog__title {
    margin-bottom: 3rem
}

.catalog__title a:hover {
    color: var(--neutral-100)
}

.catalog__title sup {
    position: relative;
    top: .3em;
    margin-inline-start: .1em;
    font-size: .4em;
    font-weight: 400;
    letter-spacing: -.01em
}

@media (max-width: 767px) {
    .catalog__title {
        margin-bottom: 2.0625rem;
        line-height: 1.3
    }

    .catalog__title sup {
        top: 0;
        font-size: .55em
    }
}

.catalog__categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

@media (max-width: 767px) {
    .catalog__categories {
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: -moz-max-content;
        width: max-content
    }

    .catalog__categories._inited {
        flex-wrap: wrap;
        width: calc(var(--list-width) / 2)
    }

    .catalog__categories[data-catalog-categories="2-rows"] {
        min-height: 6rem
    }
}

.catalog__categories-wrapper {
    margin-bottom: 4.5rem
}

@media (max-width: 767px) {
    .catalog__categories-wrapper {
        padding: 0 1rem;
        margin: 0 -1rem;
        margin-bottom: 1.5rem;
        overflow: auto
    }

    html._mobile .catalog__categories-wrapper {
        scrollbar-width: none
    }

    html._mobile .catalog__categories-wrapper::-moz-scrollbar {
        display: none
    }

    html._mobile .catalog__categories-wrapper::-webkit-scrollbar {
        display: none
    }

    html._mobile .catalog__categories-wrapper::scrollbar {
        display: none
    }
}

.catalog__category {
    flex-shrink: 0
}

.catalog__filter-opener {
    margin-bottom: 2rem
}

.catalog-filter {
    position: relative;
    display: grid;
    gap: 2.1875rem;
    height: -moz-min-content;
    height: min-content;
    background-color: var(--white)
}

._loading .catalog-filter {
    transition: none
}

._filter-opened .catalog-filter {
    position: fixed
}

@media (max-width: 767px) {
    .catalog-filter {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        gap: 1.5625rem;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 1.5rem 1rem 0 1rem;
        overflow: auto;
        overflow-x: hidden;
        pointer-events: none;
        opacity: 0
    }

    ._filter-opened .catalog-filter {
        pointer-events: all;
        opacity: 1
    }
}

.catalog-filter__title {
    display: none
}

@media (max-width: 767px) {
    .catalog-filter__title {
        display: block;
        margin-block: .3125rem .8125rem;
        font-size: 1.125rem;
        line-height: 1;
        font-weight: 700
    }
}

.catalog-filter__list {
    display: grid;
    gap: 1.5rem;
    margin-top: .6875rem
}

.catalog-filter__item-title {
    display: block;
    margin-bottom: 1.625rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700
}

@media (max-width: 767px) {
    .catalog-filter__item-title {
        letter-spacing: -.03em
    }
}

.catalog-filter__item-list {
    display: grid;
    gap: .75rem
}

.catalog-filter__reset-filter {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-min-content;
    height: min-content;
    padding: 0;
    margin-top: .5rem;
    color: var(--neutral-100);
    background: 0;
    font-size: .9375rem;
    line-height: 1;
    font-weight: 400
}

.catalog-filter__reset-filter::before {
    --size: 1.5rem;
    content: "";
    position: relative;
    top: -.0938rem;
    width: var(--size);
    height: var(--size);
    margin-right: .75rem;
    border-radius: .5rem;
    background: var(--suraface) url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%229%22%20viewBox%3D%220%200%2010%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M9.07039%201.51065C9.14206%201.44149%209.19923%201.35876%209.23858%201.26728C9.27793%201.17579%209.29867%201.07739%209.29958%200.977806C9.30049%200.878222%209.28156%200.779454%209.24389%200.687264C9.20622%200.595075%209.15058%200.51131%209.08019%200.440857C9.0098%200.370405%208.92609%200.314676%208.83394%200.276922C8.74178%200.239168%208.64303%200.220145%208.54345%200.220963C8.44386%200.221781%208.34544%200.242424%208.25392%200.281687C8.1624%200.32095%208.07961%200.378047%208.01039%200.449646L5.00439%203.45465L1.99939%200.449646C1.93073%200.375959%201.84793%200.316857%201.75593%200.275865C1.66393%200.234873%201.56462%200.212831%201.46391%200.211054C1.36321%200.209277%201.26318%200.227802%201.16979%200.265523C1.07641%200.303244%200.991573%200.359389%200.920354%200.430608C0.849135%200.501826%200.79299%200.58666%200.755269%200.680048C0.717548%200.773436%200.699024%200.873466%200.7008%200.974169C0.702577%201.07487%200.724619%201.17418%200.765611%201.26618C0.806603%201.35818%200.865705%201.44098%200.939392%201.50965L3.94239%204.51565L0.937392%207.52065C0.804912%207.66282%200.732789%207.85087%200.736217%208.04517C0.739645%208.23947%200.818357%208.42485%200.95577%208.56227C1.09318%208.69968%201.27857%208.77839%201.47287%208.78182C1.66717%208.78525%201.85522%208.71313%201.99739%208.58065L5.00439%205.57565L8.00939%208.58165C8.15157%208.71413%208.33961%208.78625%208.53392%208.78282C8.72822%208.77939%208.9136%208.70068%209.05101%208.56327C9.18843%208.42586%209.26714%208.24047%209.27057%208.04617C9.27399%207.85187%209.20187%207.66382%209.06939%207.52165L6.06639%204.51565L9.07039%201.51065Z%22%20fill%3D%22%23646977%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: .5625rem
}

.catalog-filter__reset-filter ._sm-hidden {
    margin-left: .5ch
}

.catalog-filter__reset-filter:hover {
    background: 0
}

html._desktop .catalog-filter__reset-filter:hover {
    background: 0;
    color: var(--primary-typography)
}

html._desktop .catalog-filter__reset-filter:hover::before {
    background-color: var(--borders)
}

@media (max-width: 767px) {
    .catalog-filter__reset-filter {
        position: absolute;
        top: 1rem;
        right: 1rem
    }

    .catalog-filter__reset-filter ._sm-hidden {
        display: none
    }
}

.catalog-filter__bottom {
    display: none
}

@media (max-width: 767px) {
    .catalog-filter__bottom {
        position: sticky;
        bottom: 0;
        display: block;
        padding: 1rem;
        margin: 0 -1rem;
        border-radius: var(--border-radius-default);
        background-color: var(--white);
        box-shadow: 0 -.5625rem 1.3125rem 0 rgba(0, 0, 0, .03)
    }
}

.catalog-filter__close {
    font-weight: 400;
    letter-spacing: -.02em
}

.catalog-info {
    position: relative
}

.catalog-info__content {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 3.125rem
}

@media (max-width: 767px) {
    .catalog-info__content {
        grid-template-columns:auto;
        gap: 2.75rem
    }
}

.catalog-info__title {
    margin-bottom: 2.875rem
}

@media (max-width: 767px) {
    .catalog-info__title {
        margin-bottom: 1.9375rem
    }
}

.catalog-info__text {
    padding: 4.25rem 3.4375rem;
    border-radius: var(--border-radius-default);
    background-color: var(--suraface);
    color: var(--neutral-100);
    font: var(--average-text-regular);
    letter-spacing: .014em
}

@media (max-width: 767px) {
    .catalog-info__text {
        padding: 1.4375rem 1rem;
        font-size: 1rem
    }
}

.catalog-info__file {
    display: flex;
    justify-content: center;
    padding: 5rem 3.4375rem;
    border-radius: var(--border-radius-default);
    border: 1px solid var(--borders)
}

@media (max-width: 767px) {
    .catalog-info__file {
        z-index: 2;
        grid-column: 1/-1;
        grid-row: 2/3;
        padding: 4.375rem .875rem;
        margin: 0 -.375rem;
        border: 0
    }
}

.catalog-info__file-link {
    gap: 2.125rem;
    height: 5rem
}

.catalog-info__file-link._yellow {
    border: 1px solid var(--primary-brand)
}

.catalog-info__file-link._yellow svg {
    --size: 1.25rem;
    width: var(--size);
    height: var(--size);
    background: var(--primary-brand);
    border: 10px solid var(--primary-brand);
    border-radius: var(--border-radius-default)
}

html._desktop .catalog-info__file-link._yellow:hover {
    background-color: var(--white);
    border-radius: var(--border-radius-default)
}

html._desktop .catalog-info__file-link._yellow:hover svg {
    border-radius: var(--border-radius-small)
}

@media (max-width: 767px) {
    .catalog-info__file-link {
        height: 3.5rem
    }
}

.catalog-info picture {
    grid-column: span 2;
    height: 25.625rem;
    border-radius: var(--border-radius-default);
    background-color: var(--magazine-bg);
    overflow: hidden
}

.catalog-info picture img {
    -o-object-position: 0 36%;
    object-position: 0 36%
}

html._desktop .catalog-info picture:hover img {
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .catalog-info picture {
        grid-column: 1/-1;
        grid-row: 2/3;
        height: auto;
        margin: 0 -.4375rem
    }
}

.catalog {
    position: relative;
    padding-top: 3.4375rem;
    display: grid;
    grid-template-columns:auto 86.4375rem
}

@media (max-width: 767px) {
    .catalog {
        grid-template-columns:auto;
        padding-top: .6875rem
    }
}

.catalog__title {
    grid-column: 1/-1;
    letter-spacing: -.01em
}

.catalog__categories-wrapper {
    grid-column: 1/-1
}

.catalog__filter {
    padding-bottom: 4.0625rem
}

@media (max-width: 767px) {
    .catalog__filter {
        padding-bottom: 0
    }
}

.catalog__filter-opener {
    display: none
}

@media (max-width: 767px) {
    .catalog__filter-opener {
        display: flex;
        gap: .6875rem;
        height: 2.75rem;
        border: 1px solid var(--neutral-100);
        border-radius: 100vmax;
        color: var(--primary-typography);
        background: 0;
        font-size: .8125rem
    }

    .catalog__filter-opener:hover {
        border-radius: 100vmax;
        background: 0
    }
}

.catalog__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 3.75rem 3.125rem;
    padding-bottom: 4.0625rem
}

@media (max-width: 767px) {
    .catalog__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 2.0625rem 1.25rem;
        padding-bottom: 1rem
    }
}

.catalog-section__container {
    padding-block: 2.1875rem 5.75rem
}

.catalog-section._no-title .catalog-section__container {
    padding-top: .875rem
}

.catalog-section__container::before {
    top: 8.375rem
}

.catalog-section._no-title .catalog-section__container::before {
    content: none
}

.catalog-section._main-catalog:not(._no-title) .catalog-section__container {
    padding-top: 0
}

.catalog-section__container._slider {
    padding-block: 2.875rem 7.8125rem;
    padding-inline: 2.625rem
}

._info .catalog-section__container {
    padding-block: 2rem 5.375rem
}

._info .catalog-section__container::before {
    top: 6.625rem
}

@media (max-width: 767px) {
    .catalog-section__container {
        margin-top: 0;
        padding-block: 1.875rem 3.875rem
    }

    .catalog-section._no-title .catalog-section__container {
        padding-top: 1.875rem
    }

    .catalog-section__container._slider {
        padding-block: 2.375rem 4.625rem;
        padding-inline: 1rem
    }

    ._info .catalog-section__container {
        padding: 1.75rem 1.5rem 3.875rem 1.375rem
    }
}

.catalog-section__title-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: space-between;
    padding-block: 2.1875rem 2.875rem
}

.catalog-section__title-wrapper .catalog-section__title {
    margin: 0
}

html._desktop .catalog-section__title-wrapper:hover a {
    color: var(--neutral-100)
}

html._desktop .catalog-section__title-wrapper:hover .catalog-section__more-icon {
    border-radius: var(--border-radius-small);
    border-color: var(--primary-brand-accent);
    background-color: var(--primary-brand-accent)
}

@media (max-width: 767px) {
    .catalog-section__title-wrapper {
        padding-block: 1.75rem 1.625rem
    }

    .catalog-section__title-wrapper .catalog-section__title {
        font-size: 1.25rem
    }
}

.catalog-section__title {
    margin-bottom: 2.875rem
}

@media (max-width: 767px) {
    .catalog-section__title {
        margin-bottom: 1.625rem;
        font-size: 1.5rem
    }

    ._slider .catalog-section__title {
        margin-bottom: 2.5rem
    }
}

.catalog-section__title a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.catalog-section__title sup {
    position: relative;
    top: -.1em;
    margin-inline-start: -.2em;
    font-size: .45em;
    color: rgba(100, 105, 119, .5)
}

@media (max-width: 767px) {
    .catalog-section__title {
        line-height: 1.15
    }

    .catalog-section__title sup {
        top: .1em;
        margin: 0;
        font-size: .6em
    }
}

.catalog-section__slider {
    margin-top: 8rem
}

@media (max-width: 767px) {
    .catalog-section__slider {
        margin: 0
    }

    .catalog-section__slider .swiper {
        margin: 0 -1rem;
        padding: 0 1rem
    }
}

.catalog-section__content {
    padding-top: 3.125rem
}

._info .catalog-section__content {
    padding-top: 2.625rem
}

@media (max-width: 767px) {
    .catalog-section__content {
        padding-top: 0
    }

    ._info .catalog-section__content {
        padding-top: 0
    }
}

.catalog-section__more-icon {
    --size: 0.75rem;
    position: relative;
    top: .2em;
    left: .15em;
    width: var(--size);
    height: var(--size);
    padding: 0;
    background-color: var(--primary-brand);
    border: 1.2813rem solid var(--primary-brand);
    border-left-width: 1.3125rem;
    border-right-width: 1.1875rem;
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .catalog-section__more-icon {
        top: .15em;
        left: 0;
        border-width: .875rem;
        border-left-width: .9375rem;
        border-right-width: .8125rem
    }
}

@media (max-width: 767px) {
    .catalog-section._project-item {
        margin-top: -1.25rem;
        overflow: hidden
    }
}

.catalog-section._project-item .catalog-section__title-wrapper {
    margin-bottom: 7.5rem;
    padding: 0
}

@media (max-width: 767px) {
    .catalog-section._project-item .catalog-section__title-wrapper {
        margin-bottom: 2.5rem
    }
}

.catalog-section._project-item .catalog-section__container {
    padding-top: 2.3125rem;
    padding-bottom: 4.5rem
}

@media (max-width: 767px) {
    .catalog-section._project-item .catalog-section__container {
        padding-top: 1.9375rem;
        padding-bottom: 1.75rem
    }
}

@media (max-width: 767px) {
    .catalog-section._project-item .catalog-section__more-icon {
        display: none
    }
}

.catalog-categories {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 3.125rem
}

@media (max-width: 767px) {
    .catalog-categories {
        grid-template-columns:repeat(2, 1fr);
        gap: 2rem 1.25rem
    }
}

.feedback-form__title {
    margin-bottom: 3.5rem
}

@media (max-width: 767px) {
    .feedback-form__title {
        text-align: center;
        margin-bottom: 1.875rem
    }
}

.feedback-form__inputs {
    display: grid;
    gap: 1.125rem 1rem;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 1rem
}

@media (max-width: 767px) {
    .feedback-form__inputs {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1.9375rem
    }
}

.feedback-form__footer {
    display: grid;
    grid-template-columns:auto 14.25rem;
    align-items: center;
    gap: 1.25rem;
    margin-top: 3.75rem
}

@media (max-width: 767px) {
    .feedback-form__footer {
        gap: 2rem;
        display: flex;
        flex-direction: column;
        margin-top: 1rem
    }
}

.feedback-form__footer-text {
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .feedback-form__footer-text {
        text-align: center;
        font-size: .8125rem;
        line-height: 1.4
    }
}

.feedback-form__footer-text-link {
    color: var(--primary-typography)
}

.feedback-form__button {
    gap: .625rem
}

@media (max-width: 767px) {
    .feedback-form__button {
        width: 100%
    }
}

.feedback-form__button svg {
    width: .5rem;
    height: .8125rem
}

.file-uploader {
    display: flex;
    justify-content: space-between;
    margin-top: 3.75rem;
    gap: 2.5rem
}

@media (max-width: 767px) {
    .file-uploader {
        flex-direction: column-reverse;
        margin-top: 1rem;
        gap: 1.5rem
    }
}

.file-uploader input[type=file] {
    display: none
}

.file-uploader__button {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    width: 13.75rem;
    border: 1px solid var(--borders);
    border-radius: var(--border-radius-default);
    color: var(--secondary-typography);
    cursor: pointer;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .file-uploader__button {
        width: 100%
    }
}

.file-uploader__button:hover {
    background-color: var(--primary-typography);
    color: var(--white);
    border-color: transparent
}

.file-uploader__button:hover svg {
    stroke: var(--white)
}

.file-uploader__button svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: var(--secondary-typography)
}

.file-uploader__list {
    min-width: 0
}

.file-uploader__list li {
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.file-uploader__list-text {
    color: var(--primary-typography);
    margin-right: .625rem;
    flex-shrink: 1;
    max-width: 90%;
    overflow-wrap: break-word
}

@media (max-width: 767px) {
    .file-uploader__list-text {
        max-width: 88%
    }
}

.file-uploader__list-btn {
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    cursor: pointer
}

.file-uploader__list-btn::after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%2212%22%20fill%3D%22%23EFF0F2%22%2F%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0D%0A%09%09%20%20d%3D%22M15.5358%208.46477C15.9264%208.85529%2015.9264%209.48846%2015.5358%209.87898L13.4145%2012.0003L15.5358%2014.1216C15.9264%2014.5121%2015.9264%2015.1453%2015.5358%2015.5358C15.1453%2015.9264%2014.5121%2015.9264%2014.1216%2015.5358L12.0003%2013.4145L9.87898%2015.5358C9.48846%2015.9264%208.85529%2015.9264%208.46477%2015.5358C8.07424%2015.1453%208.07424%2014.5121%208.46477%2014.1216L10.5861%2012.0003L8.46477%209.87898C8.07424%209.48846%208.07424%208.85529%208.46477%208.46477C8.85529%208.07424%209.48846%208.07424%209.87898%208.46477L12.0003%2010.5861L14.1216%208.46477C14.5121%208.07424%2015.1453%208.07424%2015.5358%208.46477Z%22%0D%0A%09%09%20%20fill%3D%22%23646977%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: contain
}

.file-uploader__list-btn:hover::after {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%2212%22%20fill%3D%22%23EFF0F2%22%2F%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0D%0A%09%09%20%20d%3D%22M15.5358%208.46477C15.9264%208.85529%2015.9264%209.48846%2015.5358%209.87898L13.4145%2012.0003L15.5358%2014.1216C15.9264%2014.5121%2015.9264%2015.1453%2015.5358%2015.5358C15.1453%2015.9264%2014.5121%2015.9264%2014.1216%2015.5358L12.0003%2013.4145L9.87898%2015.5358C9.48846%2015.9264%208.85529%2015.9264%208.46477%2015.5358C8.07424%2015.1453%208.07424%2014.5121%208.46477%2014.1216L10.5861%2012.0003L8.46477%209.87898C8.07424%209.48846%208.07424%208.85529%208.46477%208.46477C8.85529%208.07424%209.48846%208.07424%209.87898%208.46477L12.0003%2010.5861L14.1216%208.46477C14.5121%208.07424%2015.1453%208.07424%2015.5358%208.46477Z%22%0D%0A%09%09%20%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.feedback-success {
    display: flex;
    flex-direction: column;
    gap: 1.375rem
}

@media (max-width: 767px) {
    .feedback-success {
        gap: 1.125rem
    }
}

@media (max-width: 767px) {
    .feedback-success__title {
        font: var(--average-text-medium);
        line-height: normal
    }
}

.feedback-success__text {
    font: var(--text-normal);
    line-height: normal
}

.survey {
    height: 100%;
    display: flex;
    flex-direction: column
}

.survey__title {
    margin-bottom: 3.75rem
}

@media (max-width: 767px) {
    .survey__title {
        margin-bottom: 2rem
    }
}

.survey__answers {
    display: flex;
    flex-direction: column;
    gap: 2.0625rem
}

.survey__answers._pic {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 3.125rem
}

@media (max-width: 767px) {
    .survey__answers._pic {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }
}

.survey__answers._pic .radio__box {
    display: none
}

@media (max-width: 767px) {
    .survey__answers._pic .radio__label-text {
        display: flex;
        align-items: center;
        gap: 1rem
    }
}

.survey__answers._pic .survey__pic-wrapper picture {
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .survey__answers._pic .survey__pic-wrapper {
        width: 6.25rem;
        height: 6.25rem;
        margin-bottom: 0;
        flex-shrink: 0
    }
}

.survey__answer-item {
    position: relative
}

.survey__question:not(._active) {
    display: none
}

.survey__navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto
}

@media (max-width: 767px) {
    .survey__navigation {
        margin-top: 2rem
    }
}

.survey__count {
    color: rgba(100, 105, 119, .5);
    font: var(--text-medium)
}

@media (max-width: 767px) {
    .survey__count {
        position: absolute;
        top: 1.5rem;
        left: 1rem
    }
}

.survey__current-question {
    color: var(--secondary-typography)
}

.survey__button {
    display: flex;
    gap: .5rem;
    padding: 1rem 4.0625rem
}

@media (max-width: 767px) {
    .survey__button {
        padding: 1rem 2.125rem;
        min-width: 8.75rem
    }
}

.survey__button svg {
    fill: var(--white)
}

.survey__button._yellow svg {
    fill: var(--secondary-typography)
}

.survey__button._disabled svg {
    fill: var(--disabled)
}

.survey__button._reverse svg {
    transform: scale(-1, 1)
}

.survey__pic-wrapper {
    position: relative;
    background: var(--suraface);
    border-radius: var(--border-radius-default);
    margin-bottom: 1.5rem;
    border: 1px solid transparent;
    padding: 0 2.375rem;
    height: 15.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.survey__pic-wrapper img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 767px) {
    .survey__pic-wrapper {
        padding: 0 1.3125rem
    }
}

.survey__icon {
    width: 1.5rem;
    height: 1.5625rem;
    top: .75rem;
    right: .75rem;
    position: absolute;
    z-index: 2;
    opacity: 0;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20width%3D%2224%22%20height%3D%2225%22%20rx%3D%228%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.7448%208.5688C15.8557%208.50479%2015.9882%208.48443%2016.1145%208.51199C16.2408%208.53955%2016.351%208.61288%2016.4221%208.71661L16.918%209.44123C16.9828%209.53594%2017.0106%209.64954%2016.9964%209.76194C16.9822%209.87435%2016.9269%209.97833%2016.8404%2010.0555L16.8389%2010.0574L16.8319%2010.0636L16.8033%2010.0891L16.6906%2010.1922C16.0669%2010.7718%2015.4621%2011.3697%2014.8771%2011.9851C13.7764%2013.1445%2012.4694%2014.6619%2011.5896%2016.1342C11.3442%2016.5449%2010.7445%2016.6332%2010.3888%2016.2786L7.13995%2013.0452C7.0934%2012.9988%207.05704%2012.944%207.03305%2012.8839C7.00907%2012.8238%206.99793%2012.7597%207.00032%2012.6954C7.0027%2012.6311%207.01855%2012.568%207.04693%2012.5097C7.07531%2012.4514%207.11563%2012.3991%207.1655%2012.356L8.14742%2011.5076C8.23371%2011.4331%208.34436%2011.3896%208.46042%2011.3846C8.57649%2011.3796%208.69075%2011.4134%208.78366%2011.4803L10.4414%2012.6708C13.0305%2010.2249%2014.4993%209.28623%2015.7448%208.5688Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    background-size: cover
}

html._desktop .survey .radio:hover .survey__pic-wrapper {
    background: var(--white);
    border: 1px solid var(--neutral-100)
}

.survey .radio__input:checked + .radio__label .survey__pic-wrapper {
    border-color: var(--primary-brand);
    background: var(--primary-brand)
}

.survey .radio__input:checked + .radio__label .survey__icon {
    opacity: 1
}

.search {
    --h: 3.375rem;
    display: flex;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
    margin-left: 21.375rem
}

.search._active {
    opacity: 1;
    position: static;
    width: auto;
    height: auto;
    pointer-events: all
}

@media (max-width: 767px) {
    .search {
        margin-left: 0;
        --h: 3rem
    }
}

.search__btn._btn-square {
    width: 5.4375rem
}

@media (max-width: 767px) {
    .search__btn._btn-square {
        width: 3rem
    }
}

.search__btn svg {
    --size: 1.875rem;
    width: var(--size);
    height: var(--size);
    position: relative;
    left: -.3125rem
}

@media (max-width: 767px) {
    .search__btn svg {
        left: -.5rem
    }
}

html._desktop .search__btn:hover {
    background: var(--primary-brand-accent)
}

@media (max-width: 767px) {
    .search__clear._light {
        background: rgba(0, 0, 0, 0)
    }
}

.search__clear svg {
    --size: 1rem;
    width: var(--size);
    height: var(--size)
}

html._desktop .search__clear:hover {
    background: rgba(0, 0, 0, 0)
}

.search__wrapper {
    display: flex;
    height: var(--h);
    background: var(--primary-brand);
    border-radius: var(--border-radius-default);
    margin-right: 1.5rem;
    overflow: hidden
}

html._desktop .search__wrapper:hover {
    background: var(--primary-brand-accent)
}

html._desktop .search__wrapper:hover .input__input {
    border-color: var(--primary-brand-accent)
}

html._desktop .search__wrapper:hover .search__btn {
    background: var(--primary-brand-accent)
}

@media (max-width: 767px) {
    .search__wrapper {
        margin-right: 0
    }
}

.search .input__input {
    display: flex;
    align-items: center;
    width: 43.5rem;
    height: var(--h);
    padding: 0 1rem;
    border-radius: var(--border-radius-default);
    border: .125rem solid var(--primary-brand);
    background: var(--white)
}

@media (max-width: 767px) {
    .search .input__input {
        width: 15.25rem;
        letter-spacing: -.16px;
        font: var(--text-regular)
    }
}

.search .input__placeholder {
    padding: 0 1rem;
    height: inherit;
    height: 100%
}

@media (max-width: 767px) {
    .search .input__placeholder {
        letter-spacing: -.16px;
        font: var(--text-regular)
    }
}

.search-items {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 105, 119, .42)
}

.search-items._active {
    z-index: 5;
    opacity: 1;
    pointer-events: all
}

.search-items__inner {
    opacity: 0;
    pointer-events: none;
    max-width: 48.875rem;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 8.125rem;
    position: relative;
    left: 1.25rem;
    background: var(--white);
    border-radius: var(--border-radius-default);
    overflow-y: auto;
    max-height: calc(100% - 4.375rem)
}

.search-items__inner._active {
    opacity: 1;
    pointer-events: all
}

@media (max-width: 767px) {
    .search-items__inner {
        position: static;
        margin-top: 4.3125rem;
        border-radius: 0 0 var(--border-radius-default) var(--border-radius-default)
    }
}

.contacts {
    position: relative;
    margin-bottom: 4.5rem;
    padding: 3.5rem 3.5rem 6.25rem 3.5rem;
    background: var(--suraface-bg-contacts);
    border-radius: 1rem;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .contacts {
        right: 1rem;
        width: 100vw;
        padding: 2rem 1rem 1.0625rem;
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.contacts__grid {
    display: grid;
    grid-template-columns:repeat(2, 31.3125rem);
    gap: 2.5rem
}

@media (max-width: 767px) {
    .contacts__grid {
        grid-template-columns:1fr;
        gap: 1.25rem
    }
}

.contacts picture {
    position: absolute;
    top: -2rem;
    right: 2.5rem;
    width: 30.3125rem;
    height: 33.3125rem
}

@media (max-width: 767px) {
    .contacts picture {
        display: none
    }
}

.contacts__social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    height: 15.625rem;
    width: 31.3125rem;
    border: 1px solid var(--disabled);
    border-radius: 1rem;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .contacts__social {
        width: 20.5rem;
        height: 8.5625rem
    }
}

.requisites {
    position: relative;
    padding-bottom: 7.875rem
}

.requisites__content {
    position: relative
}

html._desktop .requisites__content:hover .requisites__img {
    transform: scale(1.1);
    will-change: transform
}

html._desktop .requisites__content:hover .button-decor {
    background-color: var(--primary-brand);
    border-radius: .625rem
}

html._desktop .requisites__content:hover .button-decor__icon {
    transform: rotate(-90deg) translate3d(0, 0, 0);
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cmask%20id%3D%22mask0_3904_11171%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2215%22%20y%3D%2216%22%20width%3D%2220%22%20height%3D%2220%22%3E%0D%0A%3Cpath%20d%3D%22M35%2026L25%2016L15%2026L25%2035.9999L35%2026Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fmask%3E%0D%0A%3Cg%20mask%3D%22url(%23mask0_3904_11171)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.9999%2029.3137L19.343%2023.6568L20.8515%2022.1484L24.9999%2026.2967L29.1483%2022.1484L30.6568%2023.6568L24.9999%2029.3137Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center
}

@media (max-width: 767px) {
    .requisites__content {
        width: 100%
    }
}

.requisites picture {
    border-radius: var(--border-radius-default);
    overflow: hidden
}

@media (max-width: 767px) {
    .requisites__img {
        aspect-ratio: 328/163
    }
}

.requisites__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21.0625rem;
    height: 4rem;
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    .requisites__btn {
        width: 17.5rem;
        height: 3.5rem;
        letter-spacing: -.03em
    }
}

@media (max-width: 767px) {
    .requisites {
        margin: 0 -1rem;
        padding-inline: 1rem;
        padding-bottom: 2.6875rem;
        background: var(--suraface-bg-contacts)
    }
}

.reviews-companies {
    padding-bottom: 6.875rem
}

.reviews-companies__title {
    margin-top: 4.375rem;
    margin-bottom: 3rem;
    text-align: center
}

@media (max-width: 767px) {
    .reviews-companies__title {
        margin-top: 0;
        margin-bottom: 2.0625rem
    }
}

.reviews-companies .brands {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .reviews-companies {
        padding-bottom: 2.25rem
    }
}

.reviews {
    padding: 5rem 0 3.4375rem
}

@media (max-width: 767px) {
    .reviews {
        padding-top: 2.5625rem;
        padding-bottom: 3.75rem
    }
}

.reviews__title {
    margin-bottom: 4.5rem;
    text-align: center
}

@media (max-width: 767px) {
    .reviews__title {
        margin-bottom: 2.3125rem
    }
}

.reviews__cards {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 3.125rem;
    margin-bottom: 5.25rem
}

@media (max-width: 767px) {
    .reviews__cards {
        gap: 2rem;
        grid-template-columns:1fr;
        margin-bottom: 2.0625rem
    }
}

.reviews__btn {
    width: 22.3125rem;
    height: 4rem;
    margin: auto
}

@media (max-width: 767px) {
    .reviews__btn {
        width: 20.375rem
    }
}

.search-result {
    max-width: 50.625rem;
    margin: 0 auto;
    padding: 3.6875rem 0 10.125rem
}

@media (max-width: 767px) {
    .search-result {
        padding: 1.5rem 0 3.75rem
    }
}

.search-result__info {
    font: var(--big-text-regular);
    margin-bottom: 2.875rem
}

@media (max-width: 767px) {
    .search-result__info {
        font-size: .875rem;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 1.5625rem
    }
}

.search-result__box {
    margin-bottom: 4.5rem
}

@media (max-width: 767px) {
    .search-result__box {
        margin-bottom: 2rem
    }
}

.search-result__box:last-child {
    margin-bottom: 0
}

.search-result__boxes {
    margin-bottom: 11.3125rem
}

@media (max-width: 767px) {
    .search-result__boxes {
        margin-bottom: 3.25rem
    }
}

.search-result__title {
    margin-bottom: 2.125rem
}

.search-result__title sup {
    font-size: 1rem
}

@media (max-width: 767px) {
    .search-result__title {
        font-size: 1.5rem;
        margin-bottom: 2rem
    }
}

.search-result .search-item._big:first-of-type {
    padding-top: 0
}

.about-company {
    padding-bottom: 1.875rem
}

@media (max-width: 767px) {
    .about-company {
        padding-bottom: 1.125rem
    }
}

.about-company__col {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 3.125rem;
    margin-top: 7.5rem;
    margin-bottom: 8.875rem;
    padding: 0 9.0625rem
}

@media (max-width: 767px) {
    .about-company__col {
        grid-template-columns:1fr;
        gap: 1.75rem;
        padding: 0;
        margin-top: 0;
        margin-bottom: 2.625rem
    }
}

.about-company__title {
    width: 32.6875rem;
    color: var(--primary-typography);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3
}

@media (max-width: 767px) {
    .about-company__title {
        width: 100%;
        font-size: 1.125rem;
        line-height: 1.4
    }
}

.about-company__text {
    width: 32.6875rem;
    color: var(--secondary-typography);
    font-size: 1.125rem;
    line-height: 1.5
}

@media (max-width: 767px) {
    .about-company__text {
        width: 100%;
        font-size: 1rem
    }
}

.about-company__cards {
    display: flex;
    gap: 3.125rem;
    padding-left: 9.0625rem;
    margin-bottom: 1.25rem
}

@media (max-width: 767px) {
    .about-company__cards {
        padding: 0 0 0 1rem;
        gap: 1.25rem;
        margin-bottom: 2.5rem
    }
}

.about-company__cards-wrapper {
    width: 100vw;
    right: 1rem
}

.about-company__concept {
    padding: 2.5rem 2rem;
    margin: auto auto .8125rem;
    width: 86.5rem;
    border-radius: 1rem;
    background: var(--primary-brand);
    text-align: center;
    color: var(--secondary-typography);
    font-size: 1.25rem;
    line-height: 1.5;
    box-sizing: border-box
}

.about-company__concept p {
    margin: auto;
    max-width: 62.5rem
}

@media (max-width: 767px) {
    .about-company__concept {
        padding-right: 1.25rem;
        width: 100%;
        font-size: 1.125rem;
        text-align: left
    }
}

.about-company__gallery {
    margin-bottom: 1.25rem
}

.about-company__imgs {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 3.125rem;
    margin-top: 2.9375rem;
    padding-left: 5.9375rem
}

.about-company__imgs._flex {
    display: flex;
    padding-left: 0;
    margin-top: 1.125rem;
    gap: 0
}

@media (max-width: 767px) {
    .about-company__imgs picture {
        width: 20.5rem;
        height: 15rem
    }
}

.about-company__slide:nth-child(1) {
    grid-column: span 2
}

.about-company__img-1 {
    width: 92.75rem;
    height: 44.375rem;
    border-radius: 1rem
}

@media (max-width: 767px) {
    .about-company__img-1 {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.about-company__img-2 {
    width: 53.75rem;
    height: 31.875rem;
    border-radius: 1rem
}

@media (max-width: 767px) {
    .about-company__img-2 {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.about-company__img-3 {
    width: 35.875rem;
    height: 31.875rem;
    border-radius: 1rem
}

@media (max-width: 767px) {
    .about-company__img-3 {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.about-company__gallery-pagination {
    display: none
}

@media (max-width: 767px) {
    .about-company__gallery-pagination {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-top: 2rem;
        height: .5rem
    }

    .about-company__gallery-pagination .swiper-pagination-bullet {
        --size: 0.375rem;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        background-color: rgba(100, 105, 119, .5);
        transition: all .15s ease-out
    }

    .about-company__gallery-pagination .swiper-pagination-bullet-active {
        --size: 0.5rem;
        background-color: var(--primary-brand-accent)
    }
}

.about-team {
    position: relative;
    padding: 7.375rem 5.875rem 5.3125rem
}

.about-team::before {
    content: "";
    position: absolute;
    top: 11.375rem;
    left: 50%;
    transform: rotate(-.5deg) translate(-50%, -50%);
    width: 30.3125rem;
    height: .625rem;
    border-radius: 100vmax;
    background: var(--primary-brand)
}

@media (max-width: 767px) {
    .about-team::before {
        display: none
    }
}

.about-team__header {
    position: relative;
    padding-right: 13.4375rem;
    padding-left: 13.4375rem;
    margin-bottom: 6.25rem;
    color: var(--primary-typography);
    text-align: center;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.4
}

@media (max-width: 767px) {
    .about-team__header {
        padding: .625rem 0 0;
        font-size: 1.125rem;
        margin-bottom: 2rem
    }
}

.about-team__cards {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 3.125rem;
    margin-bottom: 3.125rem
}

@media (max-width: 767px) {
    .about-team__cards {
        grid-template-columns:repeat(2, 1fr);
        gap: 1.25rem;
        margin-bottom: 2.5rem
    }
}

.about-team__job {
    width: 28.8125rem;
    padding: 4.8125rem 7.1875rem 4.3125rem;
    margin-bottom: 11.25rem;
    border-radius: 1rem;
    background: var(--primary-brand);
    text-align: center;
    color: var(--secondary-typography);
    box-sizing: border-box
}

.about-team__job picture {
    margin-bottom: 2.0625rem
}

@media (max-width: 767px) {
    .about-team__job picture {
        width: 7.8125rem;
        margin: auto auto .9375rem
    }
}

@media (max-width: 767px) {
    .about-team__job {
        padding: 2.3125rem 4.5625rem 1.875rem;
        width: 100%;
        margin-bottom: 3.125rem
    }
}

.about-team__job-title {
    margin: auto auto 2.9375rem;
    width: 12.5rem;
    text-align: center;
    color: var(--primary-typography);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.03em
}

@media (max-width: 767px) {
    .about-team__job-title {
        width: 9.375rem;
        font-size: 1.5rem;
        letter-spacing: -.02em;
        margin-bottom: 1.625rem
    }
}

.about-team__job-text {
    margin-bottom: .3125rem;
    color: var(--black);
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.9
}

@media (max-width: 767px) {
    .about-team__job-text {
        font-size: 1.125rem
    }
}

.about-team__job-text._grey {
    color: var(--about-grey);
    font-size: 1.0625rem;
    font-weight: 400;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .about-team__job-text._grey {
        font-size: 1rem
    }
}

.about-team__job-text._mail {
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.6
}

@media (max-width: 767px) {
    .about-team__job-text._mail {
        font-size: 1rem
    }
}

.about-team__music {
    margin: auto auto 3.75rem;
    max-width: 73rem
}

@media (max-width: 767px) {
    .about-team__music {
        width: 100%;
        margin-bottom: 2.1875rem
    }
}

@media (max-width: 767px) {
    .about-team {
        padding: 1.875rem 0
    }
}

.product {
    position: relative;
    display: grid;
    grid-template-columns:53.1736526946% 1fr;
    gap: 4.0625rem;
    padding-block: 3.5rem 2.5rem
}

@media (max-width: 767px) {
    .product {
        display: flex;
        flex-direction: column;
        gap: 2.25rem;
        padding-block: .375rem 3.75rem
    }
}

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

.product__gallery-thumbs {
    margin: 0.75rem -0.5em -0.5em;
    padding: 0.5em;
    overflow: hidden;
}

.product__gallery-thumbs-slider.swiper {
    overflow: visible;
}

.product__gallery-thumbs-slide {
    position: relative;
    width: 9.375rem;
    height: 7.5rem;
    background: var(--suraface);
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow .3s ease-out, background .3s ease-out;
    padding: 0.5rem 0.625rem;
    box-sizing: border-box;
}

.product__gallery-thumbs-slide picture {
    mix-blend-mode: multiply;
    transition: transform .3s ease-out;
}

.product__gallery-thumbs-slide._active {
    background: #fff;
    box-shadow: 0 0 0 1px var(--borders);
}

.product__gallery-thumbs-slide._active picture {
    transform: scale(1.1);
    will-change: transform;
}

.product__gallery-thumbs-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__gallery-pagination {
    display: none
}

@media (max-width: 767px) {
    .product__gallery-pagination {
        position: static;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-top: 1.5rem;
        height: .5rem
    }

    .product__gallery-pagination .swiper-pagination-bullet {
        --size: 0.375rem;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        background-color: rgba(100, 105, 119, .5);
        transition: all .15s ease-out
    }

    .product__gallery-pagination .swiper-pagination-bullet-active {
        --size: 0.5rem;
        background-color: var(--primary-brand-accent)
    }
}

.product__gallery-slider {
    /*margin-bottom: 3.125rem;*/
    margin-bottom: 1.25rem
}

@media (max-width: 767px) {
    .product__gallery-slider {
        margin: 0 -1rem;
        padding: 0 1rem
    }
}

._grid .product__gallery-slides {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 3.125rem
}

@media (max-width: 767px) {
    .product__gallery-slides {
        display: flex
    }
}

.product__gallery-slide {
    box-sizing: border-box;
    aspect-ratio: 419/335;
    border-radius: var(--border-radius-default);
    background-color: var(--suraface);
    overflow: hidden
}

.product__gallery-slide:nth-child(1) {
    grid-column: span 2;
    aspect-ratio: 888/710;
    padding: 2.5rem 3.125rem
}

.product__gallery-slide picture {
    mix-blend-mode: multiply
}

/*.product__gallery-slide:nth-child(1) picture {*/
/*    mix-blend-mode: multiply*/
/*}*/

@media (max-width: 767px) {
    .product__gallery-slide {
        aspect-ratio: 328/262;
        border-radius: var(--border-radius-default);
        overflow: hidden
    }

    .product__gallery-slide:nth-child(1) {
        padding: .875rem 1.125rem
    }
}

.product__video-wrapper {
    position: relative;
    aspect-ratio: 888/710
}

.product__video-wrapper::after {
    --size: 4.5rem;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: var(--primary-brand) url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2014%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.7762%207.91661C13.9634%209.0672%2013.9634%2010.9327%2012.7762%2012.0833L5.99918%2018.6511C5.22351%2019.4028%203.97774%2019.4108%203.31024%2018.5616C1.44233%2016.1851%200.333252%2013.2181%200.333252%2010C0.333252%206.78196%201.44235%203.81494%203.31032%201.43839C3.97781%200.589157%205.22358%200.597178%205.99924%201.3489L12.7762%207.91661Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: .875rem;
    pointer-events: none
}

.product__gallery-labels {
    position: absolute;
    z-index: 2;
    top: 2.5rem;
    left: 3.125rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

@media (max-width: 767px) {
    .product__gallery-labels {
        top: 1rem;
        left: 2.125rem;
        gap: .25rem
    }
}

.product__info {
    display: grid;
    grid-auto-rows: min-content;
    gap: 2.875rem
}

@media (max-width: 767px) {
    .product__info {
        gap: 1.5rem
    }
}

.product__title {
    max-width: 50%
}

@media (max-width: 767px) {
    .product__title {
        max-width: 70%;
        font-size: 1.5rem
    }
}

.product__article {
    order: -1;
    width: -moz-fit-content;
    width: fit-content;
    padding: .6875rem .625rem;
    border-radius: 100vmax;
    color: var(--neutral-100);
    background-color: var(--suraface);
    font-size: .8125rem
}

.product__article b {
    color: var(--primary-typography);
    font-weight: 500
}

@media (max-width: 767px) {
    .product__article {
        order: 0
    }
}

.product__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.product__favorite-btn {
    letter-spacing: -.02em
}

@media (max-width: 767px) {
    .product__favorite-btn {
        flex-grow: 1;
        font-size: 1rem;
        letter-spacing: -.04em
    }
}

.product__download-btn {
    --size: 3.5rem;
    width: var(--size);
    height: var(--size);
    color: var(--neutral-100);
    border: 1px solid var(--borders);
    background: 0;
    padding: 0
}

.product__download-btn svg {
    --size: 1.5rem;
    width: var(--size);
    height: var(--size)
}

html._desktop .product__download-btn:hover {
    color: var(--secondary-typography);
    border-color: var(--suraface);
    background-color: var(--suraface)
}

.product__props {
    display: grid;
    gap: 1rem;
    font: var(--small-text-regular-normal);
    color: var(--secondary-typography)
}

@media (max-width: 767px) {
    .product__props {
        gap: .875rem;
        margin-top: -.1875rem
    }
}

.product__props-item {
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.product__props-item dd {
    text-align: right
}

.product__accordions {
    display: grid;
    gap: 1rem
}

.favorites-menu {
    position: fixed;
    z-index: 3;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 1.1875rem 0;
    padding-inline-end: var(--scrollbar-width);
    background-color: var(--suraface);
    box-shadow: 0 .9375rem 1.3125rem 0 rgba(0, 0, 0, .07);
    transition: transform .15s ease-out, opacity .15s ease-out
}

._loading .favorites-menu {
    opacity: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .favorites-menu {
        bottom: 4.5625rem;
        padding: 1rem 0;
        border-radius: var(--border-radius-default);
        box-shadow: 0 -.5625rem 1.3125rem 0 rgba(0, 0, 0, .03)
    }
}

.favorites-menu__container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2.5rem;
    box-sizing: border-box;
    padding: 0 4rem
}

@media (max-width: 767px) {
    .favorites-menu__container {
        --container-padding: 1rem;
        box-sizing: content-box;
        padding: 0 var(--container-padding)
    }
}

.favorites-menu__text {
    display: flex;
    align-items: center;
    gap: .5rem
}

@media (max-width: 767px) {
    .favorites-menu__text {
        display: none
    }
}

.favorites-menu__qty {
    flex-shrink: 0;
    padding: .5rem .75rem;
    border-radius: 100vmax;
    color: var(--white);
    background-color: var(--primary-typography);
    font-size: .875rem
}

.favorites-menu__button {
    gap: .5rem;
    height: 3rem
}

.favorites-menu__button._mobile {
    display: none
}

@media (max-width: 767px) {
    .favorites-menu__button {
        display: none;
        flex-grow: 1;
        height: 3.5rem;
        letter-spacing: -.02em
    }

    .favorites-menu__button._mobile {
        display: flex;
        gap: .625rem
    }

    .favorites-menu__button._mobile .favorites-menu__qty {
        padding: .3125rem 1.0625rem;
        font-size: .8125rem
    }
}

.favorites {
    position: relative;
    padding-top: 3.375rem
}

@media (max-width: 767px) {
    .favorites {
        padding-top: .8125rem
    }
}

.favorites__title {
    margin-bottom: 4.5rem;
    letter-spacing: -.01em
}

.favorites__title sup {
    position: relative;
    top: .3em;
    margin-inline-start: .1em;
    font-size: .4em;
    font-weight: 400;
    letter-spacing: -.01em
}

@media (max-width: 767px) {
    .favorites__title {
        margin-bottom: 1.625rem;
        font-size: 1.875rem
    }

    .favorites__title sup {
        margin-inline-start: -.1em;
        font-size: .55em
    }
}

.favorites__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 5rem 3.125rem;
    padding-bottom: 4.0625rem
}

@media (max-width: 767px) {
    .favorites__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 2rem 1.25rem;
        padding-bottom: 1rem
    }
}

.project-description {
    display: grid;
    grid-template-columns:1fr 27.8125rem;
    gap: 2.5rem;
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    .project-description {
        display: flex;
        flex-direction: column;
        padding: 1.25rem 0;
        margin-top: -2.25rem;
        gap: 5rem;
        margin-bottom: .5rem
    }
}

.project-description__info {
    background: var(--white);
    border-radius: var(--border-radius-default)
}

.project-description__data {
    position: relative;
    padding: 6.875rem 2.125rem;
    background: var(--primary-brand);
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .project-description__data {
        order: -1;
        padding: 2rem 1rem;
        width: 20.5rem;
        box-sizing: border-box;
        margin: 0 auto
    }

    .project-description__data::before {
        content: "";
        position: absolute;
        top: -1.875rem;
        left: -1rem;
        width: 100vw;
        height: 34rem;
        border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);
        background: var(--white);
        z-index: -1
    }
}

.project-description__title {
    padding: 1.875rem 4.0625rem
}

@media (max-width: 767px) {
    .project-description__title {
        padding: 2.3125rem 1rem 0
    }
}

.project-description__texts {
    display: grid;
    grid-template-columns:26.8125rem 32.625rem;
    gap: 8.9375rem;
    font-size: 1.0625rem;
    line-height: 1.5;
    padding: 6.5rem 4.0625rem 2.5rem;
    position: relative
}

.project-description__texts::before {
    content: "";
    position: absolute;
    top: 3.75rem;
    left: 0;
    width: calc(100% - 2px);
    height: 1.5rem;
    border: 1px solid var(--borders);
    border-bottom: 0;
    border-radius: 2.5rem 2.5rem 0 0;
    top: 0
}

@media (max-width: 767px) {
    .project-description__texts::before {
        display: none
    }
}

@media (max-width: 767px) {
    .project-description__texts {
        display: flex;
        flex-direction: column;
        padding: 1.875rem 1rem;
        gap: 1.75rem
    }
}

.project-description__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 767px) {
    .project-description__text {
        font: var(--text-regular);
        line-height: 1.5;
        gap: 1.5rem
    }
}

.project-description__lead-text {
    font: var(--very-big-text-bold)
}

@media (max-width: 767px) {
    .project-description__lead-text {
        font: var(--average-text-bold);
        line-height: 1.4
    }
}

.project-description__items {
    display: flex;
    flex-direction: column;
    gap: 2.9375rem
}

@media (max-width: 767px) {
    .project-description__items {
        gap: 1.875rem
    }
}

.project-description__share {
    padding: .125rem 1rem 3.75rem
}

.project-description-item {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

@media (max-width: 767px) {
    .project-description-item {
        gap: 1rem
    }
}

.project-description-item__icon {
    --size: 3rem;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0
}

@media (max-width: 767px) {
    .project-description-item__icon {
        --size: 2.5rem
    }
}

.project-description-item__content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.project-description-item__title {
    color: rgba(44, 45, 51, .67);
    font-size: .875rem;
    line-height: normal
}

.project-description-item__value {
    font: var(--text-medium);
    line-height: 1.3
}

.equipment {
    padding-top: 2.875rem;
    background: var(--white);
    border-radius: var(--border-radius-default)
}

@media (max-width: 767px) {
    .equipment {
        padding-top: 1.625rem
    }
}

.equipment__title {
    margin-top: -.0625rem;
    margin-bottom: 1.75rem
}

.equipment__title sup {
    position: relative;
    top: -.1em;
    margin-inline-start: -.2em;
    font-size: .45em;
    color: rgba(100, 105, 119, .5)
}

@media (max-width: 767px) {
    .equipment__title {
        line-height: 1.15
    }

    .equipment__title sup {
        top: .1em;
        margin: 0;
        font-size: .6em
    }
}

html._desktop .equipment__title:hover .equipment__link {
    color: var(--neutral-100)
}

@media (max-width: 767px) {
    .equipment__title {
        margin-bottom: 2.125rem
    }
}

.equipment__items {
    padding: 6.25rem 0 5.75rem;
    position: relative;
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 767px) {
    .equipment__items {
        grid-template-columns:repeat(2, 1fr);
        padding: 0 0 4.375rem;
        gap: 2rem 1.25rem
    }
}

.equipment__link {
    position: relative
}

.equipment__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project-gallery {
    padding: 2.875rem 0 6.25rem
}

@media (max-width: 767px) {
    .project-gallery {
        margin-top: -.6875rem;
        padding: 1.875rem 0 5.625rem
    }
}

.project-gallery__title {
    margin-bottom: 4.75rem
}

@media (max-width: 767px) {
    .project-gallery__title {
        margin-bottom: 2.125rem
    }
}

html._desktop .project-gallery picture:hover .article-slider__img {
    transform: scale(1.1);
    will-change: transform
}

.project-gallery .swiper-slide {
    border-radius: var(--border-radius-default);
    overflow: hidden;
    height: auto
}

.project-gallery .swiper-pagination {
    height: .5rem
}

@media (max-width: 767px) {
    .project-gallery .swiper-pagination {
        position: absolute;
        top: 15rem
    }

    .project-gallery .swiper-pagination .swiper-pagination-bullet {
        margin: 0
    }
}

.project-gallery .article-slider__next, .project-gallery .article-slider__prev {
    position: relative
}

.project-gallery .article-slider__prev {
    left: -1rem
}

.project-gallery .article-slider__next {
    right: -1rem
}

.project-slider__slider {
    max-width: 100%;
    padding: 0
}

.project-slider__video-wrapper {
    position: relative
}

.project-slider__video-wrapper::after {
    --size: 4.5rem;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: var(--primary-brand) url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2014%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.7762%207.91661C13.9634%209.0672%2013.9634%2010.9327%2012.7762%2012.0833L5.99918%2018.6511C5.22351%2019.4028%203.97774%2019.4108%203.31024%2018.5616C1.44233%2016.1851%200.333252%2013.2181%200.333252%2010C0.333252%206.78196%201.44235%203.81494%203.31032%201.43839C3.97781%200.589157%205.22358%200.597178%205.99924%201.3489L12.7762%207.91661Z%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
    background-size: .875rem;
    pointer-events: none
}

.similar-projects__slider-wrapper {
    display: grid;
    gap: 3.125rem;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 767px) {
    .similar-projects__slider-wrapper {
        display: flex;
        gap: 0
    }
}

@media (max-width: 767px) {
    .similar-projects picture {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .similar-projects img {
        aspect-ratio: 270/250
    }
}

.projects-list {
    padding-bottom: 7.375rem
}

@media (max-width: 767px) {
    .projects-list {
        padding-bottom: 3.75rem
    }
}

.projects-list__title {
    margin-top: 3.75rem;
    letter-spacing: -.01em;
    margin-bottom: 2.375rem
}

@media (max-width: 767px) {
    .projects-list__title {
        margin-top: .875rem;
        margin-bottom: 1.6875rem
    }
}

.projects-list__news-filter {
    display: grid;
    gap: 6.5rem;
    grid-template-columns:64.5625rem 19.5rem auto;
    margin-bottom: 1.875rem
}

@media (max-width: 767px) {
    .projects-list__news-filter {
        grid-template-columns:repeat(2, auto);
        gap: 1.3125rem 1rem;
        margin-bottom: 1.875rem
    }
}

.projects-list__items {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    margin-bottom: 4.875rem
}

@media (max-width: 767px) {
    .projects-list__items {
        display: flex;
        flex-direction: column;
        gap: 2.75rem;
        margin-bottom: 3rem
    }
}

.projects-list__item {
    display: inline-block;
    width: 100%;
    margin-bottom: 4rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

@media (max-width: 767px) {
    .projects-list__item {
        margin-bottom: 0
    }
}

.projects-list__item picture {
    height: 29.375rem
}

@media (max-width: 767px) {
    .projects-list__item picture {
        height: auto
    }
}

.projects-list__item ._big picture {
    height: 47.375rem
}

@media (max-width: 767px) {
    .projects-list__item ._big picture {
        height: auto
    }
}

@media (max-width: 767px) {
    .projects-list__item:last-child {
        margin-top: 0
    }
}

.projects-list__panel._items {
    margin-top: 3.375rem
}

.projects-list__panel._hidden {
    display: none
}

.projects-list__map-box {
    padding-top: 4.0625rem;
    position: relative
}

@media (max-width: 767px) {
    .projects-list__map-box {
        padding: 0;
        width: 100vw;
        margin-left: -1rem
    }
}

.projects-list__map-box::before {
    content: "";
    position: absolute;
    top: 3.75rem;
    left: 0;
    width: calc(100% - 2px);
    height: 1.5rem;
    border: 1px solid var(--borders);
    border-bottom: 0;
    border-radius: 2.5rem 2.5rem 0 0;
    top: 0;
    width: calc(100% + 7.9375rem);
    left: -4.0625rem
}

@media (max-width: 767px) {
    .projects-list__map-box::before {
        display: none
    }
}

.projects-list__text-block.article {
    padding-block: 0 3.375rem
}

@media (max-width: 767px) {
    .projects-list__text-block.article {
        padding-block: 0 2.0625rem
    }
}

.projects-list__text-block.article table {
    min-width: 100%
}

.projects-list__text-block.article p {
    font-size: 1.125rem;
    line-height: 1.5
}

.projects-list__text-block .article__container {
    max-width: 68.5625rem;
    margin: initial
}

@media (max-width: 767px) {
    .projects-list .news-filter__categories {
        grid-column: 1/-1;
        width: 20rem;
        margin: 0 -2rem;
        padding: 0 2rem
    }
}

@media (max-width: 767px) {
    .projects-list .news-filter__category {
        padding-bottom: .125rem
    }
}

.projects-list .news-filter__dropdown {
    width: 9.8125rem
}

@media (max-width: 767px) {
    .projects-list .news-filter__dropdown {
        width: 12.25rem
    }
}

.projects-list .news-filter__controls {
    display: flex;
    gap: .625rem
}

@media (max-width: 767px) {
    .projects-list .news-filter__controls {
        gap: .4375rem
    }
}

.projects-list .news-filter__control {
    padding: 0;
    width: 3.375rem;
    height: 3rem;
    background: var(--white);
    border: 1px solid var(--borders)
}

.projects-list .news-filter__control svg {
    stroke: var(--primary-typography)
}

.projects-list .news-filter__control._map svg {
    width: 1.5rem;
    height: 1.5rem
}

.projects-list .news-filter__control._list svg {
    width: 1rem;
    height: 1rem
}

html._desktop .projects-list .news-filter__control:hover {
    border: none
}

html._desktop .projects-list .news-filter__control:hover svg {
    stroke: var(--white);
    fill: var(--white)
}

.projects-list .news-filter__control._selected {
    border: none;
    background: var(--secondary-typography)
}

.projects-list .news-filter__control._selected svg {
    stroke: var(--white);
    fill: var(--white)
}

.faq-hero {
    position: relative;
    display: grid;
    gap: 3.125rem;
    grid-template-columns:44.474393531% 1fr;
    padding: 6rem 5.8125rem 7.25rem 5.8125rem;
    border-radius: var(--border-radius-default);
    color: var(--secondary-typography);
    background-color: var(--suraface);
    font: var(--neutral-text-normal);
    line-height: 1.5;
    overflow: hidden
}

@media (max-width: 767px) {
    .faq-hero {
        padding: 2.8125rem 1rem 3.5625rem 1rem;
        grid-template-columns:auto
    }
}

.faq-hero__col {
    position: relative;
    z-index: 1;
    padding: 2.5rem 3.5rem;
    border-radius: var(--border-radius-default);
    background-color: var(--white)
}

.faq-hero__col a {
    font-weight: 500
}

.faq-hero__col._button {
    display: flex;
    align-items: center;
    padding-inline: 7.5rem;
    margin-right: 3.125rem
}

.faq-hero__col._yellow {
    background-color: var(--primary-brand)
}

.faq-hero__col._gray {
    background-color: rgba(22, 22, 22, .07)
}

@media (max-width: 767px) {
    .faq-hero__col {
        padding: 0;
        background: 0
    }

    .faq-hero__col._button {
        padding: 0;
        margin: 0
    }

    .faq-hero__col._desktop {
        display: none
    }
}

.faq-hero__button {
    flex-grow: 1;
    height: 4rem
}

@media (max-width: 767px) {
    .faq-hero__button {
        height: 3.5rem
    }
}

.faq-hero picture {
    position: absolute;
    top: -32%;
    right: 15.7%;
    width: 57.375rem;
    height: 140%
}

.faq-hero picture img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 767px) {
    .faq-hero picture {
        top: -8%;
        right: -6.5%;
        width: 22.3125rem;
        height: 116%
    }
}

.faq {
    position: relative;
    padding-bottom: 8.125rem
}

@media (max-width: 767px) {
    .faq {
        padding-bottom: 3.75rem
    }
}

.faq__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 3.125rem;
    max-width: 86.5rem;
    margin: 0 auto
}

@media (max-width: 767px) {
    .faq__list {
        grid-template-columns:auto;
        gap: 2.375rem
    }
}

.materials {
    position: relative;
    padding-bottom: 6.25rem
}

@media (max-width: 767px) {
    .materials {
        padding-bottom: 3.75rem
    }
}

.materials__hero {
    margin-bottom: 3.5rem
}

@media (max-width: 767px) {
    .materials__hero {
        margin-bottom: 2rem
    }
}

.materials__accordions {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 3.125rem
}

.materials__accordions > * {
    display: grid;
    gap: 1.4375rem;
    grid-auto-rows: min-content
}

@media (max-width: 767px) {
    .materials__accordions {
        grid-template-columns:auto;
        gap: 1rem
    }

    .materials__accordions > * {
        gap: 1rem
    }
}

.materials-list {
    display: flex;
    flex-direction: column;
    row-gap: 7.5rem;
    margin: 0 -4rem;
    padding-bottom: 7.5rem
}

@media (max-width: 767px) {
    .materials-list {
        row-gap: .75rem;
        margin: 0
    }
}

.materials-hero {
    position: relative;
    aspect-ratio: 1670/1179
}

.materials-hero__img {
    border-radius: var(--border-radius-default)
}

.materials-hero__tooltip {
    position: absolute
}

@media (max-width: 767px) {
    .materials-hero__tooltip {
        display: none
    }
}

.materials-hero__button {
    --size: 3.5rem;
    width: var(--size);
    height: var(--size);
    padding: 0;
    border-radius: 50%;
    color: var(--primary-typography);
    background-color: var(--primary-brand);
    transition: background-color .3s ease-out, color .3s ease-out
}

.materials-hero__button svg {
    --size: 0.875rem;
    width: var(--size);
    height: var(--size);
    transition: transform .3s ease-out
}

html._desktop .materials-hero__button:hover {
    border-radius: 50%;
    color: var(--primary-brand);
    background-color: var(--secondary-typography)
}

html._desktop .materials-hero__button:hover svg {
    transform: rotate(-90deg)
}

.materials-hero__tooltip-title {
    font: var(--big-text-medium);
    line-height: 1.3;
    color: var(--primary-typography);
    margin-bottom: 1.25rem
}

.materials-hero__tooltip-content {
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    width: -moz-max-content;
    width: max-content;
    max-width: 23.75rem;
    padding: 1.5rem;
    border-radius: var(--border-radius-default);
    background-color: var(--primary-brand);
    color: var(--secondary-typography);
    pointer-events: none;
    opacity: 0
}

.materials-hero__tooltip-content p + p {
    margin-top: 1rem
}

._up .materials-hero__tooltip-content {
    top: auto;
    bottom: calc(100% + .5rem)
}

._right .materials-hero__tooltip-content {
    left: auto;
    right: 0
}

.materials-hero__tooltip._active .materials-hero__tooltip-content {
    opacity: 1
}

.materials-hero__tooltip._active .materials-hero__button {
    color: var(--primary-brand);
    background-color: var(--secondary-typography)
}

.materials-hero__tooltip._active .materials-hero__button svg {
    transform: rotate(-90deg)
}

.map {
    position: relative;
    height: 47.625rem;
    border-radius: var(--border-radius-default);
    overflow: hidden
}

@media (max-width: 767px) {
    .map {
        height: 24.375rem
    }
}

.map__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.map__pin-box {
    position: relative;
    z-index: 3
}

.map__pin-wrapper {
    cursor: pointer;
    display: inline-block;
    transform: translate(-50%, -100%);
    transform-origin: center top;
    will-change: transform
}

.map__pin-wrapper._active .map__pin._active {
    opacity: 1
}

.map__pin {
    display: block;
    width: 3.375rem;
    height: 3.6875rem;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2054%2059%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M26.9907%2055.9512C25.9864%2055.9512%2024.9822%2055.6946%2024.0895%2055.1814L5.9012%2044.8257C4.11584%2043.7993%203%2041.8931%203%2039.8587V19.1473C3%2017.1128%204.11584%2015.2066%205.9012%2014.1802L24.0895%203.82449C25.8749%202.79809%2028.1066%202.79809%2029.9105%203.82449L48.0988%2014.1802C49.8842%2015.2066%2051%2017.1128%2051%2019.1473V39.8587C51%2041.8931%2049.8842%2043.7993%2048.0988%2044.8257L29.9105%2055.1814C28.9992%2055.713%2027.995%2055.9512%2026.9907%2055.9512Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M48.0988%2044.8228L29.9105%2055.1785C28.9992%2055.71%2027.995%2055.9483%2026.9907%2055.9483C25.9864%2055.9483%2024.9822%2055.6917%2024.0895%2055.1785L5.9012%2044.8228C4.11584%2043.7964%203%2041.8902%203%2039.8557V19.1443C3%2017.1098%204.11584%2015.2036%205.9012%2014.1772L24.0895%203.82153C25.8749%202.79512%2028.1066%202.79512%2029.9105%203.82153L48.0988%2014.1772C49.8842%2015.2036%2051%2017.1098%2051%2019.1443V39.8557C51%2041.8902%2049.8842%2043.7964%2048.0988%2044.8228ZM22.6134%201.16474C22.6154%201.16363%2022.6173%201.16253%2022.6192%201.16142C25.3242%20-0.390942%2028.6677%20-0.382236%2031.375%201.15812L49.5749%2011.5204C52.2686%2013.0691%2054%2015.9712%2054%2019.1443V39.8557C54%2043.0288%2052.2686%2045.9309%2049.5749%2047.4796L49.564%2047.4858L31.3877%2057.8347C29.981%2058.6513%2028.4584%2059%2026.9907%2059C25.4897%2059%2023.9767%2058.6175%2022.6197%2057.8389C22.6176%2057.8377%2022.6155%2057.8365%2022.6134%2057.8353L4.42513%2047.4796C1.73136%2045.9309%200%2043.0288%200%2039.8557V19.1443C0%2015.9712%201.73135%2013.0691%204.42514%2011.5204L4.43595%2011.5142L22.6134%201.16474Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.0766%2022.8281L10.2857%2024.6629C9.83215%2024.9625%209.22164%2024.6255%209.22164%2024.0451L9.13442%2020.5439L9.04721%2017.0427C9.02976%2016.4623%209.60539%2016.0879%2010.0938%2016.3687L12.9545%2018.035L15.8151%2019.7014C16.2861%2019.9822%2016.3035%2020.7124%2015.85%2021.012L13.0766%2022.8281ZM41.2817%2022.8281L44.0726%2024.6629C44.5261%2024.9625%2045.1366%2024.6255%2045.1366%2024.0451L45.2238%2020.5439L45.311%2017.0427C45.3285%2016.4623%2044.7528%2016.0879%2044.2644%2016.3687L41.4038%2018.035L38.5431%2019.7014C38.0721%2019.9822%2038.0547%2020.7124%2038.5082%2021.012L41.2817%2022.8281ZM29.5838%2042.5402H27.0739H24.5475C24.1347%2042.5402%2023.8705%2042.8915%2024.0852%2043.1725L25.3401%2044.8762L26.5951%2046.5799C26.8097%2046.8609%2027.3216%2046.8609%2027.5363%2046.5799L28.7912%2044.8762L30.0461%2043.1725C30.2608%2042.8915%2029.9966%2042.5402%2029.5838%2042.5402ZM21.8931%2020.3414L15.349%2024.5003L8.80482%2028.6593C7.73173%2029.3402%207.73173%2031.0516%208.80482%2031.7325L15.349%2035.8914L21.8931%2040.0503C22.9662%2040.7312%2024.3032%2039.8847%2024.3032%2038.5046V30.1683V21.832C24.3208%2020.507%2022.9662%2019.6605%2021.8931%2020.3414ZM20.8904%2033.5543C20.0108%2033.5543%2019.2895%2032.7998%2019.2895%2031.8797C19.2895%2030.9596%2020.0108%2030.2051%2020.8904%2030.2051C21.77%2030.2051%2022.4912%2030.9596%2022.4912%2031.8797C22.4736%2032.7998%2021.77%2033.5543%2020.8904%2033.5543ZM38.6437%2024.206L45.1826%2028.3542C46.2725%2029.0334%2046.2725%2030.7404%2045.1826%2031.4746L38.6437%2035.6229L32.1048%2039.7711C31.0326%2040.4503%2029.6967%2039.5876%2029.6967%2038.2293V29.9144V21.5996C29.6967%2020.2229%2031.0326%2019.3786%2032.1048%2020.0577L38.6437%2024.206ZM31.5247%2031.548C31.5247%2032.4658%2032.2454%2033.2183%2033.1243%2033.2183C34.0032%2033.2183%2034.7239%2032.4658%2034.7239%2031.548C34.7239%2030.6303%2034.0032%2029.8777%2033.1243%2029.8777C32.2454%2029.8777%2031.5247%2030.6303%2031.5247%2031.548Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    }

.map__pin._active {
    position: absolute;
    top: 0;
    left: 0;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2054%2059%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M26.9907%2055.8541C25.9864%2055.8541%2024.9822%2055.5979%2024.0895%2055.0855L5.9012%2044.7457C4.11584%2043.7209%203%2041.8177%203%2039.7863V19.1068C3%2017.0755%204.11584%2015.1722%205.9012%2014.1474L24.0895%203.80768C25.8748%202.78286%2028.1066%202.78286%2029.9105%203.80768L48.0988%2014.1474C49.8842%2015.1722%2051%2017.0755%2051%2019.1068V39.7863C51%2041.8177%2049.8842%2043.7209%2048.0988%2044.7457L29.9105%2055.0855C28.9992%2055.6162%2027.995%2055.8541%2026.9907%2055.8541Z%22%20fill%3D%22%23FCE127%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M48.0988%2044.7537L29.9105%2055.0935C28.9992%2055.6242%2027.995%2055.8621%2026.9907%2055.8621C25.9864%2055.8621%2024.9822%2055.6059%2024.0895%2055.0935L5.9012%2044.7537C4.11584%2043.7289%203%2041.8256%203%2039.7943V19.1148C3%2017.0835%204.11584%2015.1802%205.9012%2014.1554L24.0895%203.81564C25.8749%202.79082%2028.1066%202.79082%2029.9105%203.81564L48.0988%2014.1554C49.8842%2015.1802%2051%2017.0835%2051%2019.1148V39.7943C51%2041.8256%2049.8842%2043.7289%2048.0988%2044.7537ZM22.6134%201.16295C22.6154%201.16184%2022.6173%201.16074%2022.6192%201.15963C25.3242%20-0.390339%2028.6677%20-0.381647%2031.375%201.15634L49.5749%2011.5027C52.2686%2013.049%2054%2015.9466%2054%2019.1148V39.7943C54%2042.9625%2052.2686%2045.8601%2049.5749%2047.4064L49.564%2047.4126L31.3877%2057.7455C29.981%2058.5609%2028.4584%2058.9091%2026.9907%2058.9091C25.4897%2058.9091%2023.9767%2058.5272%2022.6197%2057.7498C22.6176%2057.7486%2022.6155%2057.7473%2022.6134%2057.7461L4.42513%2047.4064C1.73136%2045.8601%200%2042.9625%200%2039.7943V19.1148C0%2015.9466%201.73135%2013.049%204.42514%2011.5027L4.43595%2011.4965L22.6134%201.16295Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.0766%2022.7867L10.2857%2024.6187C9.83215%2024.9179%209.22164%2024.5814%209.22164%2024.0018L9.13442%2020.5061L9.04721%2017.0103C9.02976%2016.4308%209.60539%2016.0569%2010.0938%2016.3373L12.9545%2018.0011L15.8151%2019.6648C16.2861%2019.9452%2016.3035%2020.6743%2015.85%2020.9734L13.0766%2022.7867ZM41.2817%2022.7867L44.0726%2024.6187C44.5261%2024.9179%2045.1366%2024.5814%2045.1366%2024.0018L45.2238%2020.5061L45.311%2017.0103C45.3285%2016.4308%2044.7528%2016.0569%2044.2644%2016.3373L41.4038%2018.0011L38.5431%2019.6648C38.0721%2019.9452%2038.0547%2020.6743%2038.5082%2020.9734L41.2817%2022.7867ZM29.5838%2042.4685H27.0739H24.5475C24.1347%2042.4685%2023.8705%2042.8192%2024.0852%2043.0998L25.3401%2044.8009L26.5951%2046.502C26.8097%2046.7826%2027.3216%2046.7826%2027.5363%2046.502L28.7912%2044.8009L30.0461%2043.0998C30.2608%2042.8192%2029.9966%2042.4685%2029.5838%2042.4685ZM21.8931%2020.3039L15.349%2024.4564L8.80482%2028.6089C7.73173%2029.2888%207.73173%2030.9976%208.80482%2031.6774L15.349%2035.8299L21.8931%2039.9825C22.9662%2040.6623%2024.3032%2039.8171%2024.3032%2038.439V30.1156V21.7922C24.3208%2020.4692%2022.9662%2019.624%2021.8931%2020.3039ZM20.8904%2033.4964C20.0108%2033.4964%2019.2895%2032.7431%2019.2895%2031.8244C19.2895%2030.9057%2020.0108%2030.1524%2020.8904%2030.1524C21.77%2030.1524%2022.4912%2030.9057%2022.4912%2031.8244C22.4736%2032.7431%2021.77%2033.4964%2020.8904%2033.4964ZM38.6437%2024.1625L45.1826%2028.3044C46.2725%2028.9825%2046.2725%2030.6869%2045.1826%2031.4199L38.6437%2035.5618L32.1048%2039.7037C31.0326%2040.3818%2029.6967%2039.5204%2029.6967%2038.1642V29.8622V21.5601C29.6967%2020.1856%2031.0326%2019.3426%2032.1048%2020.0206L38.6437%2024.1625ZM31.5247%2031.4933C31.5247%2032.4096%2032.2454%2033.161%2033.1243%2033.161C34.0032%2033.161%2034.7239%2032.4096%2034.7239%2031.4933C34.7239%2030.5769%2034.0032%2029.8255%2033.1243%2029.8255C32.2454%2029.8255%2031.5247%2030.5769%2031.5247%2031.4933Z%22%20fill%3D%22%23111111%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0;
    opacity: 0;
    transition: opacity ease-out .6s
}

@media (max-width: 767px) {
    .map__pin {
        width: 2.75rem;
        height: 3rem
    }
}

.map__tooltip {
    position: relative;
    font-size: .9375rem;
    line-height: 1.2;
    border-radius: var(--border-radius-default);
    color: var(--white);
    background: var(--secondary-typography);
    width: 10.9375rem;
    margin-top: 1rem;
    box-shadow: 0 .9375rem 1.3125rem 0 rgba(0, 0, 0, .07);
    padding: 1rem 1.5rem;
    opacity: 0;
    transition: opacity ease-out .6s;
    transform: translate(-1.75rem, calc(-100% + 1rem))
}

@media (max-width: 767px) {
    .map__tooltip {
        transform: translate(-1.4375rem, calc(-100% + 1rem))
    }
}

.map__tooltip._active {
    opacity: 1
}

.map__tooltip._active .map__link {
    pointer-events: all
}

.map__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ymaps3x0--main-engine-container {
    filter: grayscale(100%)
}

.ymaps3x0--marker._active {
    z-index: 999 !important
}

.all-catalog {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 105, 119, .42);
    padding-top: 8.3125rem;
    opacity: 0;
    pointer-events: none;
    padding-inline-end: var(--scrollbar-width);
    box-sizing: border-box
}

@media (max-width: 767px) {
    .all-catalog {
        padding-top: 1.25rem;
        background: var(--white)
    }
}

.all-catalog._active {
    opacity: 1;
    pointer-events: all
}

.all-catalog__title {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 2.3125rem
}

@media (max-width: 767px) {
    .all-catalog__title {
        font-size: 1.125rem;
        margin-bottom: 1.0625rem
    }
}

html._desktop .all-catalog__title:hover {
    color: var(--neutral-100)
}

.all-catalog__inner {
    background: var(--white);
    margin: 0 auto;
    --container-max-width: 112.5rem;
    --container-padding: 3.75rem;
    width: min(var(--container-max-width), 100% - var(--container-padding) * 2);
    padding: 2.625rem 3.9375rem 5.25rem;
    box-sizing: border-box;
    border-radius: 1.5rem;
    max-height: 66.875rem;
    height: calc(100vh - 12.5rem);
    overflow: hidden
}

@media (max-width: 1280px) {
    .all-catalog__inner {
        --container-padding: 1.25rem
    }
}

@media (max-width: 767px) {
    .all-catalog__inner {
        padding: 1rem;
        width: 100%;
        left: 0;
        border-radius: 0;
        height: 100%;
        max-height: 100%
    }
}

.all-catalog__inner-wrapper {
    display: grid;
    gap: 4.625rem;
    align-items: flex-start;
    grid-template-columns:40.3125rem 9rem auto;
    height: 100%
}

@media (max-width: 767px) {
    .all-catalog__inner-wrapper {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        height: inherit
    }
}

.all-catalog__categories {
    display: flex;
    flex-direction: column;
    gap: .5625rem;
    height: calc(100% - 5.1875rem);
    overflow-y: auto;
    padding-right: 4.125rem
}

.all-catalog__categories::-moz-scrollbar {
    background: rgba(0, 0, 0, 0);
    width: .375rem
}

.all-catalog__categories::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0);
    width: .375rem
}

.all-catalog__categories::scrollbar {
    background: rgba(0, 0, 0, 0);
    width: .375rem
}

.all-catalog__categories::-moz-scrollbar-thumb {
    border-radius: .375rem;
    background: var(--borders)
}

.all-catalog__categories::-webkit-scrollbar-thumb {
    border-radius: .375rem;
    background: var(--borders)
}

.all-catalog__categories::scrollbar-thumb {
    border-radius: .375rem;
    background: var(--borders)
}

@media (max-width: 767px) {
    .all-catalog__categories {
        padding-right: .0625rem;
        width: 100%;
        height: calc(100% - 10rem)
    }

    .all-catalog__categories::-moz-scrollbar {
        display: none
    }

    .all-catalog__categories::-webkit-scrollbar {
        display: none
    }

    .all-catalog__categories::scrollbar {
        display: none
    }
}

.all-catalog__btn-close {
    display: none
}

@media (max-width: 767px) {
    .all-catalog__btn-close {
        display: block
    }
}

.all-catalog__img-wrapper {
    border-radius: var(--border-radius-default);
    overflow: hidden;
    width: 41.6875rem;
    margin-left: auto
}

.all-catalog__img-wrapper._hide {
    opacity: 0
}

.all-catalog__img-wrapper._show {
    opacity: 1
}

@media (max-width: 767px) {
    .all-catalog__img-wrapper {
        display: none
    }
}

.subcategories {
    flex-direction: column;
    gap: 1.5625rem;
    padding-top: 2.5625rem;
    display: none
}

.subcategories._active {
    display: flex
}

@media (max-width: 767px) {
    .subcategories._active {
        display: none
    }
}

.subcategories__item {
    width: -moz-max-content;
    width: max-content
}

.subcategories__link {
    font: var(--average-text-medium)
}

html._desktop .subcategories__link:hover {
    color: var(--neutral-100)
}

.not-found {
    position: relative;
    overflow: hidden
}

.not-found::after {
    --size: 69.8125rem;
    content: "";
    position: absolute;
    top: -7.3125rem;
    right: -23.9375rem;
    width: var(--size);
    height: var(--size);
    background: var(--primary-brand);
    border-radius: 50%
}

@media (max-width: 767px) {
    .not-found::after {
        display: none
    }
}

.not-found__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 13.9375rem;
    grid-template-columns:27.8125rem 36.0625rem;
    padding: 6.5rem 13rem 9.8125rem;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .not-found__inner {
        display: flex;
        flex-direction: column;
        padding: 1.625rem 1rem;
        padding-bottom: 4.8125rem;
        gap: 1.1875rem;
        text-align: center
    }
}

.not-found picture {
    width: 36.0625rem;
    height: 38.9375rem
}

@media (max-width: 767px) {
    .not-found picture {
        width: 9.5625rem;
        height: 10.3125rem;
        margin: 0 auto;
        order: -1
    }
}

.not-found__title {
    font-size: 3.125rem;
    line-height: 1.01;
    font-weight: 700;
    letter-spacing: -.5px;
    margin-bottom: 2.8125rem;
    padding-top: 5.25rem
}

@media (max-width: 767px) {
    .not-found__title {
        padding-top: 0;
        font-size: 1.25rem;
        line-height: 1.3;
        text-align: center;
        letter-spacing: -.2px;
        max-width: 16.25rem;
        margin: 0 auto;
        margin-bottom: 1.5rem
    }
}

.not-found__text {
    font: var(--average-text-medium);
    line-height: 1.55;
    max-width: 20.875rem;
    margin-bottom: 2.5625rem
}

@media (max-width: 767px) {
    .not-found__text {
        font: var(--text-regular);
        line-height: 1.4;
        margin-bottom: 2rem
    }
}

.not-found__buttons {
    display: flex;
    gap: 1.5rem
}

@media (max-width: 767px) {
    .not-found__buttons {
        flex-direction: column;
        gap: 1rem
    }
}

.not-found__button:first-child {
    padding: 0 3.9375rem
}

.not-found__button:last-child {
    padding: 0 1.75rem
}

.not-found__mark {
    display: inline-block;
    position: relative
}

.not-found__mark span {
    position: relative
}

.not-found__mark::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.0625rem;
    bottom: -.0625rem;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20266%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.00186074%2011.7407C-0.0649665%208.98011%202.11869%206.68425%204.87918%206.61277L260.146%200.00339643C262.907%20-0.0680785%20265.199%202.1119%20265.266%204.87251C265.333%207.63313%20263.149%209.92899%20260.388%2010.0005L5.12119%2016.6098C2.36069%2016.6813%200.068688%2014.5013%200.00186074%2011.7407Z%22%20fill%3D%22%23FCE127%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

@media (max-width: 767px) {
    .not-found__mark::before {
        display: none
    }
}

.page._news .page__news-filter {
    margin-bottom: 3.375rem
}

.page._news .page__pagination {
    padding-block: 8.875rem 7.5rem;
    padding-top: 4.8125rem
}

@media (max-width: 767px) {
    .page._news .page__news-filter {
        margin-bottom: 2rem
    }

    .page._news .page__pagination {
        padding-block: 3rem 3.75rem;
        padding-top: 2rem
    }
}

.page._catalog .page__pagination {
    grid-column: span 1/-1;
    padding-block: 7.5rem;
    padding-top: 3.4375rem
}

@media (max-width: 767px) {
    .page._catalog {
        padding-top: 5rem
    }

    .page._catalog .page__pagination {
        padding-block: 3.625rem 3.75rem;
        padding-top: 2.625rem
    }
}

@media (max-width: 767px) {
    .page._catalog-main {
        padding-top: 5rem
    }

    .page._catalog-main .page__top-section {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 1rem
    }
}

.page._favorites .wrapper {
    padding-bottom: 5rem
}

.page._favorites .page__pagination {
    grid-column: span 1/-1;
    padding-block: 7.5rem;
    padding-top: 3.4375rem
}

@media (max-width: 767px) {
    .page._favorites {
        padding-top: 5rem
    }

    .page._favorites .page__pagination {
        padding-block: 3.625rem 3.75rem;
        padding-top: 3.25rem
    }
}

.page._faq .page__title {
    margin-bottom: 2.5rem
}

.page._faq .page__hero {
    margin-bottom: 5rem
}

@media (max-width: 767px) {
    .page._faq {
        padding-top: 5rem
    }

    .page._faq .page__title {
        margin-block: .875rem 1.625rem
    }

    .page._faq .page__hero {
        margin-bottom: 2.375rem
    }
}

@media (max-width: 767px) {
    .page._materials {
        padding-top: 5rem
    }

    .page._materials .page__title {
        margin-block: .8125rem 1.625rem;
        font-size: 1.875rem
    }
}

/* End */


/* Start:/local/templates/main/css/custom.css?175224899316488*/
:root {
	--ff-default: "TT_Firs_Neue", Arial, sans-serif;
	--ff-manttiy: "Manttiy_Sight", Arial, sans-serif;
    --primary-brand: #FFDD00;
    --primary-typography: #343538;	
	--secondary-typography: #343538;
    --f-button-hover-bg: #D9D9D9;
}
		
@font-face {
    font-family: TT_Firs_Neue;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/main/css/fonts/TT_Firs_Neue_Bold.woff2) format("woff2"), url(/local/templates/main/css/fonts/TT_Firs_Neue_Bold.woff) format("woff")
}

@font-face {
    font-family: TT_Firs_Neue;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/local/templates/main/css/fonts/TT_Firs_Neue_Medium.woff2) format("woff2"), url(/local/templates/main/css/fonts/TT_Firs_Neue_Medium.woff) format("woff")
}

@font-face {
    font-family: TT_Firs_Neue;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/main/css/fonts/TT_Firs_Neue_Regular.woff2) format("woff2"), url(/local/templates/main/css/fonts/TT_Firs_Neue_Regular.woff) format("woff")
}

@font-face {
    font-family: "Manttiy_Sight";
    src: url("/local/templates/main/css/fonts/manttiy-sight_cyrillic-script.woff2") format("woff2"), url("/local/templates/main/css/fonts/manttiy-sight_cyrillic-script.woff") format("woff")
}

.button._transparent-yellow {
    color: var(--secondary-typography);
    background: transparent;
    border: 1px solid var(--primary-brand)
}

html._desktop .button._transparent-yellow:hover {
    background: transparent;
}

.equipment__item__controls{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}
.equipment__item__controls .button{
    flex: 1;
}
@media (max-width: 767px) {
    .equipment__item__controls {
        margin-top: 10px;
    }
}
label.disabled{
    pointer-events: none;
}

.word {
    font-family: var(--ff-manttiy);
}

.hero-main__title {
	line-height: 1.1;
}

.hero-main__title .word {
    line-height: 2;
}

.info-delivery__mark::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20110%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M5%209.60938L105%205%22%20stroke%3D%22%23FFDD00%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.info-delivery__mark._designer::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20110%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M5%209.60938L105%205%22%20stroke%3D%22%23FFDD00%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.info-delivery__mark._assembly::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20231%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M5%2010.6094L226%205%22%20stroke%3D%22%23FFDD00%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.text-block__mark::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20253%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M2%202H251%22%20stroke%3D%22%23FFDD00%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}


@media (max-width: 767px) {
    .text-block__mark._mobile::before {
        background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20259%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20d%3D%22M2%202H257%22%20stroke%3D%22%23FFDD00%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
    }
}

.article__date::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2247%22%20height%3D%2246%22%20viewBox%3D%220%200%2047%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20x%3D%220.5%22%20width%3D%2246%22%20height%3D%2246%22%20rx%3D%2223%22%20fill%3D%22%232C2D33%22%2F%3E%0D%0A%3Cpath%20d%3D%22M18.46%2013C18.878%2013%2019.216%2013.31%2019.216%2013.692V15.09C19.886%2015.078%2020.638%2015.078%2021.484%2015.078H25.516C26.362%2015.078%2027.113%2015.078%2027.784%2015.09V13.692C27.784%2013.31%2028.122%2013%2028.54%2013C28.958%2013%2029.296%2013.31%2029.296%2013.692V15.15C30.746%2015.256%2031.699%2015.518%2032.399%2016.158C33.099%2016.799%2033.384%2017.671%2033.5%2019V20H13.5V19C13.616%2017.671%2013.901%2016.8%2014.601%2016.158C15.301%2015.518%2016.253%2015.256%2017.704%2015.15V13.692C17.704%2013.31%2018.043%2013%2018.46%2013Z%22%20fill%3D%22%23FFDD00%22%2F%3E%0D%0A%3Cpath%20opacity%3D%220.5%22%20d%3D%22M33.4998%2025V23C33.4998%2022.161%2033.4868%2020.665%2033.4738%2020H13.5058C13.4928%2020.665%2013.5058%2022.161%2013.5058%2023V25C13.5058%2028.771%2013.5058%2030.657%2014.6758%2031.828C15.8488%2033%2017.7338%2033%2021.5038%2033H25.5038C29.2738%2033%2031.1578%2033%2032.3298%2031.828C33.4998%2030.657%2033.4998%2028.771%2033.4998%2025Z%22%20fill%3D%22%23FFDD00%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center center;
}

.not-found__mark::before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20266%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20style%3D%22mix-blend-mode%3Amultiply%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.00186074%2011.7407C-0.0649665%208.98011%202.11869%206.68425%204.87918%206.61277L260.146%200.00339643C262.907%20-0.0680785%20265.199%202.1119%20265.266%204.87251C265.333%207.63313%20263.149%209.92899%20260.388%2010.0005L5.12119%2016.6098C2.36069%2016.6813%200.068688%2014.5013%200.00186074%2011.7407Z%22%20fill%3D%22%23FFDD00%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E') no-repeat 0 0
}

.cta__action {
	top: -7.625rem;
    right: 27.3125rem;
}

.map__pin {
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.999996 23.007334'%3E%3Cpath d='m 8.7642018,1.1686963 c 1.096814,-0.61160417 2.4346272,-0.60171757 3.5236742,0.029618 l 6.206439,3.5979711 0.05154,0.030462 c 1.075945,0.6479701 1.736341,1.8162603 1.736341,3.0789505 v 7.1959731 c 0,1.262636 -0.660396,2.430981 -1.736341,3.07888 l -0.05154,0.03048 -6.206439,3.597987 c -1.089047,0.631357 -2.4268602,0.641204 -3.5236742,0.02962 l -0.05209,-0.02961 -6.2064221,-3.597987 C 1.3993496,17.569674 0.71780002,16.384393 0.71780002,15.10167 V 7.9056971 c 0,-1.2827298 0.68154188,-2.4680504 1.78788728,-3.1094115 L 8.7121098,1.1983145 Z' fill='%23ffffff' stroke='%23343538' stroke-width='1.4356'/%3E%3Cpath d='M 7.1531857,17.565658 3.8154151,15.566346 C 3.6144803,15.445983 3.514009,15.385801 3.4317147,15.312701 3.2370402,15.13956 3.1051732,14.906395 3.0568556,14.649834 c -0.020429,-0.108469 -0.020429,-0.225918 -0.020429,-0.460815 0,-0.241278 0,-0.361879 0.021393,-0.47279 0.050616,-0.262467 0.1886651,-0.499807 0.3914513,-0.673105 0.085698,-0.07317 0.1903284,-0.132415 0.3995788,-0.250968 l 3.7398991,-2.11865 c 0.526748,-0.298388 1.172158,-0.291455 1.69244,0.01828 0.440106,0.261996 0.709897,0.737542 0.709897,1.251293 v 4.004371 c 0,1.086423 0,1.629714 -0.226957,1.940547 -0.197852,0.271053 -0.50169,0.444274 -0.834946,0.476098 -0.382131,0.03647 -0.846714,-0.24183 -1.7759976,-0.798432 z' fill='%23343538'/%3E%3Cpath d='m 13.870845,17.565658 3.337747,-1.999312 c 0.200991,-0.120363 0.301406,-0.180545 0.383701,-0.253645 0.194713,-0.173141 0.326589,-0.406306 0.374914,-0.662867 0.02039,-0.108469 0.02039,-0.225918 0.02039,-0.460815 0,-0.241278 0,-0.361879 -0.02134,-0.47279 -0.05068,-0.262467 -0.188673,-0.499807 -0.391467,-0.673105 -0.08575,-0.07317 -0.190321,-0.132415 -0.399626,-0.250968 l -3.739883,-2.11865 c -0.526795,-0.298388 -1.172205,-0.291455 -1.692409,0.01828 -0.440106,0.261996 -0.709975,0.737542 -0.709975,1.251293 v 4.004371 c 0,1.086423 0,1.629714 0.226957,1.940547 0.19793,0.271053 0.501767,0.444274 0.834947,0.476098 0.38221,0.03647 0.846793,-0.24183 1.776035,-0.798432 z' fill='%23343538'/%3E%3Cpath d='m 10.149634,18.587802 c 0.218092,-0.120444 0.482469,-0.120444 0.700639,0 l 0.970588,0.535963 c 0.267829,0.147934 0.267829,0.534389 0,0.682244 l -0.970588,0.536044 c -0.21817,0.120442 -0.482547,0.120442 -0.700639,0 L 9.1790478,19.806009 c -0.267831,-0.147855 -0.267831,-0.53431 0,-0.682244 z' fill='%23343538'/%3E%3Cpath d='m 3.0362232,9.4196149 v -0.417019 c 0,-0.6169412 0,-0.9254122 0.1290742,-1.1043034 0.1125919,-0.1559918 0.285716,-0.2568514 0.4764914,-0.2775605 0.218704,-0.02375 0.4854114,0.1293514 1.0188342,0.4355768 l 1.9210911,1.1027291 c 0.2520607,0.144703 0.3780914,0.217016 0.420776,0.312093 0.037241,0.08288 0.037735,0.177711 0.00134,0.260972 -0.041696,0.09555 -0.1669653,0.169202 -0.4175044,0.3165061 L 5.3707938,10.763385 C 4.605418,11.213409 4.222714,11.43846 3.9083714,11.406637 3.6342112,11.378909 3.3847705,11.235386 3.2224019,11.011832 3.0362237,10.755507 3.0362237,10.31021 3.0362232,9.4196149 Z' fill='%23343538'/%3E%3Cpath d='m 17.963128,9.4196149 v -0.417019 c 0,-0.6169412 0,-0.9254122 -0.129051,-1.1043034 C 17.721423,7.7423007 17.548362,7.6414411 17.35757,7.620732 17.138851,7.596982 16.87212,7.7500834 16.338736,8.0563088 l -1.921092,1.1027291 c -0.25206,0.144703 -0.37813,0.217016 -0.420807,0.312093 -0.03727,0.08288 -0.03774,0.177711 -0.0013,0.260972 0.04166,0.09555 0.166943,0.169202 0.417513,0.3165061 l 1.215509,0.714776 c 0.765361,0.450024 1.14812,0.675075 1.462471,0.643252 0.274105,-0.02774 0.523577,-0.171251 0.685969,-0.394805 0.186163,-0.256325 0.186163,-0.701622 0.186163,-1.5922171 z' fill='%23343538'/%3E%3Cpath d='m 8.5127688,15.250707 c 0,0.510679 -0.292855,0.924626 -0.6542758,0.924626 -0.3613109,0 -0.6542367,-0.413947 -0.6542367,-0.924626 0,-0.5106 0.2929258,-0.924626 0.6542367,-0.924626 0.3614208,0 0.6542758,0.414026 0.6542758,0.924626 z' fill='%23ffffff'/%3E%3Cpath d='m 12.511224,15.250707 c 0,0.510599 0.292932,0.924547 0.654274,0.924547 0.361343,0 0.654277,-0.413948 0.654277,-0.924547 0,-0.510678 -0.292934,-0.924626 -0.654277,-0.924626 -0.361342,0 -0.654274,0.413948 -0.654274,0.924626 z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.map__pin._active {
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.999996 23.007334'%3E%3Cpath d='m 8.7642018,1.1686963 c 1.096814,-0.61160417 2.4346272,-0.60171757 3.5236742,0.029618 l 6.206439,3.5979711 0.05154,0.030462 c 1.075945,0.6479701 1.736341,1.8162603 1.736341,3.0789505 v 7.1959731 c 0,1.262636 -0.660396,2.430981 -1.736341,3.07888 l -0.05154,0.03048 -6.206439,3.597987 c -1.089047,0.631357 -2.4268602,0.641204 -3.5236742,0.02962 l -0.05209,-0.02961 -6.2064221,-3.597987 C 1.3993496,17.569674 0.71780002,16.384393 0.71780002,15.10167 V 7.9056971 c 0,-1.2827298 0.68154188,-2.4680504 1.78788728,-3.1094115 L 8.7121098,1.1983145 Z' fill='%23FFDD00' stroke='%23343538' stroke-width='1.4356'/%3E%3Cpath d='M 7.1531857,17.565658 3.8154151,15.566346 C 3.6144803,15.445983 3.514009,15.385801 3.4317147,15.312701 3.2370402,15.13956 3.1051732,14.906395 3.0568556,14.649834 c -0.020429,-0.108469 -0.020429,-0.225918 -0.020429,-0.460815 0,-0.241278 0,-0.361879 0.021393,-0.47279 0.050616,-0.262467 0.1886651,-0.499807 0.3914513,-0.673105 0.085698,-0.07317 0.1903284,-0.132415 0.3995788,-0.250968 l 3.7398991,-2.11865 c 0.526748,-0.298388 1.172158,-0.291455 1.69244,0.01828 0.440106,0.261996 0.709897,0.737542 0.709897,1.251293 v 4.004371 c 0,1.086423 0,1.629714 -0.226957,1.940547 -0.197852,0.271053 -0.50169,0.444274 -0.834946,0.476098 -0.382131,0.03647 -0.846714,-0.24183 -1.7759976,-0.798432 z' fill='%23343538'/%3E%3Cpath d='m 13.870845,17.565658 3.337747,-1.999312 c 0.200991,-0.120363 0.301406,-0.180545 0.383701,-0.253645 0.194713,-0.173141 0.326589,-0.406306 0.374914,-0.662867 0.02039,-0.108469 0.02039,-0.225918 0.02039,-0.460815 0,-0.241278 0,-0.361879 -0.02134,-0.47279 -0.05068,-0.262467 -0.188673,-0.499807 -0.391467,-0.673105 -0.08575,-0.07317 -0.190321,-0.132415 -0.399626,-0.250968 l -3.739883,-2.11865 c -0.526795,-0.298388 -1.172205,-0.291455 -1.692409,0.01828 -0.440106,0.261996 -0.709975,0.737542 -0.709975,1.251293 v 4.004371 c 0,1.086423 0,1.629714 0.226957,1.940547 0.19793,0.271053 0.501767,0.444274 0.834947,0.476098 0.38221,0.03647 0.846793,-0.24183 1.776035,-0.798432 z' fill='%23343538'/%3E%3Cpath d='m 10.149634,18.587802 c 0.218092,-0.120444 0.482469,-0.120444 0.700639,0 l 0.970588,0.535963 c 0.267829,0.147934 0.267829,0.534389 0,0.682244 l -0.970588,0.536044 c -0.21817,0.120442 -0.482547,0.120442 -0.700639,0 L 9.1790478,19.806009 c -0.267831,-0.147855 -0.267831,-0.53431 0,-0.682244 z' fill='%23343538'/%3E%3Cpath d='m 3.0362232,9.4196149 v -0.417019 c 0,-0.6169412 0,-0.9254122 0.1290742,-1.1043034 0.1125919,-0.1559918 0.285716,-0.2568514 0.4764914,-0.2775605 0.218704,-0.02375 0.4854114,0.1293514 1.0188342,0.4355768 l 1.9210911,1.1027291 c 0.2520607,0.144703 0.3780914,0.217016 0.420776,0.312093 0.037241,0.08288 0.037735,0.177711 0.00134,0.260972 -0.041696,0.09555 -0.1669653,0.169202 -0.4175044,0.3165061 L 5.3707938,10.763385 C 4.605418,11.213409 4.222714,11.43846 3.9083714,11.406637 3.6342112,11.378909 3.3847705,11.235386 3.2224019,11.011832 3.0362237,10.755507 3.0362237,10.31021 3.0362232,9.4196149 Z' fill='%23343538'/%3E%3Cpath d='m 17.963128,9.4196149 v -0.417019 c 0,-0.6169412 0,-0.9254122 -0.129051,-1.1043034 C 17.721423,7.7423007 17.548362,7.6414411 17.35757,7.620732 17.138851,7.596982 16.87212,7.7500834 16.338736,8.0563088 l -1.921092,1.1027291 c -0.25206,0.144703 -0.37813,0.217016 -0.420807,0.312093 -0.03727,0.08288 -0.03774,0.177711 -0.0013,0.260972 0.04166,0.09555 0.166943,0.169202 0.417513,0.3165061 l 1.215509,0.714776 c 0.765361,0.450024 1.14812,0.675075 1.462471,0.643252 0.274105,-0.02774 0.523577,-0.171251 0.685969,-0.394805 0.186163,-0.256325 0.186163,-0.701622 0.186163,-1.5922171 z' fill='%23343538'/%3E%3Cpath d='m 8.5127688,15.250707 c 0,0.510679 -0.292855,0.924626 -0.6542758,0.924626 -0.3613109,0 -0.6542367,-0.413947 -0.6542367,-0.924626 0,-0.5106 0.2929258,-0.924626 0.6542367,-0.924626 0.3614208,0 0.6542758,0.414026 0.6542758,0.924626 z' fill='%23ffffff'/%3E%3Cpath d='m 12.511224,15.250707 c 0,0.510599 0.292932,0.924547 0.654274,0.924547 0.361343,0 0.654277,-0.413948 0.654277,-0.924547 0,-0.510678 -0.292934,-0.924626 -0.654277,-0.924626 -0.361342,0 -0.654274,0.413948 -0.654274,0.924626 z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat 0 0;}

.header__logo svg {
    width: 11.625rem;
    height: 4.875rem;
}

.map__tooltip {
	margin-top:0;
}

.guarantees .article table:not([class]) td:first-child, .guarantees .article table:not([class]) th:first-child {
	width: 25%;
	font-weight: bold;
    text-align: left;
}

.guarantees .article table:not([class]) td {
    vertical-align: top;
}

.guarantees .article table:not([class]) td {
    font-weight: 400;
    text-align: left;
}

.guarantees .article table:not([class]) th {
    text-align: left;
}

.guarantees.article ol:not([class]) li:not(:last-child), .guarantees .article ul:not([class]) li:not(:last-child) {
   margin-bottom: 0.125rem;
}

._catalog_scheme {
	padding-top: 3.625rem;
}

.brands-delivery__brands {
    grid-template-columns: repeat(3, 1fr);
}

._catalog_scheme .card__catalog-wrapper {
	--size: 7.875rem;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 3.375rem;
}

@media (max-width: 767px) {
    ._catalog_scheme .card__catalog-wrapper {
        --size: 5.875rem;
        margin-bottom: 1.5rem;
    }
}

._catalog_scheme .card {
	background: #fff;
}

.runet .footer__park {
	width: 14.6875rem;
}

@media (max-width: 767px) {
	.runet .footer__park {
		width: 8.25rem;
	}
}
.runet {
	margin-left: 1rem;
}

.text_main_shelby {
	margin-bottom: 4.375rem;
	font: var(--very-small-text-regular);
}

.advantages {
    margin-bottom: 4.375rem;
}

.catalog__title.h1 h1{
	font: unset;
    float: left;
    padding-right: 10px;
}
/* End */


/* Start:/local/templates/main/template_styles.css?17436867372749*/
#bx-panel {
    z-index: 10000 !important;
}
.grecaptcha-badge {
    display: none;
}
.js-news-list {
    position: relative;
}
._is-loading:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #e7e9ee;
    z-index: 3;
    opacity: .8;
}
.input-checkbox.disabled {
    opacity: .3;
}
.header__btn-favorite span:empty {
    display: none;
}
.favorites-menu._hidden {
    display: none;
}
.button._menu-bottom._heart._has_elements circle {
    visibility: visible;
}
@media (max-width: 767px) {
    .pagination__list {
        margin: 0 .4rem;
        gap: .4rem;
        flex-wrap: wrap;
    }
}
.hero picture {
	aspect-ratio: auto;
}

.about-company__img-1, .about-company__img-2, .about-company__img-3 {
	height: auto;
}

ul.map-level-1 li {
	padding-left: 2.375rem;
}
@media (max-width: 767px) {
    .description_cart_block {
        display:none;
    }
}
@media (min-width: 768px) {
    .product__accordions .description_cart {
        display:none;
    }
}

.description_cart_block {
	margin-top: 1.25rem;
    box-shadow: 0 .9375rem 1.3125rem 0 rgba(0,0,0,.07);
    position: relative;
    overflow: hidden;
    border: 1px solid var(--borders);
    border-radius: var(--border-radius-default);
	border-color: transparent;
}
.description_cart_name {
	padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    background: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
	box-sizing: border-box;
    width: 100%;
    min-height: 4.375rem;
    padding: 0 1.5rem;
	font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-align: left;
}
.description_cart__content {
    max-width: 100%;
    margin-top: -.625rem;
    padding: 0 1.5rem;
    padding-bottom: 2.375rem;
    color: var(--secondary-typography);
}
.about-team__music {
	margin: 6.75rem auto 3.75rem;
}
.about-team__job {
	padding:1.8125rem 0 1.3125rem;
	margin-bottom: 0;
}

.about-team__job-title {
    margin: auto auto 0.9375rem;
}

.about-team__job picture {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0.75rem;
}

.about-team__job-text {
	line-height: normal;
}

@media (max-width: 767px) { 
	.about-team__job-title {
		font-size: 1rem;
	}
	
	.about-team__job-text {
		font-size: 1rem;
	}
	.about-team__job-text._mail {
        font-size: 0.9rem;
    }
}

.footer_small_text {
	padding: 1.625rem 4.0625rem 1.5rem;
    font-size: 0.8rem;
}

@media (max-width: 767px) { 
	.footer_small_text {
		padding: 1.625rem 1.0625rem 0rem;
	}
}

.lab_block_text{
	display:block;
}

.lab_block_text .project-description__texts {
	display:block;
	padding: 2.5rem 4.0625rem 2.5rem;		
}
/* End */
/* /assets/css/styles.css?1747326006338683 */
/* /local/templates/main/css/custom.css?175224899316488 */
/* /local/templates/main/template_styles.css?17436867372749 */