html {
        scrollbar-gutter: stable;
        -webkit-text-size-adjust: 100%
    }
    html:focus-within {
        scroll-behavior: smooth
    }
    body {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
        min-height: 100dvh;
        position: relative;
        width: 100%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeSpeed
    }
    *,:after,:before {
        box-sizing: border-box
    }
    a:not([class]) {
        -webkit-text-decoration-skip: ink;
        text-decoration-skip-ink: auto
    }
    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
        border: 0;
        font-size: 100%;
        font: inherit;
        margin: 0;
        padding: 0;
        vertical-align: baseline
    }
    :focus {
        outline: 0
    }
    article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
        display: block
    }
    li::marker {
        font-size: 0
    }
    blockquote,q {
        quotes: none
    }
    blockquote:after,blockquote:before,q:after,q:before {
        content: "";
        content: none
    }
    input,input:required {
        box-shadow: none
    }
    input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
        -webkit-box-shadow: inset 0 0 0 30px #fff
    }
    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 {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }
    input[type=search] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }
    input:focus {
        outline: none
    }
    audio,canvas,video {
        display: inline-block;
        max-width: 100%
    }
    audio:not([controls]) {
        display: none;
        height: 0
    }
    [hidden] {
        display: none
    }
    a:active,a:hover {
        outline: none
    }
    img {
        height: auto;
        max-width: 100%
    }
    img,picture {
        display: block
    }
    button,input {
        line-height: normal
    }
    button,html input[type=button],input[type=reset],input[type=submit] {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        background: transparent;
        border: 0;
        cursor: pointer
    }
    button[disabled],html input[disabled] {
        cursor: default
    }
    [disabled] {
        pointer-events: none
    }
    input[type=checkbox],input[type=radio] {
        padding: 0
    }
    input[type=search] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        box-sizing: content-box
    }
    input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    button::-moz-focus-inner,input::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    button {
        background: transparent;
        border: 0
    }
    textarea {
        overflow: auto;
        resize: vertical;
        vertical-align: top
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        text-indent: 0
    }
    hr {
        background: #000;
        border: 0;
        box-sizing: content-box;
        height: 1px;
        line-height: 0;
        margin: 0;
        overflow: visible;
        padding: 0;
        page-break-after: always;
        width: 100%
    }
    pre {
        font-family: monospace,monospace;
        font-size: 100%
    }
    a {
        background-color: transparent
    }
    a,abbr[title] {
        text-decoration: none
    }
    abbr[title] {
        border-bottom: none
    }
    code,kbd,pre,samp {
        font-family: monospace,monospace
    }
    small,sub,sup {
        font-size: 75%
    }
    sub,sup {
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sub {
        bottom: -5px
    }
    sup {
        top: -5px
    }
    button,input,optgroup,select,textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1;
        margin: 0;
        padding: 0
    }
    button,input {
        overflow: visible
    }
    button,select {
        text-transform: none
    }
    [type=button],[type=reset],[type=submit],button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }
    [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
        border-style: none;
        outline: 0;
        padding: 0
    }
    legend {
        border: 0;
        color: inherit;
        display: block;
        max-width: 100%;
        white-space: normal;
        width: 100%
    }
    fieldset {
        min-width: 0
    }
    body:not(:-moz-handler-blocked) fieldset {
        display: block
    }
    progress {
        vertical-align: baseline
    }
    [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
        height: auto
    }
    [type=search] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        outline-offset: -2px
    }
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }
    summary {
        display: list-item
    }

@font-face {
        font-family: swiper-icons;
        font-style: normal;
        font-weight: 400;
        src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff")
    }
    :root {
        --swiper-theme-color: #007aff
    }
    :host {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1
    }
    .swiper {
        display: block;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1
    }
    .swiper-vertical>.swiper-wrapper {
        flex-direction: column
    }
    .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
        width: 100%;
        z-index: 1
    }
    .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
        transform: translateZ(0)
    }
    .swiper-horizontal {
        touch-action: pan-y
    }
    .swiper-vertical {
        touch-action: pan-x
    }
    .swiper-slide {
        display: block;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%
    }
    .swiper-slide-invisible-blank {
        visibility: hidden
    }
    .swiper-autoheight,.swiper-autoheight .swiper-slide {
        height: auto
    }
    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }
    .swiper-backface-hidden .swiper-slide {
        backface-visibility: hidden;
        transform: translateZ(0)
    }
    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }
    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }
    .swiper-3d {
        perspective: 1200px
    }
    .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
        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 {
        height:var(--swiper-centered-offset-after);
        min-width: 1px;
        width: 100%
    }
    .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }
    .swiper-3d .swiper-slide-shadow {
        background: #00000026
    }
    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }
    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }
    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }
    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }
    .swiper-lazy-preloader {
        border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
        border-radius: 50%;
        border-top: 4px solid transparent;
        box-sizing: border-box;
        height: 42px;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        position: absolute;
        top: 50%;
        transform-origin: 50%;
        width: 42px;
        z-index: 10
    }
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s linear infinite
    }
    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }
    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }
    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0)
        }
        to {
            transform: rotate(1turn)
        }
    }

@font-face {
        font-display: swap;
        font-family: Normalidad Text;
        font-style: normal;
        font-weight: 300;
        src: local("Normalidad Text Light"),url(/_nuxt/NormalidadText-Light-Web.C_wN1Y-H.woff2) format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: Normalidad Text;
        font-style: normal;
        font-weight: 400;
        src: local("Normalidad Text"),url(/_nuxt/NormalidadText-Light-Web.C_wN1Y-H.woff2) format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: Normalidad Text;
        font-style: normal;
        font-weight: 500;
        src: local("Normalidad Text"),url(/_nuxt/NormalidadText-Medium-Web.DuZWrKgm.woff2) format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: Normalidad Text;
        font-style: normal;
        font-weight: 700;
        src: local("Normalidad Text"),url(/_nuxt/NormalidadText-Medium-Web.DuZWrKgm.woff2) format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: var(--theme-font-family);
        font-style: normal;
        font-weight: 700;
        src: local("var(--theme-font-family)"),url(/_nuxt/NormalidadWide-Bold-Web.BeLlDF59.woff2) format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: var(--theme-font-family);
        font-style: normal;
        font-weight: 400;
        src: local("var(--theme-font-family)"),url(/_nuxt/NormalidadWide-Regular-Web.cQsaSnAJ.woff2) format("woff2")
    }

@media (prefers-reduced-motion:no-preference) {
        html {
            scroll-behavior: smooth
        }
    }
    template {
        display: none
    }
    a,button {
        cursor: pointer
    }
    button {
        display: block
    }
    input[type=radio] {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute
    }
    sub,sup {
        font-size: 14px
    }
    .absolute {
        position: absolute
    }
    .relative {
        position: relative
    }
    .block {
        display: block
    }
    .width-100 {
        width: 100%
    }
    .inline-center {
        margin-inline:auto}
    .text-center {
        text-align: center
    }
    .scroll-block {
        max-width: 100%;
        overflow-x: auto
    }
    strong {
        font-weight: 700
    }

.swiper .swiper-button-next,.swiper .swiper-button-prev {
        background: no-repeat 50%/contain url(/img/swiper/round-black-bg-arrow.svg);
        cursor: pointer;
        height: 70px;
        margin-top: 0;
        top: 50%;
        width: 70px
    }
    .swiper .swiper-button-next.swiper-button-disabled,.swiper .swiper-button-prev.swiper-button-disabled {
        opacity: 0
    }
    .swiper .swiper-button-prev {
        transform: translateY(-50%) rotate(180deg)
    }
    .swiper .swiper-button-next {
        transform: translateY(-50%)
    }
    @media (max-width: 768px) {
        .swiper .swiper-button-next,.swiper .swiper-button-prev {
            display:none
        }
    }
    .swiper:has(.hover-shadow) {
        margin: -20px -15px;
        padding: 20px 15px
    }
    .swiper:has(.link-to-constructor) {
        padding-bottom: 30px
    }
    .swiper-button-next:after,.swiper-button-prev:after {
        content: ""!important
    }
    .full-horizon {
        position: relative
    }
    .full-horizon .swiper {
        position: static
    }
    .common-swiper,.full-horizon .swiper {
        box-sizing: border-box;
        --slide-width: calc(25% - 15px)
    }
    .swiper-slide {
        height: auto;
        max-width: 100%;
        width: auto
    }
    .swiper-slide.slide {
        height: auto;
        min-height: 480px;
        min-width: 264px;
        width: var(--slide-width)
    }
    .swiper-slide.slide.double {
        min-width: 545px;
        width: calc(var(--slide-width)*2 + 20px)
    }
    .slide_320 {
        min-width: 260px;
        width: min(320px,80%)
    }
    .slide-540 {
        min-width: 260px;
        width: min(540px,80%)
    }
    .slide-link {
        background-color: var(--white);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px;
        display: block;
        height: 100%;
        width: 100%
    }
    @media (max-width: 1300px) {
        .common-swiper,.full-horizon .swiper {
            --slide-width: calc(33.33333% - 13.33333px)
        }
    }
    @media (max-width: 768px) {
        .common-swiper,.full-horizon {
            overflow:visible
        }
        .swiper-slide.slide {
            min-width: 264px
        }
        .swiper-slide.slide.double {
            min-width: 545px
        }
    }
    @media (max-width: 540px) {
        .common-swiper .swipe-left,.common-swiper .swipe-right,.full-horizon .swipe-left,.full-horizon .swipe-right {
            display:none
        }
        .swiper-slide.slide {
            min-height: 300px;
            min-width: 186px
        }
        .swiper-slide.slide.double {
            min-width: 382px
        }
    }

.nice-list {
        margin-block:1.55em}
    .nice-list__item {
        display: flex;
        gap: 16px;
        line-height: 1.55em
    }
    .nice-list__item:not(:last-child) {
        margin-bottom: 1em
    }
    .nice-list__item:before {
        background-color: var(--firm-color);
        content: "";
        display: block;
        height: 1px;
        margin-top: .775em;
        width: 20px
    }
    .nice-list__item_child {
        font-size: .8em;
        gap: 10px;
        margin-left: 36px;
        margin-top: -1em
    }
    .nice-list__item_child:before {
        margin-top: .635em;
        width: 16px
    }
    .nice-list li:not([class]) {
        display: flex;
        font: 350 clamp(16px,2vw,20px)/155% var(--text);
        gap: 16px
    }
    .nice-list li:not([class]):before {
        background-color: var(--firm-color);
        content: "";
        display: block;
        height: 1px;
        margin-top: .775em;
        width: 20px
    }
    .nice-list li:not([class]):not(:last-child) {
        margin-bottom: 1em
    }
    .nice-list .inactive {
        color: var(--gray)
    }
    .section {
        margin-top: -60px;*/
        /*margin-bottom: 280px;*!*/
    }
    .about-origin {
        /*margin-top: 60px;*/
    }

:root {
        --section-gap: 60px;
        --container-padding: 152px;
        --crumbs-gap: 40px;
        --black: #000;
        --bluegray: #edf1f4;
        --blue: #0047bb;
        --firm-color: #14c1de;
        --gray: #a7b4be;
        --green: #00ad50;
        --lightgray: #f3f7f9;
        --lightgray2: #f2f7f9;
        --lightgray3: #f4f8fa;
        --lightgrey: #f8f9fa;
        --mindray-color: #c7000b;
        --orange: #ff8200;
        --red: #ef3340;
        --white: #fff;
        --yellow: #ffcd00;
        --text: "Normalidad Text";
        --wide: "var(--theme-font-family)"
    }
    body {
        color: var(--black);
        font-family: Normalidad Text,Tahoma,"Sans-serif";
        min-width: 360px;
        overflow-x: hidden;
        position: relative
    }
    body * {
        color: inherit
    }
    #app {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 100dvh;
        overflow-x: hidden;
        transition: background-color .3s ease-in-out
    }
    .roistat-multiwidget-pulsator-holder {
        display: none!important
    }
    .breadcrumbs-gap {
        padding-top: 50px
    }
    .slider-wrap {
        overflow: auto visible
    }
    .display-none {
        display: none
    }
    .visually-hidden {
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        clip: rect(0 0 0 0)
    }
    .section {
        overflow: hidden;
        padding-block:var(--section-gap)}
    section: has(.breadcrumbs) {
        padding-top:0
    }
    section:has(.breadcrumbs) .breadcrumbs {
        margin-bottom: var(--section-gap)
    }
    .container,.inner-container {
        margin-inline:auto;padding-inline:var(--container-padding)}
    .container {
        max-width: 1650px;
        width: 100%
    }
    .container_album {
        padding-right: 50px
    }
    .container_1178 {
        max-width: 1278px;
        padding-inline:50px}
    .container_1114 {
        max-width: calc(1114px + var(--container-padding)*2)
    }
    .container_1066 {
        max-width: calc(1066px + var(--container-padding)*2)
    }
    .container_888 {
        max-width: calc(888px + var(--container-padding)*2)
    }
    .container_977 {
        max-width: calc(977px + var(--container-padding)*2)
    }
    .title {
    //font: 700 clamp(36px,4.5vw,64px)/1.1 var(--theme-font-family)
    }
    .title_main {
        font: 700 clamp(32px,5vw,72px)/1.1 var(--theme-font-family);
        text-align: center
    }
    .title_main-100 {
        font: 700 clamp(40px,5vw,72px)/1 var(--theme-font-family);
    }
    .title_main-thin {
        font: 400 clamp(32px,5vw,72px)/1.1 var(--theme-font-family);
        text-align: center
    }
    .title_mid {
        font: 400 clamp(18px,3vw,40px)/1.1 var(--theme-font-family)
    }
    .title-mini {
        font: 400 24px/1 var(--theme-font-family)
    }
    .title-bold {
        font: 700 clamp(32px,5vw,64px)/1 var(--theme-font-family)
    }
    .title-regular {
        font: 400 clamp(24px,3vw,40px)/1 var(--wide);
        margin-bottom: 30px
    }
    .title-72 {
        font: 400 clamp(32px,5vw,72px)/1 var(--theme-font-family);
        letter-spacing: -.04em
    }
    .section-title {
        font: 400 clamp(20px,3.5vw,48px)/1.1 var(--wide);
        margin-bottom: 40px
    }
    .subtitle {
        font-size: 20px;
        font-weight: 400;
        line-height: 110%
    }
    .subtitle-18 {
        line-height: 21px
    }
    .subtitle-18,.subtitle-18-100 {
        font-size: 18px;
        font-weight: 400
    }
    .subtitle-18-100 {
        line-height: 100%
    }
    .subtitle-36 {
        font: 400 36px/30px var(--theme-font-family)
    }
    .subtitle-bold {
        font: 700 clamp(18px,3vw,32px)/1 var(--theme-font-family)
    }
    .subtitle-bold-mini {
        font: 700 clamp(18px,2vw,24px)/1 var(--theme-font-family)
    }
    .text {
        font-size: clamp(16px,2vw,20px);
        line-height: 130%
    }
    .text,.text-14 {
        font-weight: 350
    }
    .text-14 {
        font-size: 14px;
        line-height: 18px
    }
    .text-18 {
        font-size: clamp(14px,2vw,18px);
        font-weight: 350;
        line-height: 133%
    }
    .text-24 {
        font-size: clamp(18px,2vw,24px);
        font-weight: 350;
        line-height: 140%
    }
    .text-36 {
        font-size: clamp(16px,2.5vw,36px);
        font-weight: 350;
        line-height: 44px
    }
    .description {
        font-size: 16px;
        font-weight: 350;
        line-height: 125%
    }
    .description-24 {
        font: 350 clamp(16px,2.5vw,24px)/125% var(--text)
    }
    .description-24-100 {
        font-size: clamp(18px,2.5vw,24px);
        font-weight: 350;
        line-height: 100%
    }
    .description-32 {
        font: 350 clamp(20px,3vw,32px)/125% var(--text)
    }
    .mb-24 {
        margin-bottom: 24px
    }
    .mb-24-40 {
        margin-bottom: clamp(24px,4vw,40px)
    }
    .mb-30 {
        margin-bottom: clamp(20px,3vw,32px)
    }
    .mb-36 {
        margin-bottom: clamp(20px,3vw,36px)
    }
    .width-100 {
        width: 100%
    }
    .max-content {
        max-width: 100%;
        width: -moz-max-content;
        width: max-content
    }
    .white {
        color: var(--white)
    }
    .gray {
        color: var(--gray)
    }
    .firm-color,.theme-color {
        color: var(--firm-color)
    }
    .bg_lightgray {
        background-color: var(--lightgray)
    }
    .bg_white {
        background-color: var(--white)
    }
    .text-center {
        text-align: center
    }
    .white-round-card {
        background-color: var(--white);
        border-radius: 20px
    }
    .gray-round-section {
        background-color: var(--lightgray2);
        border-radius: 30px
    }
    .underline {
        text-decoration: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }
    .link,.major-color-link {
        /*color: var(--firm-color);*/
        cursor: pointer;
        display: inline-block;
        transition: .25s ease-in-out;
        transition-property: color,underline-color
    }
    .link:not(.underline),.major-color-link:not(.underline) {
        -webkit-text-decoration: underline transparent;
        text-decoration: underline transparent
    }
    .link:not(.underline):focus-visible,.major-color-link:not(.underline):focus-visible {
        text-decoration-color: currentColor
    }
    .link.underline:focus-visible,.major-color-link.underline:focus-visible {
        text-decoration-color: var(--blue)
    }
    .link_orange,.major-color-link_orange {
        color: var(--orange)
    }
    .link_black,.major-color-link_black {
        color: var(--black)
    }
    .link_gray,.major-color-link_gray {
        color: var(--gray)
    }
    .link_white,.major-color-link_white {
        color: #fff
    }
    .hover-shadow {
        box-shadow: 0 0 #0003;
        transition: box-shadow .5s ease-in-out
    }
    .hover-shadow:focus-visible {
        box-shadow: 2px 4px 20px #0009
    }
    .img-link {
        cursor: pointer;
        position: relative
    }
    .img-link:after {
        background-color: var(--white);
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        transition: opacity .25s ease-in-out
    }
    [id*=large-],[id*=medium-],[id*=small-],[id*=txtblock-] {
        display: none!important
    }
    @media screen and (any-hover: hover) {
        .link:hover,.major-color-link:hover {
            color:var(--blue)
        }
        .link:hover.link_white,.major-color-link:hover.link_white {
            color: var(--firm-color)
        }
        .hover-shadow:hover {
            box-shadow: 2px 4px 20px #0003
        }
        .img-link:hover:after {
            opacity: .2
        }
    }
    .link:active {
        color: var(--black)
    }
    .link:active.link_white {
        color: var(--blue)
    }
    .link:active.link_black,.link:active.link_gray,.link:active.link_orange {
        color: var(--firm-color)
    }
    .button {
        background-color: var(--firm-color);
        border: 2px solid transparent;
        border-radius: 12px;
        color: var(--white);
        font-size: clamp(20px,3.5vw,36px);
        font-weight: 700;
        line-height: 1;
        padding: 17px 20px;
        text-align: center;
        transition: .25s ease-in-out;
        transition-property: color,background-color,border-color,opacity;
        width: -moz-max-content;
        width: max-content
    }
    .button:focus-visible {
        border-color: var(--black)
    }
    .button.disabled {
        opacity: .25;
        pointer-events: none
    }
    .button_thin {
        font-size: clamp(20px,3.5vw,48px);
        font-weight: 400
    }
    .button_mini {
        font-size: clamp(16px,2vw,20px);
        padding: 8px 12px
    }
    .button_black,.button_black-on-firm {
        background-color: var(--black)
    }
    .button_black-on-firm:focus-visible,.button_black:focus-visible {
        border-color: currentColor
    }
    .button_trans {
        background-color: transparent;
        border-color: var(--black)
    }
    .button_trans:focus-visible {
        border-color: currentColor
    }
    @media screen and (any-hover: hover) {
        .button:hover {
            background-color:var(--black)
        }
        .button_black:hover,.button_trans:hover {
            background-color: var(--firm-color)
        }
        .button_black-on-firm:hover {
            background-color: #0009
        }
    }
    .overflow-hidden {
        overflow: hidden
    }
    .fade-enter-active,.fade-leave-active {
        transition: all .5s ease
    }
    .fade-enter-from,.fade-leave-to {
        max-height: 0;
        opacity: 0
    }
    .collapse500-enter-active,.collapse500-leave-active {
        max-height: 500px;
        transition: all .5s ease
    }
    .collapse500-enter-from,.collapse500-leave-to {
        max-height: 0;
        opacity: 0
    }
    .slide-down-enter-active,.slide-down-leave-active {
        transform: translateY(0);
        transition: transform .53s ease
    }
    .slide-down-enter-from,.slide-down-leave-to {
        transform: translateY(-150%)
    }
    .scale-enter-active,.scale-leave-active {
        transform: scale(1);
        transition: .3s ease-in-out;
        transition-property: transform,opacity
    }
    .scale-enter-from,.scale-leave-to {
        opacity: 0;
        transform: scale(0)
    }
    .page-enter-active,.page-leave-active {
        transition: opacity .5s
    }
    .page-enter,.page-leave-active {
        opacity: 0
    }
    @keyframes pulse {
        0%,to {
            opacity: .5;
            transform: scale(0)
        }
        50% {
            opacity: 1;
            transform: scale(1)
        }
    }
    @keyframes glow {
        0%,to {
            opacity: .5
        }
        50% {
            opacity: 1
        }
    }
    #modals {
        position: absolute
    }
    @media (max-width: 1300px) {
        :root {
            --container-padding:40px
        }
    }
    @media (min-width: 1025px) {
        .desktop-hidden {
            display:none
        }
    }
    @media (max-width: 1024px) {
        .slider-wrap-1024 {
            overflow:auto visible;
            padding-block:4px}
    }
    @media (max-width: 870px) {
        .slider-wrap-870 {
            overflow:auto visible
        }
        .anti-container-870 {
            margin-inline:-30px;padding-inline:30px;width: calc(100% + 60px)
        }
    }
    @media (min-width: 769px) {
        .mobile-visible {
            display:none
        }
    }
    @media (max-width: 768px) {
        :root {
            --container-padding:30px
        }
        .anti-container-mobile {
            margin-inline:calc(0px - var(--container-padding));padding-inline: var(--container-padding);
            width: calc(100% + var(--container-padding)*2)
        }
        .section-title {
            line-height: 26px
        }
        .mobile-hidden {
            display: none
        }
        .gray-round-section {
            border-radius: 0
        }
    }
    @media (max-width: 540px) {
        :root {
            --section-gap:31px
        }
        .title-regular {
            margin-bottom: 20px
        }
        .subtitle {
            font-size: 12px;
            font-weight: 500;
            line-height: 14px
        }
        .subtitle-bold {
            font-size: 20px
        }
        .subtitle-18-100 {
            font-size: 16px
        }
        .text {
            line-height: 22px
        }
        .text-36 {
            line-height: 125%
        }
        .description {
            font-size: 14px;
            line-height: 16px
        }
        .description-24 {
            line-height: 150%
        }
        .description-24-100 {
            font-size: 20px
        }
        .button {
            border-radius: 8px;
            padding: 9px 15px
        }
    }
    @media (max-width: 460px) {
        :root {
            --container-padding:10px
        }
    }

.nav-control[data-v-c155e4b8] {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto
    }
    .nav-control__item[data-v-c155e4b8] {
        position: relative
    }
    .nav-control__item[data-v-c155e4b8]:not(:has(>.nav-control__list-wrap)) {
        align-items: center;
        display: flex
    }
    .nav-control__main-link[data-v-c155e4b8] {
        font: 400 clamp(18px,2.5vw,24px)/133% var(--theme-font-family);
        position: relative;
        z-index: 3
    }
    .nav-control__button[data-v-c155e4b8] {
        display: none
    }
    .nav-control__list-wrap[data-v-c155e4b8] {
        left: 0;
        padding-top: 40px;
        position: absolute;
        top: 0;
        z-index: 2
    }
    .nav-control__links-list[data-v-c155e4b8] {
        background-color: var(--header-bg-color);
        border-radius: 14px;
        box-shadow: 0 2px 3px 0 var(--header-nav-drop-shadow-color),0 4px 11px 0 var(--header-nav-drop-shadow-color);
        display: flex;
        flex-direction: column;
        min-width: 232px
    }
    .nav-control__link-wrap[data-v-c155e4b8] {
        padding: 10px 10px 10px 20px
    }
    .nav-control__link-wrap[data-v-c155e4b8]:not(:last-child) {
        border-bottom: 1px solid var(--lightgray3)
    }
    @media (max-width: 1024px) {
        .nav-control__item[data-v-c155e4b8] {
            --size:60px;
            border-top: 1px solid var(--gray);
            min-height: var(--size)
        }
        .nav-control__item-head[data-v-c155e4b8] {
            align-items: center;
            display: flex;
            gap: 40px;
            justify-content: space-between
        }
        .nav-control__button[data-v-c155e4b8] {
            display: block;
            height: var(--size);
            position: relative;
            transform: translate(50%);
            width: var(--size)
        }
        .nav-control__button[data-v-c155e4b8]:after,.nav-control__button[data-v-c155e4b8]:before {
            background-color: var(--header-color);
            content: "";
            height: 2px;
            position: absolute;
            right: calc(50% - 1px);
            top: calc(50% - 1px);
            width: 10px
        }
        .nav-control__button[data-v-c155e4b8]:after {
            transform: rotate(90deg)
        }
        .nav-control__list-wrap[data-v-c155e4b8] {
            padding-top: 0;
            position: static
        }
        .nav-control__links-list[data-v-c155e4b8] {
            box-shadow: none;
            flex-direction: column;
            gap: 0;
            padding: 0;
            transform: none
        }
    }

.dot-spinner {
        --uib-size: 120px;
        --uib-speed: .9s;
        --uib-color: #000;
        aspect-ratio: 1/1;
        left: 50%;
        max-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: var(--uib-size)
    }
    .dot-spinner-overlay {
        background-color: #ffffff80;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 10
    }
    .dot-spinner-overlay.fixed {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: fixed
    }
    .dot-spinner-overlay.static {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: static
    }
    .dot-spinner__dot {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: flex-start;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .dot-spinner__dot:before {
        animation: pulse calc(var(--uib-speed)*1.111) ease-in-out infinite;
        background-color: var(--uib-color);
        border-radius: 50%;
        content: "";
        height: 20%;
        opacity: .5;
        transform: scale(0);
        width: 20%
    }
    .dot-spinner__dot:nth-child(2) {
        transform: rotate(45deg)
    }
    .dot-spinner__dot:nth-child(2):before {
        animation-delay: calc(var(--uib-speed)*-.875)
    }
    .dot-spinner__dot:nth-child(3) {
        transform: rotate(90deg)
    }
    .dot-spinner__dot:nth-child(3):before {
        animation-delay: calc(var(--uib-speed)*-.75)
    }
    .dot-spinner__dot:nth-child(4) {
        transform: rotate(135deg)
    }
    .dot-spinner__dot:nth-child(4):before {
        animation-delay: calc(var(--uib-speed)*-.625)
    }
    .dot-spinner__dot:nth-child(5) {
        transform: rotate(180deg)
    }
    .dot-spinner__dot:nth-child(5):before {
        animation-delay: calc(var(--uib-speed)*-.5)
    }
    .dot-spinner__dot:nth-child(6) {
        transform: rotate(225deg)
    }
    .dot-spinner__dot:nth-child(6):before {
        animation-delay: calc(var(--uib-speed)*-.375)
    }
    .dot-spinner__dot:nth-child(7) {
        transform: rotate(270deg)
    }
    .dot-spinner__dot:nth-child(7):before {
        animation-delay: calc(var(--uib-speed)*-.25)
    }
    .dot-spinner__dot:nth-child(8) {
        transform: rotate(315deg)
    }
    .dot-spinner__dot:nth-child(8):before {
        animation-delay: calc(var(--uib-speed)*-.125)
    }
    .dot-spinner-overlay.theme_white {
        background-color: #00000080
    }
    .dot-spinner-overlay.theme_white .dot-spinner {
        --uib-color: #fff
    }

.accept-agreement[data-v-fd7f47bc] {
        container-name: agreement;
        container-type: inline-size;
        padding-bottom: 20px
    }
    .accept-agreement__content[data-v-fd7f47bc] {
        align-items: center;
        display: flex;
        gap: 12px;
        position: relative
    }
    .accept-agreement__label[data-v-fd7f47bc] {
        cursor: pointer;
        position: relative
    }
    .accept-agreement__text[data-v-fd7f47bc] {
        display: inline-block
    }
    .accept-agreement__checkbox[data-v-fd7f47bc] {
        position: relative;
        --check-size: clamp(18px,2vw,24px);
        align-items: center;
        border: 2px solid var(--firm-color);
        border-radius: 4px;
        display: flex;
        height: var(--check-size);
        justify-content: center;
        width: var(--check-size)
    }
    .accept-agreement__check[data-v-fd7f47bc] {
        background: no-repeat 50%/ calc(100% - 4px) url(/img/svg/check-for-ul.svg);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        transition: opacity .25s ease-in-out
    }
    .accept-agreement__check.is-checked[data-v-fd7f47bc] {
        opacity: 1
    }
    .accept-agreement__input[data-v-fd7f47bc] {
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        clip: rect(0 0 0 0)
    }
    .accept-agreement__error[data-v-fd7f47bc] {
        background-color: inherit;
        color: var(--red);
        left: 0;
        position: absolute;
        top: calc(100% + 3px)
    }
    .accept-agreement__link[data-v-fd7f47bc] {
        display: inline
    }
    @container agreement (max-width: 300px) {
        .accept-agreement__content[data-v-fd7f47bc] {
            display: block
        }
        .accept-agreement__label[data-v-fd7f47bc] {
            float: left;
            margin: 0 10px 0 0
        }
        .accept-agreement__text[data-v-fd7f47bc] {
            display: inline
        }
    }

.form[data-v-7f6cf4da] {
        background-color: var(--lightgray);
        border-radius: 20px;
        margin-inline:auto;max-width: 860px;
        padding: 44px 59px
    }
    .form__title[data-v-7f6cf4da] {
        font-size: 48px;
        font-weight: 400;
        line-height: 110%;
        margin-bottom: 60px;
        text-align: center
    }
    .form__fields[data-v-7f6cf4da] {
        background-color: inherit;
        display: flex;
        flex-direction: column;
        gap: clamp(5px,2vw,30px);
        margin-bottom: clamp(20px,3.5vw,55px)
    }
    .form__cell[data-v-7f6cf4da] {
        background-color: inherit;
        position: relative
    }
    .form__input[data-v-7f6cf4da] {
        background-color: transparent;
        border-bottom: 1px solid var(--gray);
        font-size: clamp(18px,2vw,24px);
        font-style: normal;
        font-weight: 350;
        line-height: 125%;
        padding-bottom: 10px;
        width: 100%
    }
    .form__input_textarea[data-v-7f6cf4da] {
        border-color: var(--gray);
        border-inline:none;border-top: none;
        min-height: 40px
    }
    .form__input.error[data-v-7f6cf4da] {
        border-color: var(--red)
    }
    .form__input[data-v-7f6cf4da]::-moz-placeholder {
        color: var(--gray)
    }
    .form__input[data-v-7f6cf4da]::placeholder {
        color: var(--gray)
    }
    .form__submit-button[data-v-7f6cf4da] {
        margin-inline:auto}
    .form__error[data-v-7f6cf4da] {
        background-color: inherit;
        color: var(--red);
        left: 0;
        position: absolute;
        top: calc(100% + 3px);
        z-index: 1
    }
    .product-request-form[data-v-7f6cf4da] {
        background-color: inherit;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 20px
    }
    .product-request-form__fields[data-v-7f6cf4da] {
        flex-grow: 1
    }
    .product-request-form__category[data-v-7f6cf4da] {
        color: var(--gray);
        font-size: 16px;
        font-style: normal;
        font-weight: 350;
        line-height: 18px;
        margin-bottom: 14px
    }
    .product-request-form__brand[data-v-7f6cf4da] {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 10px
    }
    .product-request-form__naming[data-v-7f6cf4da] {
        margin-bottom: 31px
    }
    .product-request-form__heading[data-v-7f6cf4da] {
        font-size: clamp(20px,2.5vw,32px);
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 16px;
        max-width: calc(100% - 30px)
    }
    .product-request-form__submit-button[data-v-7f6cf4da] {
        font: 400 clamp(16px,2vw,20px)/100% var(--theme-font-family);
        margin: auto auto 0
    }
    .product-request-form .form__fields[data-v-7f6cf4da] {
        margin-bottom: 20px
    }
    .product-request-form .accept-agreement[data-v-7f6cf4da] {
        margin-bottom: 8px
    }

.modal__close-button[data-v-047a6d16] {
        align-items: center;
        background-color: var(--lightgray);
        border-radius: 8px;
        display: flex;
        height: 34px;
        justify-content: center;
        position: absolute;
        right: clamp(20px,3vw,30px);
        top: 20px;
        width: 34px;
        z-index: 3
    }
    .modal__close-button .cross[data-v-047a6d16] {
        fill: #a7b4be
    }
    .modal__close-button_black[data-v-047a6d16] {
        background-color: var(--black)
    }
    .modal__close-button_black .cross[data-v-047a6d16] {
        fill: var(--white)
    }

body:has(.overlay .modal) {
        overflow: hidden
    }
    .overlay {
        align-items: center;
        background-color: #000000b3;
        display: flex;
        height: 100vh;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        justify-content: center;
        position: fixed;
        z-index: 999
    }
    .modal {
        background-color: var(--lightgray);
        border-radius: 20px;
        max-height: 100%;
        max-width: min(1340px,100%);
        min-height: 120px;
        min-width: 320px;
        overflow: auto;
        padding: clamp(50px,4vw,60px) clamp(20px,3vw,30px) 20px;
        pointer-events: auto;
        position: relative
    }
    .modal.nopadding {
        background-color: transparent;
        padding: 0
    }
    .modal.on-top {
        align-self: flex-start;
        margin-top: 20px
    }
    .modal.fullwindow {
        align-self: flex-start;
        max-width: 100%
    }
    .modal.message {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-top: 30px
    }
    .modal.message_error {
        border: 2px solid var(--red)
    }
    .modal.fullscreen {
        min-height: 100dvh;
        width: 100%
    }
    .modal.vertical-player {
        aspect-ratio: 9/16;
        height: 100%;
        position: relative
    }
    .modal.vertical-player iframe {
        border: none;
        height: 100%;
        position: absolute;
        width: 100%
    }

.link-to-constructor[data-v-b605cb14] {
        align-items: center;
        display: flex;
        gap: 6px;
        max-width: 100%;
        width: -moz-max-content;
        width: max-content
    }
    .link-to-constructor__svg[data-v-b605cb14] {
        flex-shrink: 0
    }
    .link-to-constructor__text[data-v-b605cb14] {
        font-size: 16px;
        font-weight: 350;
        line-height: 1;
        padding-top: 4px
    }
    @media (max-width: 540px) {
        .popular__link-to-constructor svg[data-v-b605cb14] {
            height:17px;
            width: 17px
        }
        .popular__link-to-constructor-text[data-v-b605cb14] {
            font-size: 14px
        }
    }

.product-card[data-v-a95826a6] {
        background-color: transparent;
        color: var(--black);
        height: 100%;
        position: relative
    }
    .product-card__link[data-v-a95826a6] {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        padding: 15px 20px 0;
        position: relative;
        transition: transform .7s ease-out;
        width: 100%;
        z-index: 1
    }
    .product-card__link.is-turned[data-v-a95826a6] {
        transform: rotateY(180deg)
    }
    .product-card__head[data-v-a95826a6] {
        display: flex;
        flex: 1;
        flex-direction: column;
        pointer-events: none;
        position: relative;
        z-index: 2
    }
    .product-card__category[data-v-a95826a6] {
        font-weight: 350;
        margin-bottom: 1px
    }
    .product-card__brand[data-v-a95826a6],.product-card__category[data-v-a95826a6] {
        font-size: 16px;
        line-height: 21px;
        max-width: 100%;
        pointer-events: all;
        width: -moz-max-content;
        width: max-content
    }
    .product-card__name[data-v-a95826a6] {
        font: 700 clamp(18px,3vw,24px)/1 var(--theme-font-family);
        word-break: break-all;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
    .product-card__page-link[data-v-a95826a6] {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute
    }
    .product-card__img-wrap[data-v-a95826a6] {
        align-items: center;
        background-color: inherit;
        display: flex;
        height: 362px;
        justify-content: center;
        margin-inline:-20px;pointer-events: none;
        position: relative;
        width: calc(100% + 40px);
        z-index: 2
    }
    .product-card__img[data-v-a95826a6] {
        background-color: inherit;
        max-height: 100%;
        max-width: 100%;
        mix-blend-mode: darken;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }
    .product-card__button[data-v-a95826a6] {
        bottom: 20px;
        font-size: 18px;
        left: 50%;
        line-height: 25px;
        padding: 6.5px 30px 8.5px;
        position: absolute;
        transform: translate(-50%);
        z-index: 3
    }
    .product-card_search .product-card__name[data-v-a95826a6] {
        font-size: clamp(18px,2vw,24px);
        font-weight: 500
    }
    .product-card_search .product-card__img-wrap[data-v-a95826a6] {
        height: 250px
    }
    .link-to-constructor[data-v-a95826a6] {
        left: 50%;
        position: absolute;
        top: calc(100% + 10px);
        transform: translate(-50%)
    }
    @media (max-width: 540px) {
        .product-card[data-v-a95826a6] {
            min-height:360px
        }
        .product-card__link[data-v-a95826a6] {
            gap: 20px;
            padding: 10px
        }
        .product-card__category[data-v-a95826a6] {
            font-size: 12px;
            line-height: 14px
        }
        .product-card__brand[data-v-a95826a6] {
            font-size: 14px;
            line-height: 16px
        }
        .product-card__img-wrap[data-v-a95826a6] {
            height: 160px;
            margin-inline:-10px;width: calc(100% + 20px)
        }
        .product-card__img[data-v-a95826a6] {
            max-height: 100%;
            -o-object-position: center;
            object-position: center
        }
        .product-card__button[data-v-a95826a6] {
            font-size: 13px;
            line-height: 1;
            padding: 13px;
            position: relative
        }
    }

.product-card[data-v-34561591] {
        background-color: transparent;
        color: var(--black);
        height: 100%
    }
    .product-card__link[data-v-34561591] {
        display: flex;
        flex-direction: column;
        gap: 40px;
        height: 100%;
        justify-content: center;
        padding: 15px 20px;
        width: 100%
    }
    .product-card__top[data-v-34561591] {
        align-items: center;
        display: flex;
        gap: 20px
    }
    .product-card__info[data-v-34561591] {
        display: flex;
        flex-direction: column
    }
    .product-card__category[data-v-34561591] {
        font-weight: 350;
        margin-right: 20px
    }
    .product-card__brand[data-v-34561591],.product-card__category[data-v-34561591] {
        font-size: 16px;
        line-height: 21px;
        max-width: 100%;
        width: -moz-max-content;
        width: max-content
    }
    .product-card__name[data-v-34561591] {
        word-break: break-all
    }
    .product-card__img[data-v-34561591] {
        background-color: inherit;
        height: 100px;
        mix-blend-mode: multiply;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100px
    }
    @media (max-width: 540px) {
        .product-card__link[data-v-34561591] {
            padding:10px
        }
        .product-card__category[data-v-34561591] {
            font-size: 12px;
            line-height: 14px
        }
        .product-card__brand[data-v-34561591] {
            font-size: 14px;
            line-height: 16px
        }
    }

.search-popup[data-v-03b9dd7f] {
        background-color: var(--black);
        color: var(--white);
        overflow: hidden;
        padding: 126px 50px 50px;
        top: 0
    }
    .search-popup__form[data-v-03b9dd7f] {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-bottom: clamp(40px,5vw,72px);
        position: relative
    }
    .search-popup__input[data-v-03b9dd7f] {
        background-color: var(--black);
        border-bottom: 1px solid var(--white);
        color: var(--white);
        font: 400 60px/1 var(--theme-font-family);
        min-width: min(743px,100%);
        padding-inline:15px}
    .search-popup__input[data-v-03b9dd7f]::-moz-placeholder {
        font: 350 clamp(20px,3.5vw,48px)/62% var(--text);
        text-align: center;
        width: 100%
    }
    .search-popup__input[data-v-03b9dd7f]::placeholder {
        font: 350 clamp(20px,3.5vw,48px)/62% var(--text);
        text-align: center;
        width: 100%
    }
    .search-popup__result-section[data-v-03b9dd7f]:not(:first-child) {
        border-top: 1px solid var(--white);
        padding-top: 30px
    }
    .search-popup__result-section[data-v-03b9dd7f]:not(:last-child) {
        margin-bottom: clamp(20px,3.5vw,48px)
    }

.burger[data-v-87d779b3] {
        display: none
    }
    @media (max-width: 1024px) {
        .burger[data-v-87d779b3] {
            display:grid;
            flex-shrink: 0;
            gap: 19px;
            height: 25px;
            position: relative;
            width: 34px;
            z-index: 10
        }
        .burger__line[data-v-87d779b3] {
            background-color: var(--header-color);
            border-radius: 1px;
            display: block;
            height: 3px;
            transition-duration: .5s;
            transition-timing-function: ease-in-out;
            width: 100%
        }
        .burger__line_1[data-v-87d779b3] {
            transform-origin: left;
            transition-property: transform,opacity
        }
        .burger__line_2[data-v-87d779b3],.burger__line_3[data-v-87d779b3] {
            left: 0;
            position: absolute;
            top: calc(50% - 1.5px);
            transition-property: transform
        }
        .burger__line_4[data-v-87d779b3] {
            transform-origin: right;
            transition-property: transform,opacity
        }
        .burger.is_active .burger__line_1[data-v-87d779b3],.burger.is_active .burger__line_4[data-v-87d779b3] {
            opacity: 0;
            transform: scaleX(0)
        }
        .burger.is_active .burger__line_2[data-v-87d779b3] {
            transform: rotate(135deg)
        }
        .burger.is_active .burger__line_3[data-v-87d779b3] {
            transform: rotate(-135deg)
        }
    }

.header[data-v-48e7ff5f] {
        --header-container-padding: 40px;
        --header-color: #000;
        --header-bg-color: #f3f7f9;
        --header-nav-drop-shadow-color: rgba(0,0,0,.1);
        background-color: var(--header-bg-color);
        color: var(--header-color);
        position: relative;
        transition: background-color .3s ease-in-out;
        z-index: 20
    }
    .header.header-theme_black[data-v-48e7ff5f],.header.header-theme_black-white[data-v-48e7ff5f] {
        --header-color: #fff;
        --header-bg-color: #000;
        --header-nav-drop-shadow-color: hsla(0,0%,100%,.3)
    }
    .header.header-theme_white[data-v-48e7ff5f] {
        --header-bg-color: #fff
    }
    .header.header-theme_bluegray[data-v-48e7ff5f] {
        --header-bg-color: var(--bluegray)
    }
    .header__container[data-v-48e7ff5f] {
        align-items: center;
        display: flex;
        gap: 40px;
        padding: 23px var(--header-container-padding) 17px;
        position: relative
    }
    .header__nav[data-v-48e7ff5f] {
        background-color: var(--header-bg-color)
    }
    .header__nav-list[data-v-48e7ff5f] {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px 50px
    }
    .header__search-button[data-v-48e7ff5f] {
        margin-left: auto
    }
    .header__search-button svg[data-v-48e7ff5f] {
        margin-top: 9px
    }
    .header__tel[data-v-48e7ff5f] {
        flex-shrink: 0;
        font-size: 18px;
        line-height: 24px;
        max-width: 100%;
        padding-top: 6px;
        position: absolute;
        right: var(--header-container-padding);
        top: 100%;
        width: -moz-max-content;
        width: max-content
    }
    @media (max-width: 1300px) {
        .header__nav-list[data-v-48e7ff5f] {
            -moz-column-gap:20px;
            column-gap: 20px
        }
    }
    @media (max-width: 1024px) {
        .header__nav[data-v-48e7ff5f] {
            box-shadow:0 2px 3px 0 var(--header-nav-drop-shadow-color),0 4px 11px 0 var(--header-nav-drop-shadow-color);
            max-height: 100dvh;
            overflow: visible auto;
            padding: 20px 50px;
            position: absolute;
            right: 0;
            top: 100%;
            transition: transform .3s ease-in-out;
            z-index: 6
        }
        .header__nav[data-v-48e7ff5f]:not(.expanded) {
            pointer-events: none;
            transform: translateY(-150%)
        }
        .header__nav-list[data-v-48e7ff5f] {
            display: grid;
            gap: 0;
            margin-inline:auto;width: -moz-max-content;
            width: max-content
        }
        .header__nav-tel[data-v-48e7ff5f] {
            display: block;
            font: 400 clamp(18px,2.5vw,24px)/133% var(--theme-font-family);
            margin-inline:auto}
        .header__tel[data-v-48e7ff5f] {
            display: none
        }
    }
    @media (max-width: 768px) {
        .header__container[data-v-48e7ff5f] {
            padding-inline:30px
        }
        .header__tel[data-v-48e7ff5f] {
            display: none
        }
    }
    @media (max-width: 460px) {
        .header__container[data-v-48e7ff5f] {
            padding-inline:10px
        }
    }

.skeleton[data-v-976272eb] {
        background-color: var(--white)
    }
    .skeleton__container[data-v-976272eb] {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(4,1fr)
    }
    .skeleton__el[data-v-976272eb] {
        animation: glow 2s ease-in-out infinite;
        background-color: var(--lightgray2);
        padding-bottom: 30vh;
        width: 100%
    }
    .skeleton__el_double[data-v-976272eb] {
        grid-column: span 2;
        grid-row: span 2
    }
    @media (max-width: 540px) {
        .skeleton__container[data-v-976272eb] {
            grid-template-columns:repeat(2,1fr)
        }
    }

.scroll-to-top-button {
        --right-offset: 100px;
        --button-size: clamp(24px,2vw,40px);
        background: no-repeat 50%/contain url(/img/swiper/round-black-bg-arrow.svg);
        cursor: pointer;
        height: var(--button-size);
        inset: auto var(--right-offset) 30px auto;
        opacity: .25;
        position: fixed;
        transform: rotate(-90deg);
        transition: opacity .25s ease;
        width: var(--button-size);
        z-index: 10
    }
    @media screen and (any-hover: hover) {
        .scroll-to-top-button:hover {
            opacity:1
        }
    }
    @media (max-width: 1024px) {
        .scroll-to-top-button {
            right:var(--container-padding)
        }
    }

.breadcrumbs__divider[data-v-4136e42e] {
        background: no-repeat 50%/contain url(/img/svg/breadcrumbs_divider.svg);
        height: 12px;
        width: 7px
    }

.breadcrumbs[data-v-eb9f673b] {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 19px
    }
    .breadcrumbs__item[data-v-eb9f673b] {
        align-items: center;
        display: flex;
        gap: 15px
    }
    .breadcrumbs__item:last-child .breadcrumbs__divider[data-v-eb9f673b] {
        display: none
    }
    .breadcrumbs__divider[data-v-eb9f673b] {
        background: no-repeat url(/img/svg/breadcrumbs_divider.svg) 50%/contain;
        display: block;
        height: 12px;
        width: 7px
    }

.footer__nav-item_catalog[data-v-6c21e5ae] {
        grid-column: span 5
    }
    .footer__nav-item_catalog .footer__links[data-v-6c21e5ae] {
        display: grid;
        gap: 20px 50px;
        grid-template-columns: repeat(5,1fr)
    }
    .footer__heading[data-v-6c21e5ae] {
        font: 400 16px/18px var(--wide);
        margin-bottom: 12px
    }
    .footer__links[data-v-6c21e5ae] {
        display: grid;
        gap: 12px;
        width: 100%
    }
    .footer__link[data-v-6c21e5ae] {
        font-size: 16px;
        font-weight: 350;
        line-height: 18px;
        width: unset
    }
    @media (max-width: 768px) {
        .footer__nav-item[data-v-6c21e5ae] {
            border-bottom:1px solid #d9d9d9;
            border-top: 1px solid #d9d9d9;
            margin-top: -1px;
            padding-block:14px}
        .footer__nav-item_catalog[data-v-6c21e5ae] {
            grid-column: span 1
        }
        .footer__nav-item_catalog .footer__links[data-v-6c21e5ae] {
            display: flex;
            gap: 12px
        }
        .footer__heading[data-v-6c21e5ae] {
            font: 350 18px/133% var(--text);
            margin-bottom: 0;
            position: relative;
            width: 100%
        }
        .footer__heading[data-v-6c21e5ae]:after,.footer__heading[data-v-6c21e5ae]:before {
            background-color: var(--black);
            content: "";
            height: 1px;
            position: absolute;
            right: 5px;
            top: calc(50% - .6px);
            transform: scaleY(1.2);
            width: 9px
        }
        .footer__heading[data-v-6c21e5ae]:after {
            transform: scaleY(1.2) rotate(90deg);
            transition: transform .25s ease-in-out
        }
        .footer__heading.expanded[data-v-6c21e5ae]:after {
            transform: scaleY(1.2) rotate(90deg) scaleX(0)
        }
        .footer__links[data-v-6c21e5ae] {
            display: flex;
            flex-wrap: wrap;
            max-height: 0;
            overflow: hidden;
            transition: max-height .25s ease-in-out
        }
        .footer__links.expanded[data-v-6c21e5ae] {
            max-height: 1000px
        }
    }

.category-nav[data-v-4624cf0a] {
        margin-block:40px}
    .category-nav .title-mini[data-v-4624cf0a] {
        margin-bottom: 16px
    }
    .category-nav__list[data-v-4624cf0a] {
        display: grid;
        gap: 20px 50px;
        grid-template-columns: repeat(4,1fr);
        justify-content: space-between
    }
    .category-nav .subtitle[data-v-4624cf0a] {
        font-family: var(--theme-font-family);
        margin-bottom: 12px
    }
    .category-nav__sublist[data-v-4624cf0a] {
        display: flex;
        flex-direction: column;
        gap: 12px
    }
    @media (max-width: 870px) {
        .category-nav__list[data-v-4624cf0a] {
            grid-template-columns:repeat(2,1fr)
        }
    }

.footer-bottom[data-v-d1095a51] {
        border-top: 1px solid #c1c7cb;
        padding-block:35px 60px}
    .footer-bottom__content[data-v-d1095a51] {
        display: grid;
        gap: 26px;
        width: min(460px,100%)
    }
    .footer-bottom__contacts[data-v-d1095a51] {
        display: flex;
        gap: 30px
    }
    .footer-bottom__links[data-v-d1095a51] {
        display: grid
    }
    @media (max-width: 540px) {
        .footer-bottom[data-v-d1095a51] {
            border-top:none
        }
        .footer-bottom__content[data-v-d1095a51] {
            justify-items: center
        }
        .footer-bottom__contacts[data-v-d1095a51] {
            align-items: center;
            flex-direction: column
        }
        .footer-bottom__address[data-v-d1095a51],.footer-bottom__text[data-v-d1095a51] {
            text-align: center
        }
    }

.footer {
        background-color: #fff
    }
    .footer__logo {
        padding-top: 20px
    }
    .footer__border {
        border-top: 1px solid #c1c7cb
    }
    .footer__container {
        display: grid;
        gap: 35px;
        padding-block:20px;width: 100%
    }
    .footer__to-home {
        line-height: 10px
    }
    .footer__crumbs-wrap {
        align-items: center;
        display: flex;
        gap: 19px;
        padding-top: 20px
    }
    .footer__nav {
        padding-bottom: 35px
    }
    .footer__navigation {
        display: grid;
        gap: 50px;
        grid-auto-flow: dense;
        grid-template-columns: repeat(5,1fr)
    }
    @media (max-width: 768px) {
        .footer__container {
            border-top:none;
            gap: 10px
        }
        .footer__crumbs-wrap {
            border-top: 1px solid #c1c7cb;
            padding-block:20px 13px}
        .footer__nav {
            padding-bottom: 13px
        }
        .footer__navigation {
            gap: 0;
            grid-template-columns: 100%
        }
    }

:root {
        --swiper-navigation-size: 44px
    }
    .swiper-button-next,.swiper-button-prev {
        align-items: center;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
        cursor: pointer;
        display: flex;
        height: var(--swiper-navigation-size);
        justify-content: center;
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        position: absolute;
        top: var(--swiper-navigation-top-offset,50%);
        width: calc(var(--swiper-navigation-size)/44*27);
        z-index: 10
    }
    .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events: none
    }
    .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        pointer-events: none
    }
    .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
        display: none!important
    }
    .swiper-button-next svg,.swiper-button-prev svg {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        transform-origin: center;
        width: 100%
    }
    .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-lock {
        display: none
    }
    .swiper-button-next:after,.swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        font-variant: normal;
        letter-spacing: 0;
        line-height: 1;
        text-transform: none!important
    }
    .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
        content: "prev"
    }
    .swiper-button-next,.swiper-rtl .swiper-button-prev {
        left: auto;
        right: var(--swiper-navigation-sides-offset,10px)
    }
    .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.not-found__container[data-v-252a5ccf] {
        align-items: center;
        display: flex;
        flex-direction: column;
        min-height: 100dvh;
        padding-block:20vh}
    .not-found h2[data-v-252a5ccf] {
        font-size: 60px;
        margin-bottom: 100px
    }

.about[data-v-ee7f7d74] {
        background-color: #fff
    }

.hero[data-v-3dcc7e09] {
        position: relative
    }
    .hero__video[data-v-3dcc7e09] {
        width: 100%
    }

.breadcrumbs[data-v-359d9684] {
        padding-block:30px 10px}
    .breadcrumbs_absolute[data-v-359d9684] {
        inset: 0 0 auto;
        position: absolute;
        z-index: 1
    }
    .breadcrumbs__list[data-v-359d9684] {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 4px 16px;
        margin-inline:-10px;width: calc(100% + 20px)
    }
    .breadcrumbs__item[data-v-359d9684] {
        align-items: baseline;
        background-color: var(--white);
        border-radius: 8px;
        display: flex;
        gap: 15px;
        max-width: 100%;
        padding: 6px 10px
    }
    .breadcrumbs__item:last-child .breadcrumbs__divider[data-v-359d9684] {
        display: none
    }
    .breadcrumbs__text[data-v-359d9684] {
        max-width: 100%;
        width: -moz-max-content;
        width: max-content
    }
    .breadcrumbs__divider[data-v-359d9684] {
        background: no-repeat url(/img/svg/breadcrumbs_divider.svg) 50%/contain;
        display: block;
        height: 12px;
        width: 7px
    }
    @media (max-width: 768px) {
        .breadcrumbs[data-v-359d9684] {
            overflow:auto visible
        }
        .breadcrumbs__list[data-v-359d9684] {
            flex-wrap: nowrap;
            width: -moz-max-content;
            width: max-content
        }
    }

.about-origin__container[data-v-0cf8a78a] {
        display: grid;
        gap: 20px;
        max-width: 1058px
    }

.about-help__title[data-v-bbd3d5c6] {
        margin-bottom: 83px
    }
    .about-help__scheme[data-v-bbd3d5c6] {
        display: grid;
        gap: 40px;
        grid-template-columns: auto 1fr auto;
        margin-bottom: 50px
    }
    .about-help__svg-block[data-v-bbd3d5c6] {
        background-position: top 32px center;
        background-repeat: no-repeat;
        border-radius: 100%;
        height: 164px;
        margin-top: 12px;
        padding-top: 93px;
        width: 164px
    }
    .about-help__svg-block_cross[data-v-bbd3d5c6] {
        background-color: var(--red);
        background-image: url(/img/about/redcross.svg)
    }
    .about-help__svg-block_like[data-v-bbd3d5c6] {
        background-color: var(--yellow);
        background-image: url(/img/about/like.svg)
    }
    .about-help__micro-heading[data-v-bbd3d5c6] {
        color: var(--white);
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 100%;
        margin-inline:auto;text-align: center
    }
    .about-help__arrow-scheme[data-v-bbd3d5c6] {
        display: grid;
        gap: 30px;
        grid-auto-flow: column;
        justify-content: space-between;
        margin-right: 40px;
        position: relative
    }
    .about-help__arrow-scheme[data-v-bbd3d5c6]:before {
        background-color: #000;
        border-radius: 4px;
        content: "";
        height: 4px;
        left: -20px;
        position: absolute;
        top: 93px;
        width: calc(100% + 60px)
    }
    .about-help__arrow-scheme[data-v-bbd3d5c6]:after {
        background: no-repeat 50%/contain url(/img/about/arrow.svg);
        content: "";
        height: 20px;
        position: absolute;
        right: -60px;
        top: 85px;
        width: 24px
    }
    .about-help__scheme-item[data-v-bbd3d5c6] {
        display: grid;
        gap: 20px;
        grid-template-rows: 83px 20px auto
    }
    .about-help__scheme-image-wrap[data-v-bbd3d5c6] {
        min-height: 96px
    }
    .about-help__scheme-image[data-v-bbd3d5c6] {
        display: block;
        margin-inline:auto}
    .about-help__scheme-text[data-v-bbd3d5c6] {
        font-size: 18px;
        font-weight: 350;
        line-height: 100%;
        text-align: center
    }
    .about-help__text[data-v-bbd3d5c6] {
        margin-inline:auto;max-width: 756px;
        text-align: center
    }
    @media (max-width: 1200px) {
        .about-help__arrow-scheme[data-v-bbd3d5c6] {
            grid-auto-flow:row;
            grid-template-areas: "first first third third fifth fifth" "second second fourth fourth sixth sixth";
            grid-template-columns: repeat(6,1fr)
        }
        .about-help__arrow-scheme[data-v-bbd3d5c6]:before {
            top: 105px
        }
        .about-help__arrow-scheme[data-v-bbd3d5c6]:after {
            top: 97px
        }
        .about-help__scheme-item[data-v-bbd3d5c6] {
            gap: 12px;
            grid-template-rows: 63px auto
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(odd) {
            justify-self: start
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(2n) {
            justify-self: end
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:first-child {
            grid-area: first
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(2) {
            grid-area: second
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(3) {
            grid-area: third
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(4) {
            grid-area: fourth
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(5) {
            grid-area: fifth
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(6) {
            grid-area: sixth
        }
    }
    @media (max-width: 1024px) {
        .about-help__svg-block[data-v-bbd3d5c6] {
            background-position-y:center;
            height: 100px;
            margin-top: 52px;
            padding: 0;
            position: relative;
            width: 100px
        }
        .about-help__svg-block_cross[data-v-bbd3d5c6] {
            background-size: 55px 51px
        }
        .about-help__svg-block_cross .about-help__micro-heading[data-v-bbd3d5c6] {
            left: 50%;
            max-width: 100%;
            transform: translate(-50%);
            width: -moz-max-content;
            width: max-content
        }
        .about-help__svg-block_cross .about-help__micro-heading br[data-v-bbd3d5c6] {
            display: none
        }
        .about-help__svg-block_like[data-v-bbd3d5c6] {
            background-size: 57px 52px
        }
        .about-help__micro-heading[data-v-bbd3d5c6] {
            color: var(--black);
            left: 0;
            position: absolute;
            top: calc(100% + 5px);
            width: 100%
        }
    }
    @media (max-width: 870px) {
        .about-help__title[data-v-bbd3d5c6] {
            font-size:32px;
            font-weight: 700;
            margin-bottom: 30px
        }
        .about-help__scheme[data-v-bbd3d5c6] {
            align-items: center;
            display: flex;
            flex-flow: column-reverse;
            gap: 20px;
            margin-bottom: 60px;
            margin-inline:auto;max-width: 100%;
            width: -moz-max-content;
            width: max-content
        }
        .about-help__svg-block_like[data-v-bbd3d5c6] {
            margin-top: 0
        }
        .about-help__svg-block_cross[data-v-bbd3d5c6] {
            margin-top: -40px
        }
        .about-help__arrow-scheme[data-v-bbd3d5c6] {
            gap: 40px 20px;
            grid-template-areas: ". sixth" "fifth fourth" "third second" "first .";
            grid-template-columns: 1fr 1fr;
            margin-right: 0;
            padding-top: 50px
        }
        .about-help__arrow-scheme[data-v-bbd3d5c6]:before {
            height: calc(100% - 90px);
            left: calc(50% - 2px);
            top: 50px;
            width: 4px
        }
        .about-help__arrow-scheme[data-v-bbd3d5c6]:after {
            left: calc(50% - 12px);
            top: 30px;
            transform: rotate(-90deg)
        }
        .about-help__scheme-image-wrap[data-v-bbd3d5c6] {
            min-height: unset
        }
        .about-help__scheme-item[data-v-bbd3d5c6] {
            grid-template-rows: auto auto
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(odd) {
            transform: translateY(-40px)
        }
        .about-help__scheme-item[data-v-bbd3d5c6]:nth-child(n) {
            justify-self: center
        }
        .about-help__scheme-text[data-v-bbd3d5c6] {
            width: -moz-min-content;
            width: min-content
        }
    }

.numbers__list[data-v-40d0c859] {
        display: grid;
        gap: 47px
    }
    .numbers__wrap[data-v-40d0c859] {
        display: flex;
        gap: 50px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    @media screen and (any-hover: hover) {
        .numbers__wrap:hover .numbers__row[data-v-40d0c859] {
            animation-play-state:paused
        }
    }
    .numbers__row[data-v-40d0c859] {
        animation: slidein-40d0c859 25s linear .1s infinite;
        display: flex;
        flex-shrink: 0;
        gap: 50px;
        justify-content: space-around;
        max-width: unset;
        min-width: 50%
    }
    .numbers__row_reverse[data-v-40d0c859] {
        animation-direction: reverse
    }
    .numbers__item[data-v-40d0c859] {
        display: flex;
        flex: 0 0 auto;
        gap: 14px;
        width: -moz-max-content;
        width: max-content
    }
    .numbers__number[data-v-40d0c859] {
        text-transform: uppercase
    }
    @keyframes slidein-40d0c859 {
        0% {
            transform: translate(0)
        }
        to {
            transform: translate(calc(-100% - 50px))
        }
    }
    @media (max-width: 768px) {
        .numbers__list[data-v-40d0c859] {
            gap:30px
        }
        .numbers__row[data-v-40d0c859],.numbers__wrap[data-v-40d0c859] {
            gap: 20px
        }
        .numbers__item[data-v-40d0c859] {
            flex-direction: column;
            gap: 0
        }
        .numbers__text[data-v-40d0c859] {
            font-size: 16px
        }
        @keyframes slidein-40d0c859 {
            0% {
                transform: translate(0)
            }
            to {
                transform: translate(calc(-100% - 20px))
            }
        }
    }

.directions__title[data-v-74adf539] {
        text-align: center
    }
    .directions__list[data-v-74adf539] {
        display: flex;
        flex-wrap: wrap;
        gap: 50px 40px;
        justify-content: center
    }
    .directions__link[data-v-74adf539] {
        background-position: left 32px center;
        background-repeat: no-repeat;
        background-size: auto 60%;
        border-radius: 30px;
        color: var(--white);
        display: block;
        font: 400 clamp(24px,3vw,64px)/1.2 var(--theme-font-family);
        padding: 22px 49px 20px 154px;
        transition: opacity .25s ease-in-out
    }
    .directions__link_sales[data-v-74adf539] {
        background-color: var(--green);
        background-image: url(/img/about/directions/marketing.svg);
        padding-inline:154px 38px}
    .directions__link_service[data-v-74adf539] {
        background-color: var(--orange);
        background-image: url(/img/about/directions/wrench.svg);
        padding-left: 122px
    }
    .directions__link_learning[data-v-74adf539] {
        background-color: var(--red);
        background-image: url(/img/about/directions/education.svg)
    }
    .directions__link_rent[data-v-74adf539] {
        background-color: var(--firm-color);
        background-image: url(/img/about/directions/rent.svg);
        padding-right: 46px
    }
    .directions__link_ilivtouch[data-v-74adf539] {
        background-color: #352c63;
        padding: 23px 51px 27px 41px
    }
    .directions__link_ilivtouch img[data-v-74adf539] {
        width: clamp(100px,20vw,388px)
    }
    .directions__link_mindray[data-v-74adf539] {
        background-color: var(--mindray-color);
        background-image: url(/img/about/directions/cart.svg);
        padding: 22px 42px 27px 154px
    }
    @media screen and (any-hover: hover) {
        .directions__link[data-v-74adf539]:hover {
            opacity:.7
        }
    }
    @media (max-width: 768px) {
        .directions__list[data-v-74adf539] {
            gap:16px
        }
        .directions__item[data-v-74adf539] {
            width: 100%
        }
        .directions__link[data-v-74adf539] {
            background-position-x: 14px;
            border-radius: 12px;
            padding: 22px 20px 20px 80px
        }
        .directions__link_sales[data-v-74adf539] {
            background-size: 42px 37px
        }
        .directions__link_service[data-v-74adf539] {
            background-size: 40px 42px
        }
        .directions__link_learning[data-v-74adf539] {
            background-size: 49px 43px
        }
        .directions__link_rent[data-v-74adf539] {
            background-size: 42px 35px
        }
        .directions__link_ilivtouch[data-v-74adf539] {
            padding: 16px 66px 19px 16px
        }
        .directions__link_ilivtouch img[data-v-74adf539] {
            width: 175px
        }
        .directions__link_mindray[data-v-74adf539] {
            background-size: 41px 33px
        }
    }

.engineers-baloon[data-v-97b9902f] {
        transform: translate(-50%)
    }
    .engineers-baloon[data-v-97b9902f]:first-child {
        left: 8%;
        top: 62%
    }
    .engineers-baloon[data-v-97b9902f]:nth-child(2) {
        left: 22%;
        top: 40.5%
    }
    .engineers-baloon[data-v-97b9902f]:nth-child(3) {
        left: 53%;
        top: 59%
    }
    .engineers-baloon[data-v-97b9902f]:nth-child(4) {
        left: 78.5%;
        top: 54%
    }

.engineers-baloon[data-v-5eaaf20b] {
        position: absolute
    }
    .engineers-baloon__logo[data-v-5eaaf20b] {
        height: auto;
        width: clamp(40px,8vw,78px)
    }
    .engineers-baloon__text-wrap[data-v-5eaaf20b] {
        bottom: 0;
        display: grid;
        left: calc(100% + 10px);
        position: absolute;
        top: auto
    }
    .engineers-baloon__quantity[data-v-5eaaf20b] {
        font-size: clamp(20px,5vw,48px);
        font-weight: 700;
        line-height: 90%
    }
    .engineers-baloon__text[data-v-5eaaf20b] {
        font-size: clamp(12px,3vw,18px)
    }
    @media (max-width: 768px) {
        .engineers-baloon__text-wrap[data-v-5eaaf20b] {
            bottom:auto;
            left: 5px;
            top: calc(100% + 5px)
        }
    }

.organization__scheme[data-v-e5353251] {
        -moz-column-gap: 50px;
        column-gap: 50px;
        display: grid;
        grid-template-areas: "head head head" "finances development ilivtouch" "b2b . hr" "sales-moscow south sales-ekb" "south-sales . south-service" "tech service school" "service-sales . geo";
        grid-template-columns: repeat(3,1fr)
    }
    @media (max-width: 1024px) {
        .organization__wrap[data-v-e5353251] {
            overflow-x:auto
        }
        .organization__scheme[data-v-e5353251] {
            width: 1024px
        }
    }
    @media (max-width: 768px) {
        .organization[data-v-e5353251] {
            display:none
        }
    }

.organization-card[data-v-5451ce26] {
        display: flex;
        flex-direction: column;
        padding-top: 60px;
        position: relative;
        width: 100%
    }
    .organization-card__heading[data-v-5451ce26] {
        font-size: 18px;
        font-weight: 350;
        line-height: 120%;
        margin-bottom: 14px;
        text-align: center
    }
    .organization-card__content[data-v-5451ce26] {
        background-color: var(--lightgray);
        border-radius: 20px;
        padding: 22px 15px;
        position: relative
    }
    .organization-card__content[data-v-5451ce26],.organization-card__departments[data-v-5451ce26] {
        display: flex;
        flex-direction: column;
        gap: 25px
    }
    .organization-card__title[data-v-5451ce26] {
        font: 350 clamp(14px,2vw,16px)/112% var(--text);
        text-align: center
    }
    .organization-card__title[data-v-5451ce26]:not(:last-child) {
        margin-bottom: 4px
    }
    .organization-card__name[data-v-5451ce26] {
        font: 400 clamp(18px,2vw,24px)/125% var(--wide);
        text-align: center
    }
    .organization-card__name[data-v-5451ce26]:not(:last-child) {
        margin-bottom: 4px
    }
    .organization-card__decor[data-v-5451ce26] {
        flex: 1;
        min-height: 60px;
        position: relative;
        width: 100%
    }
    .organization-card__decor[data-v-5451ce26]:after {
        content: "";
        left: -32px;
        position: absolute;
        top: -1px;
        width: calc(100% + 40px)
    }
    .organization-card_head[data-v-5451ce26] {
        grid-area: head;
        margin-inline:auto;width: calc(33.33333% - 33.33333px)
    }
    .organization-card_development[data-v-5451ce26] {
        grid-area: development
    }
    .organization-card_ilivtouch[data-v-5451ce26] {
        grid-area: ilivtouch
    }
    .organization-card_ilivtouch[data-v-5451ce26]:before {
        border-right: 2px solid var(--firm-color);
        border-top: 2px solid var(--firm-color);
        border-top-right-radius: 20px;
        content: "";
        display: block;
        height: 60px;
        position: absolute;
        right: -32px;
        top: -3px;
        width: 150%
    }
    .organization-card_ilivtouch[data-v-5451ce26]:after {
        background-color: var(--firm-color);
        content: "";
        display: block;
        height: calc(100% - 64px);
        left: calc(100% + 30px);
        position: absolute;
        top: 32px;
        width: 2px
    }
    .organization-card_b2b[data-v-5451ce26] {
        grid-area: b2b
    }
    .organization-card_hr[data-v-5451ce26] {
        grid-area: hr
    }
    .organization-card_sales-ekb[data-v-5451ce26] {
        grid-area: sales-ekb
    }
    .organization-card_south[data-v-5451ce26] {
        grid-area: south
    }
    .organization-card_south-sales[data-v-5451ce26] {
        grid-area: south-sales
    }
    .organization-card_south-service[data-v-5451ce26] {
        grid-area: south-service
    }
    .organization-card_south-service .organization-card__decor[data-v-5451ce26]:after {
        border-bottom: 2px solid var(--firm-color);
        border-bottom-right-radius: 20px;
        border-right: 2px solid var(--firm-color);
        display: block;
        height: 100%;
        inset: -1px -8px 0 auto;
        position: absolute;
        transform: translate(24px);
        width: 150%
    }
    .organization-card_finances[data-v-5451ce26] {
        grid-area: finances
    }
    .organization-card_tech[data-v-5451ce26] {
        grid-area: tech
    }
    .organization-card_tech[data-v-5451ce26]:before {
        border-left: 2px solid var(--firm-color);
        border-top: 2px solid var(--firm-color);
        border-top-left-radius: 20px;
        content: "";
        display: block;
        height: 32px;
        left: calc(50% - 1px);
        position: absolute;
        top: -3px;
        width: 32px;
        width: calc(50% + 32px)
    }
    .organization-card_service[data-v-5451ce26] {
        grid-area: service
    }
    .organization-card_service-sales[data-v-5451ce26] {
        grid-area: service-sales
    }
    .organization-card_service-geo[data-v-5451ce26] {
        grid-area: geo
    }
    .organization-card_school[data-v-5451ce26] {
        grid-area: school
    }
    .organization-card_sales-moscow[data-v-5451ce26] {
        grid-area: sales-moscow
    }
    .organization-card_development .organization-card__decor[data-v-5451ce26]:before,.organization-card_head .organization-card__decor[data-v-5451ce26]:before,.organization-card_service .organization-card__decor[data-v-5451ce26]:before,.organization-card_south .organization-card__decor[data-v-5451ce26]:before {
        background-color: var(--firm-color);
        content: "";
        display: block;
        height: 100%;
        left: calc(50% - 1px);
        position: absolute;
        top: -1px;
        width: 2px
    }
    .organization-card_development .organization-card__decor[data-v-5451ce26]:after,.organization-card_head .organization-card__decor[data-v-5451ce26]:after,.organization-card_service .organization-card__decor[data-v-5451ce26]:after,.organization-card_south .organization-card__decor[data-v-5451ce26]:after {
        border-bottom: 2px solid var(--firm-color);
        display: block;
        height: 100%
    }
    .organization-card_b2b[data-v-5451ce26]:before,.organization-card_finances[data-v-5451ce26]:before,.organization-card_sales-moscow[data-v-5451ce26]:before,.organization-card_service-sales[data-v-5451ce26]:before,.organization-card_south-sales[data-v-5451ce26]:before {
        border-left: 2px solid var(--firm-color);
        border-top: 2px solid var(--firm-color);
        border-top-left-radius: 20px;
        content: "";
        display: block;
        height: 32px;
        left: calc(50% - 1px);
        position: absolute;
        top: -3px;
        width: 32px;
        width: 170%
    }
    .organization-card_development .organization-card__heading[data-v-5451ce26]:before,.organization-card_ilivtouch .organization-card__heading[data-v-5451ce26]:before,.organization-card_sales-ekb .organization-card__heading[data-v-5451ce26]:before,.organization-card_school .organization-card__heading[data-v-5451ce26]:before,.organization-card_service .organization-card__heading[data-v-5451ce26]:before,.organization-card_south .organization-card__heading[data-v-5451ce26]:before {
        background-color: var(--firm-color);
        content: "";
        display: block;
        height: 25px;
        left: calc(50% - 1px);
        position: absolute;
        top: -1px;
        width: 2px
    }
    .organization-card_hr[data-v-5451ce26]:after,.organization-card_sales-ekb[data-v-5451ce26]:after,.organization-card_south-service[data-v-5451ce26]:after {
        background-color: var(--firm-color);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: -32px;
        top: -32px;
        width: 2px
    }
    .organization-card_hr[data-v-5451ce26]:before,.organization-card_service-geo[data-v-5451ce26]:before,.organization-card_south-service[data-v-5451ce26]:before {
        border-right: 2px solid var(--firm-color);
        border-top: 2px solid var(--firm-color);
        border-top-right-radius: 20px;
        content: "";
        display: block;
        height: 32px;
        position: absolute;
        right: calc(50% - 1px);
        top: -3px;
        width: 100%
    }
    .organization-card_sales-ekb[data-v-5451ce26]:before,.organization-card_service[data-v-5451ce26]:before,.organization-card_south[data-v-5451ce26]:before {
        border-bottom: 2px solid var(--firm-color);
        content: "";
        display: block;
        position: absolute;
        right: -32px;
        top: -3px;
        width: 120%
    }

.history__title {
        font-size: 40px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 54px;
        text-align: center
    }
    .history .swiper {
        container-type: inline-size;
        padding: 143px 214px 159px;
        position: relative
    }
    .history .swiper .swiper-button-next,.history .swiper .swiper-button-prev {
        background: none;
        top: 233px
    }
    .history .swiper .swiper-button-next:after,.history .swiper .swiper-button-prev:after {
        content: url(/img/svg/prev.svg);
        transform: rotate(180deg)
    }
    .history .swiper .swiper-button-prev {
        left: 84px
    }
    .history .swiper .swiper-button-next {
        right: 84px
    }
    .history .swiper-pagination.swiper-pagination-horizontal {
        bottom: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-inline:25px;top: 64px;
        width: 100%
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
        background-color: transparent;
        color: var(--firm-color);
        display: block;
        height: auto;
        margin-inline:10px;opacity: 1;
        width: auto
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
        color: var(--black)
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:after {
        display: inline-block;
        font-size: 18px;
        font-weight: 350;
        line-height: 44px
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:first-child:after {
        content: "2009"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(2):after {
        content: "2010"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(3):after {
        content: "2011"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(4):after {
        content: "2012"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(5):after {
        content: "2013"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(6):after {
        content: "2014"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(7):after {
        content: "2015"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(8):after {
        content: "2016"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(9):after {
        content: "2017"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(10):after {
        content: "2018"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(11):after {
        content: "2019"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(12):after {
        content: "2020"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(13):after {
        content: "2021"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(14):after {
        content: "2022"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(15):after {
        content: "2023"
    }
    .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(16):after {
        content: "2024"
    }
    .history-slide:before {
        background-color: var(--lightgray);
        border-radius: 30px;
        content: "";
        top: -143px;
        right: -214px;
        bottom: -159px;
        left: -214px;
        position: absolute;
        z-index: -1
    }
    .history-slide__year {
        color: var(--white);
        font-family: var(--theme-font-family);
        font-size: 230px;
        font-weight: 700;
        line-height: 100%;
        margin-bottom: clamp(12px,6vw,74px);
        text-align: center;
        text-shadow: 0 2.767px 2.214px rgba(0,0,0,.02),0 6.65px 5.32px rgba(0,0,0,.03),0 12.522px 10.017px rgba(0,0,0,.04),0 22.336px 17.869px rgba(0,0,0,.04),0 41.778px 33.422px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07)
    }
    .history-slide__heading {
        font-family: var(--wide);
        font-size: clamp(20px,4vw,48px);
        font-weight: 400;
        line-height: 44px;
        margin-bottom: 30px;
        text-align: center
    }
    .history-slide__text {
        font-size: clamp(16px,3vw,30px);
        font-weight: 350;
        line-height: 125%;
        text-align: center
    }
    @container (max-width: 1600px) {
        .history-slide__year {
            font-size: clamp(72px,11vw,180px)
        }
    }
    @media (max-width: 768px) {
        .history .swiper {
            padding:76px 20px 50px
        }
        .history .swiper-button-next,.history .swiper-button-prev {
            display: none
        }
        .history .swiper-pagination.swiper-pagination-horizontal {
            top: 20px
        }
        .history .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:after {
            font-size: 14px;
            line-height: 1.4
        }
        .history-slide {
            padding-top: 30px
        }
        .history-slide:before {
            border-radius: 0;
            top: -76px;
            right: -20px;
            bottom: -50px;
            left: -20px
        }
        .history-slide__heading {
            margin-bottom: 24px
        }
    }