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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        transform: rotate(360deg)
    }
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden
}

.glightbox-container .gslider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100% !important
}

.gslide iframe,
.gslide video {
    outline: none !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    padding: 0;
    float: none;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none
}

.gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100% !important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, 0.34);
    display: none
}

.gslide-video.playing::before {
    display: none
}

.gslide-video.fullscreen {
    max-width: 100% !important;
    min-width: 100%;
    height: 75vh
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%;
    margin: auto
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none
}

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%
}

.gslide-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.zoomed .gslide-description {
    display: none
}

.glightbox-button-hidden {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 19px 11px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    padding-bottom: 50px
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: bold
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.greset {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader .8s infinite linear;
    animation: lightboxLoader .8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gprev,
.gnext,
.gclose {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gprev svg,
.gnext svg,
.gclose svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
    opacity: .1
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: normal;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 4px
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
    fill: #fff
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    -webkit-animation: gfadeIn .5s ease;
    animation: gfadeIn .5s ease
}

.gfadeOut {
    -webkit-animation: gfadeOut .5s ease;
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft .3s ease;
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    -webkit-animation: gslideInLeft .3s ease;
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    -webkit-animation: gslideOutRight .3s ease;
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    -webkit-animation: gslideInRight .3s ease;
    animation: gslideInRight .3s ease
}

.gzoomIn {
    -webkit-animation: gzoomIn .5s ease;
    animation: gzoomIn .5s ease
}

.gzoomOut {
    -webkit-animation: gzoomOut .5s ease;
    animation: gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }

    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }

    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@media(min-width: 769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0, 0, 0, 0.92)
    }

    .glightbox-clean .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
        box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65)
    }

    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }

    .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
        background-color: rgba(0, 0, 0, 0.32)
    }

    .glightbox-clean .gprev:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gclose:hover {
        background-color: rgba(0, 0, 0, 0.7)
    }

    .glightbox-clean .gprev {
        top: 45%
    }

    .glightbox-clean .gnext {
        top: 45%
    }
}

@media(min-width: 992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background: #000
    }
}

/*! 
 * OverlayScrollbars
 * Version: 2.11.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
    scroll-behavior: auto !important;
    direction: inherit;
    pointer-events: none;
    overflow: hidden;
    visibility: hidden;
    box-sizing: border-box
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
    writing-mode: horizontal-tb;
    position: absolute;
    left: 0;
    top: 0
}

.os-size-observer {
    z-index: -1;
    contain: strict;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: inherit;
    border: inherit;
    box-sizing: inherit;
    margin: -133px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0.1)
}

.os-size-observer::before {
    content: "";
    flex: none;
    box-sizing: inherit;
    padding: 10px;
    width: 10px;
    height: 10px
}

.os-size-observer-appear {
    animation: os-size-observer-appear-animation 1ms forwards
}

.os-size-observer-listener {
    box-sizing: border-box;
    position: relative;
    flex: auto;
    padding: inherit;
    border: inherit;
    margin: -133px;
    transform: scale(10)
}

.os-size-observer-listener.ltr {
    margin-right: -266px;
    margin-left: 0
}

.os-size-observer-listener.rtl {
    margin-left: -266px;
    margin-right: 0
}

.os-size-observer-listener:empty::before {
    content: "";
    width: 100%;
    height: 100%
}

.os-size-observer-listener:empty::before,
.os-size-observer-listener>.os-size-observer-listener-item {
    display: block;
    position: relative;
    padding: inherit;
    border: inherit;
    box-sizing: content-box;
    flex: auto
}

.os-size-observer-listener-scroll {
    box-sizing: border-box;
    display: flex
}

.os-size-observer-listener-item {
    right: 0;
    bottom: 0;
    overflow: hidden;
    direction: ltr;
    flex: none
}

.os-size-observer-listener-item-final {
    transition: none
}

@keyframes os-size-observer-appear-animation {
    from {
        cursor: auto
    }

    to {
        cursor: none
    }
}

.os-trinsic-observer {
    flex: none;
    box-sizing: border-box;
    position: relative;
    max-width: 0px;
    max-height: 1px;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    z-index: -1;
    height: 0;
    top: calc(100% + 1px);
    contain: strict
}

.os-trinsic-observer:not(:empty) {
    height: calc(100% + 1px);
    top: -1px
}

.os-trinsic-observer:not(:empty)>.os-size-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
    scrollbar-width: none !important
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
    overflow: auto
}

html[data-overlayscrollbars-body] {
    overflow: hidden
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body]>body {
    width: 100%;
    height: 100%;
    margin: 0
}

html[data-overlayscrollbars-body]>body {
    overflow: visible;
    margin: 0
}

[data-overlayscrollbars] {
    position: relative
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
    display: flex;
    align-items: stretch !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    scroll-behavior: auto !important
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
    box-sizing: inherit;
    position: relative;
    flex: auto !important;
    height: auto;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: none;
    z-index: 0
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
    --os-vaw: 0;
    --os-vah: 0;
    outline: none
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
    outline: none
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
    min-width: 1px;
    min-height: 1px;
    width: var(--os-vaw);
    height: var(--os-vah)
}

[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
    overflow: hidden !important
}

[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
    overflow: visible !important
}

[data-overlayscrollbars-viewport~=measuring] {
    overflow: hidden !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important
}

[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
    overflow-x: visible !important
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
    overflow-x: hidden !important
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
    overflow-x: scroll !important
}

[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
    overflow-y: visible !important
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
    overflow-y: hidden !important
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
    overflow-y: scroll !important
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
    font-size: 0 !important;
    line-height: 0 !important
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>* {
    display: none !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
}

[data-overlayscrollbars-viewport~=scrolling] {
    scroll-behavior: auto !important;
    scroll-snap-type: none !important
}

[data-overlayscrollbars-content] {
    box-sizing: inherit
}

[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
    display: contents
}

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
    display: grid;
    grid-template: 1fr/1fr
}

[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport] {
    height: auto !important;
    width: auto !important
}

.os-scrollbar {
    --os-viewport-percent: 0;
    --os-scroll-percent: 0;
    --os-scroll-direction: 0;
    --os-scroll-percent-directional: calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction))
}

.os-scrollbar {
    contain: size layout;
    contain: size layout style;
    transition: opacity .15s, visibility .15s, top .15s, right .15s, bottom .15s, left .15s;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    visibility: hidden
}

body>.os-scrollbar {
    position: fixed;
    z-index: 99999
}

.os-scrollbar-transitionless {
    transition: none !important
}

.os-scrollbar-track {
    position: relative;
    padding: 0 !important;
    border: none !important
}

.os-scrollbar-handle {
    position: absolute
}

.os-scrollbar-track,
.os-scrollbar-handle {
    pointer-events: none;
    width: 100%;
    height: 100%
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
    pointer-events: auto;
    touch-action: none
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-scrollbar-visible {
    opacity: 1;
    visibility: visible
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
    opacity: 0;
    visibility: hidden
}

.os-scrollbar-interaction.os-scrollbar-visible {
    opacity: 1;
    visibility: visible
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
    pointer-events: none !important
}

.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
    transition: none !important
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    bottom: 0;
    left: calc(var(--os-scroll-percent-directional)*100%);
    transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
    width: calc(var(--os-viewport-percent)*100%)
}

.os-scrollbar-vertical .os-scrollbar-handle {
    right: 0;
    top: calc(var(--os-scroll-percent-directional)*100%);
    transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
    height: calc(var(--os-viewport-percent)*100%)
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
    right: auto;
    left: 0
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
    left: 0;
    right: 0
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
    top: 0;
    bottom: 0
}

@media print {
    .os-scrollbar {
        display: none
    }
}

.os-scrollbar {
    --os-size: 0;
    --os-padding-perpendicular: 0;
    --os-padding-axis: 0;
    --os-track-border-radius: 0;
    --os-track-bg: none;
    --os-track-bg-hover: none;
    --os-track-bg-active: none;
    --os-track-border: none;
    --os-track-border-hover: none;
    --os-track-border-active: none;
    --os-handle-border-radius: 0;
    --os-handle-bg: none;
    --os-handle-bg-hover: none;
    --os-handle-bg-active: none;
    --os-handle-border: none;
    --os-handle-border-hover: none;
    --os-handle-border-active: none;
    --os-handle-min-size: 33px;
    --os-handle-max-size: none;
    --os-handle-perpendicular-size: 100%;
    --os-handle-perpendicular-size-hover: 100%;
    --os-handle-perpendicular-size-active: 100%;
    --os-handle-interactive-area-offset: 0
}

.os-scrollbar-track {
    border: var(--os-track-border);
    border-radius: var(--os-track-border-radius);
    background: var(--os-track-bg);
    transition: opacity .15s, background-color .15s, border-color .15s
}

.os-scrollbar-track:hover {
    border: var(--os-track-border-hover);
    background: var(--os-track-bg-hover)
}

.os-scrollbar-track:active {
    border: var(--os-track-border-active);
    background: var(--os-track-bg-active)
}

.os-scrollbar-handle {
    border: var(--os-handle-border);
    border-radius: var(--os-handle-border-radius);
    background: var(--os-handle-bg)
}

.os-scrollbar-handle:hover {
    border: var(--os-handle-border-hover);
    background: var(--os-handle-bg-hover)
}

.os-scrollbar-handle:active {
    border: var(--os-handle-border-active);
    background: var(--os-handle-bg-active)
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-scrollbar-horizontal {
    padding: var(--os-padding-perpendicular) var(--os-padding-axis);
    right: var(--os-size);
    height: var(--os-size)
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
    left: var(--os-size);
    right: 0
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
    top: calc(var(--os-padding-perpendicular)*-1);
    bottom: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    min-width: var(--os-handle-min-size);
    max-width: var(--os-handle-max-size);
    height: var(--os-handle-perpendicular-size);
    transition: opacity .15s, background-color .15s, border-color .15s, height .15s
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    bottom: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-active)
}

.os-scrollbar-vertical {
    padding: var(--os-padding-axis) var(--os-padding-perpendicular);
    bottom: var(--os-size);
    width: var(--os-size)
}

.os-scrollbar-vertical .os-scrollbar-track:before {
    left: calc(var(--os-padding-perpendicular)*-1);
    right: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-vertical .os-scrollbar-handle {
    min-height: var(--os-handle-min-size);
    max-height: var(--os-handle-max-size);
    width: var(--os-handle-perpendicular-size);
    transition: opacity .15s, background-color .15s, border-color .15s, width .15s
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    right: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    left: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-active)
}

[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,
.os-theme-none.os-scrollbar {
    display: none !important
}

.os-theme-dark,
.os-theme-light {
    box-sizing: border-box;
    --os-size: 10px;
    --os-padding-perpendicular: 2px;
    --os-padding-axis: 2px;
    --os-track-border-radius: 10px;
    --os-handle-interactive-area-offset: 4px;
    --os-handle-border-radius: 10px
}

.os-theme-dark {
    --os-handle-bg: rgba(0, 0, 0, 0.44);
    --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
    --os-handle-bg-active: rgba(0, 0, 0, 0.66)
}

.os-theme-light {
    --os-handle-bg: rgba(255, 255, 255, 0.44);
    --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
    --os-handle-bg-active: rgba(255, 255, 255, 0.66)
}

* {
    padding: 0px;
    margin: 0px;
    border: none
}

*,
*::before,
*::after {
    box-sizing: border-box
}

a,
a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

aside,
nav,
footer,
header,
section,
main {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: inherit
}

ul,
ul li {
    list-style: none
}

img {
    vertical-align: top
}

img,
svg {
    max-width: 100%;
    height: auto
}

address {
    font-style: normal
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: rgba(0, 0, 0, 0)
}

input::-ms-clear {
    display: none
}

button,
input[type=submit] {
    display: inline-block;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    background: none;
    cursor: pointer
}

input:focus,
input:active,
button:focus,
button:active {
    outline: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

label {
    cursor: pointer
}

legend {
    display: block
}

:root {
    --container-width: 1430px;
    --container-padding: 15px;
    --font-main: "Rubik", sans-serif;
    --font-accent: "Rubik", sans-serif;
    --font-titles: var(--font-accent);
    --page-bg: #fff;
    --text-color: #000;
    --accent: #ac182c;
    --link-color: #2578c8;
    --laptop-size: 1199px;
    --tablet-size: 959px;
    --mobile-size: 599px;
    --primary: #748c70;
    --black: #0c0c0c;
    --white: #fff;
    --primary-primary25: #f0f2ef;
    --primary-primary50: #d1d9cf;
    --primary-primary100: #b2bfaf;
    --primary-primary200: #a2b39f;
    --primary-primary300: #93a690;
    --primary-primary400: #839980;
    --primary-primary-600: #5a6d57;
    --primary-primary-700: #404e3e;
    --primary-primary750: #343e32;
    --primary-primary800: #272f25;
    --primary-primary900: #0d100c;
    --neutral-backgroundfaf9f5: #faf9f5;
    --neutral-graydfdfdf: #dfdfdf;
    --neutral-grayededed: #ededed;
    --neutral-grayf9f9f9: #f9f9f9;
    --neutral-graycbcbcb: #cbcbcb;
    --neutral-grayadadad: #adadad;
    --neutral-gray868686: #868686;
    --neutral-gray606060: #606060;
    --neutral-gray404040: #404040;
    --neutral-gray202020: #202020;
    --neutral-gray0c0c0c: #0c0c0c;
    --state-color-warning-bg: #f7e4c9;
    --state-color-warning-light: #ecbb77;
    --state-color-warning: #e09126;
    --state-color-error-bg: #fff2f2;
    --state-color-error-light: #ed2e2e;
    --state-color-error: #c30000;
    --state-color-success-bg: #f3fdfa;
    --state-color-success-light: #00ba88;
    --state-color-success: #00966d;
    --font-family: "Montserrat", sans-serif
}

.dark {
    --page-bg: #252526;
    --text-color: #fff
}

html {
    scroll-behavior: smooth
}

body {
    color: var(--text-color);
    font-family: var(--font-main);
    background: #f5f7f9
}

img {
    display: block
}

a {
    color: var(--link-color)
}

code {
    background-color: #e9f1f6;
    padding: .2rem;
    border-radius: 4px
}

pre.code {
    overflow-x: auto;
    background-color: #e9f1f6;
    padding: 1rem;
    border-radius: 4px
}

h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px
}

h2 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px
}

h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px
}

h4 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px
}

.overlay-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #0d0d0d;
    opacity: .5
}

.page-title {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 40px;
    font-weight: 500
}

.page-title--main-page {
    text-align: center;
    padding-top: 70px;
    margin-bottom: 70px
}

.breadcrumb-main {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 52px;
    margin-left: 0;
    margin-top: 32px;
    font-family: var(--font-accent)
}

.breadcrumb-main .breadcrumb-main__item {
    font-size: 14px;
    line-height: 20px;
    color: #8d94a0
}

.breadcrumb-main .breadcrumb-main__item a {
    color: #111827;
    text-decoration: none
}

.breadcrumb-main .breadcrumb-main__item a:hover {
    color: #f05c2d
}

.breadcrumb-main .breadcrumb-main__sep {
    color: #8d94a0;
    font-size: 14px;
    line-height: 20px
}

@media(max-width: 767px) {
    .breadcrumb-main {
        margin-left: 0;
        margin-top: 7px;
        column-gap: 12px;
        row-gap: 5px;
        margin-bottom: 23px
    }
}

.content-demo {
    margin-bottom: 5rem;
    padding: 1rem;
    background-color: #dadada
}

.container {
    margin: 0 auto;
    padding: 0 var(--container-padding);
    max-width: var(--container-width);
    width: 100%
}

.container-full {
    padding: 0 var(--container-padding);
    max-width: 100%
}

.container-left-50 {
    padding: 0 var(--container-padding);
    max-width: 50%
}

@media(max-width: 767px) {
    .container-left-50 {
        max-width: 100%
    }
}

.container-right-50 {
    padding: 0 var(--container-padding);
    max-width: 50%;
    margin-left: auto
}

@media(max-width: 767px) {
    .container-right-50 {
        max-width: 100%
    }
}

.container-right {
    padding-left: calc((100% - var(--container-width))/2 + var(--container-padding))
}

@media(max-width: 1279px) {
    .container-right {
        padding-left: var(--container-padding)
    }
}

.container-left {
    padding-right: calc((100% - var(--container-width))/2 + var(--container-padding))
}

@media(max-width: 1279px) {
    .container-left {
        padding-right: var(--container-padding)
    }
}

.container-half-left {
    padding-right: calc((100% - var(--container-width))/2 + var(--container-width)/2);
    padding-left: calc((100% - var(--container-width))/2 + var(--container-padding))
}

@media(max-width: 1279px) {
    .container-half-left {
        padding-left: var(--container-padding)
    }
}

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

.container-half-right {
    padding-left: calc((100% - var(--container-width))/2 + var(--container-width)/2);
    padding-right: calc((100% - var(--container-width))/2 + var(--container-padding))
}

@media(max-width: 1279px) {
    .container-half-right {
        padding-right: var(--container-padding)
    }
}

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

html,
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.main-footer {
    margin-top: auto
}

.main-header {
    position: relative;
    background: #fff;
    color: #111827;
    z-index: 101
}

.main-header .main-header__top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.main-header .main-header__contacts {
    display: flex;
    gap: 24px;
    align-items: center
}

.main-header .main-header__email {
    font-size: 16px;
    line-height: 22px;
    color: #111827
}

.main-header .main-header__email a {
    color: inherit;
    text-decoration: none
}

.main-header .main-header__phone {
    font-size: 16px;
    line-height: 22px;
    color: #111827;
    font-weight: 500
}

.main-header .main-header__phone a {
    color: inherit;
    text-decoration: none
}

.main-header .main-header__second {
    padding-top: 20px;
    padding-bottom: 24px;
    position: relative;
    background: #fff
}

.main-header .main-header__second--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1)
}

.main-header .main-header__search {
    flex-grow: 1
}

.main-header .main-header__row {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.main-header .main-header__logo {
    display: flex;
    flex-direction: column;
    margin-right: 32px
}

.main-header .main-header__logo-text {
    font-size: 9px;
    text-align: right;
    color: #262a30;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-weight: 500
}

.main-header .main-header__logo-img {
    width: 240px
}

.main-header .main-header__menu {
    display: flex;
    align-items: center
}

.main-header .main-header__user-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px
}

.main-header .main-header__favorite {
    position: relative;
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    transition: background .5s ease-in-out
}

.main-header .main-header__favorite:hover {
    background: #f7f8f9
}

.main-header .main-header__favorite--active:hover {
    background: #fef9f4
}

.main-header .main-header__favorite--active path {
    stroke: #e14d1e
}

.main-header .main-header__favorite-count {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 40px;
    top: 5px;
    color: #f05c2d
}

.main-header .main-header__callback-btn {
    height: 40px
}

.favorite-result-popup {
    display: none;
    position: absolute;
    width: 400px;
    padding: 24px;
    text-align: center;
    right: -55px;
    top: 58px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e9ebef
}

.favorite-result-popup--active {
    display: block
}

.favorite-result-popup .favorite-result-popup__icon {
    display: flex;
    width: 80px;
    height: 80px;
    margin: auto;
    margin-bottom: 24px;
    justify-content: center;
    align-items: center;
    background: #f7f8f9;
    border-radius: 50%
}

.favorite-result-popup .favorite-result-popup__desc {
    font-size: 18px;
    line-height: 24px;
    color: #535a65
}

.favorite-result-popup .favorite-result-popup__title {
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 28px
}

.banner-top {
    background: #eff7ff;
    overflow: hidden
}

.banner-top__item {
    height: calc(100vh - 100px);
    min-height: 750px;
    background-position: bottom;
    background-size: cover;
    position: relative
}

.banner-top__video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.banner-top__content {
    padding-top: 79px;
    height: 100%;
    position: relative;
    background: rgba(13, 76, 132, .2) linear-gradient(to right, rgb(16, 42, 65) 15%, rgba(13, 76, 132, 0.2))
}

.banner-top__container {
    height: 100%;
    display: flex;
    flex-direction: column
}

.banner-top__text-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1
}

.banner-top__brands {
    max-width: 60%
}

.banner-top__subtitle {
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400
}

.banner-top__header {
    margin-top: 16px;
    margin-left: -6px;
    padding-bottom: 8px;
    font-size: 96px;
    line-height: 1;
    letter-spacing: -2.4px
}

.banner-top__title {
    display: block;
    font-size: 96px;
    line-height: 1;
    letter-spacing: -2.4px;
    color: #fff
}

.banner-top__title--colored {
    background-image: linear-gradient(rgb(121, 223, 255), rgb(49, 158, 252));
    background-clip: text;
    color: rgba(0, 0, 0, 0)
}

.banner-top__description {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.banner-top__buttons {
    display: flex;
    margin-top: 40px;
    gap: 24px;
    flex-wrap: wrap
}

.banner-top .banner-top__btn {
    padding: 14px 32px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: all .2s ease;
    white-space: nowrap;
    border-radius: 10px
}

.banner-top .banner-top__btn--primary {
    background-color: #f05c2d;
    color: #fff;
    font-weight: 500
}

.banner-top .banner-top__btn--primary:hover {
    background-color: #e14d1e
}

.banner-top .banner-top__btn--secondary {
    background-color: #f3f4f5;
    color: #111827
}

.banner-top .banner-top__btn--secondary:hover {
    background-color: #edeef0
}

.banner-top .banner-top__item--delivery {
    height: auto
}

.banner-top .banner-top__item--delivery .banner-top__content {
    padding-top: 124px
}

@media(max-width: 991px) {
    .banner-top .banner-top__item--delivery .banner-top__content {
        padding-top: 50px
    }
}

.banner-top .banner-top__item--delivery .banner-top__description {
    margin-top: 20px
}

.banner-top .banner-top__item--delivery .banner-top__text-block {
    padding-bottom: 114px
}

@media(max-width: 991px) {
    .banner-top .banner-top__item--delivery .banner-top__text-block {
        padding-bottom: 70px
    }
}

.top-menu {
    display: flex;
    gap: 24px
}

.top-menu__item-link {
    color: #5c636e;
    font-size: 16px;
    line-height: 20px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: .15s
}

.top-menu__item-link:hover {
    color: #111827
}

.carousel-brands__item-picture {
    max-width: 100%;
    width: 100px
}

.carousel-brands__item {
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    filter: brightness(0) invert(1)
}

.carousel-brands__header {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .7px;
    color: #fff;
    text-transform: uppercase;
    width: fit-content
}

.carousel-brands__header:before {
    content: "";
    display: block;
    position: absolute;
    width: 300%;
    top: 50%;
    left: -303%;
    border-top: 1px solid #e5e7eb;
    opacity: .5
}

.carousel-brands__header:after {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    top: 50%;
    right: -203%;
    border-top: 1px solid #e5e7eb;
    opacity: .5
}

.carousel-brands__items {
    padding-top: 40px;
    padding-bottom: 40px
}

.carousel-brands__swiper:before {
    content: "";
    display: block;
    height: 56px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28px;
    z-index: 10;
    background-image: linear-gradient(to right, rgb(16, 42, 65), rgba(0, 0, 0, 0))
}

.toggle-menu {
    display: none
}

.catalog-menu-btn {
    width: 160px;
    height: 52px;
    padding: 14px 28px 13px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f05c2d;
    border-radius: 10px;
    cursor: pointer;
    transition: background .5s ease-in-out
}

.catalog-menu-btn:hover {
    background: #e14d1e
}

.catalog-menu-btn .catalog-menu-btn__text {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500
}

.catalog-menu-btn .catalog-menu-btn__toggle {
    flex: 0 0 24px;
    height: 24px;
    position: relative
}

.catalog-menu-btn .catalog-menu-btn__toggle:before {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    position: absolute;
    left: 3px;
    top: 8px;
    border-radius: 1px;
    background: #fff;
    transition: all .3s ease-in
}

.catalog-menu-btn .catalog-menu-btn__toggle:after {
    content: "";
    display: block;
    width: 9px;
    height: 2px;
    position: absolute;
    left: 3px;
    top: 14px;
    border-radius: 1px;
    background: #fff;
    transition: all .3s ease-in
}

.catalog-menu-btn--active .catalog-menu-btn__toggle:before {
    transform: rotate(-45deg);
    top: 11px
}

.catalog-menu-btn--active .catalog-menu-btn__toggle:after {
    transform: rotate(45deg);
    width: 18px;
    top: 11px
}

.popup-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    padding-top: 24px
}

.popup-menu--active {
    display: block
}

.catalog-top-menu {
    display: flex;
    background: #fff;
    height: 700px;
    max-height: calc(99vh - 96px)
}

.catalog-top-menu .catalog-top-menu__headers {
    flex: 0 0 354px;
    height: 100%;
    overflow: auto
}

.catalog-top-menu .catalog-top-menu__content {
    flex-grow: 1;
    height: 100%;
    overflow: auto;
    padding: 40px 10px;
    padding-left: 55px
}

.catalog-top-menu .catalog-top-menu__top-items {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 17px 18px;
    padding-right: 19px
}

.catalog-top-menu .catalog-top-menu__top-link {
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    color: #111827;
    padding: 15px 19px;
    display: block;
    border-radius: 8px
}

.catalog-top-menu .catalog-top-menu__top-link:hover,
.catalog-top-menu .catalog-top-menu__top-item--active .catalog-top-menu__top-link {
    color: #d81f2a;
    background: #fef9f4
}

.catalog-top-menu .catalog-top-menu__item {
    display: none
}

.catalog-top-menu .catalog-top-menu__item--active {
    display: block
}

.catalog-top-menu .catalog-top-menu__submenu {
    column-count: 3
}

.catalog-top-menu .catalog-top-menu__submenu-item {
    margin-bottom: 40px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column
}

.catalog-top-menu .catalog-top-menu__items {
    margin: 0;
    list-style: none
}

.catalog-top-menu .catalog-top-menu__item-link {
    display: block;
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    color: #1f2023;
    text-decoration: none
}

.catalog-top-menu .catalog-top-menu__submenu {
    list-style: none
}

.catalog-top-menu .catalog-top-menu__submenu-item-link {
    display: block;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #111827;
    text-decoration: none
}

.catalog-top-menu .catalog-top-menu__submenu-item-link:hover {
    color: #f05c2d
}

.catalog-top-menu .catalog-top-menu__submenu2 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    list-style: none
}

.catalog-top-menu .catalog-top-menu__submenu2-item--collapsed {
    display: none
}

.catalog-top-menu .catalog-top-menu__submenu2-item-link {
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #535a65;
    text-decoration: none
}

.catalog-top-menu .catalog-top-menu__submenu2-item-link:hover {
    color: #f05c2d
}

.catalog-top-menu .catalog-top-menu__submenu2--expanded .catalog-top-menu__submenu2-item--collapsed {
    display: block
}

.catalog-top-menu .catalog-top-menu__more-text {
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer;
    color: #d81f2a
}

.os-scrollbar-vertical .os-scrollbar-handle {
    max-height: 238px;
    width: 3px;
    background: #d0d4da
}

.mobile-header {
    display: none;
    padding: 12px 0;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100
}

.mobile-header .mobile-header__wrapper {
    overflow: auto;
    height: calc(100% - 64px)
}

.mobile-header .mobile-header__content {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff
}

.mobile-header .mobile-header__content--opened {
    display: block
}

.mobile-header .mobile-header__row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile-header .mobile-header__search-btn {
    display: flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    margin-right: auto
}

.mobile-header .mobile-header__logo-img {
    height: 32px
}

.mobile-header .mobile-header__user-actions {
    display: flex;
    align-items: center;
    margin-left: auto
}

.mobile-header .mobile-header__favorite {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center
}

.mobile-header .mobile-header__favorite svg {
    position: relative;
    top: -2px
}

.mobile-header .mobile-header__favorite--active path {
    stroke: #f05c2d
}

.mobile-header .mobile-header__favorite-count {
    position: absolute;
    left: 22px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    background: #f05c2d;
    text-align: center;
    font-size: 10px;
    line-height: 17px
}

.mobile-header .mobile-header__toggle-menu {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    position: relative
}

.mobile-header .mobile-header__toggle-menu:before {
    content: "";
    display: block;
    width: 13px;
    height: 2px;
    position: absolute;
    left: 13px;
    top: 14px;
    border-radius: 1px;
    background: #8d94a0;
    transition: all .3s ease-in
}

.mobile-header .mobile-header__toggle-menu:after {
    content: "";
    display: block;
    width: 13px;
    height: 2px;
    position: absolute;
    left: 13px;
    top: 19px;
    border-radius: 1px;
    background: #8d94a0;
    transition: all .3s ease-in
}

.mobile-header .mobile-header__toggle-menu span {
    display: block;
    width: 7px;
    height: 2px;
    position: absolute;
    left: 13px;
    top: 24px;
    border-radius: 1px;
    background: #8d94a0
}

.mobile-header .mobile-header__toggle-menu--active {
    position: fixed;
    top: 12px;
    z-index: 1002;
    right: 16px
}

.mobile-header .mobile-header__toggle-menu--active:before {
    transform: rotate(-45deg);
    top: 19px;
    left: 13px;
    width: 13px
}

.mobile-header .mobile-header__toggle-menu--active:after {
    transform: rotate(45deg);
    width: 13px;
    top: 19px;
    left: 13px
}

.mobile-header .mobile-header__toggle-menu--active span {
    display: none
}

.mobile-header .mobile-header__top {
    display: flex;
    height: 64px;
    padding: 0 20px;
    align-items: center;
    border-bottom: 1px solid #e9ebef
}

.mobile-header .mobile-header__top--hidden {
    display: none
}

.mobile-header .mobile-header__menu {
    padding: 0;
    margin: 0
}

.mobile-header .mobile-header__contacts {
    padding: 26px 20px 0
}

.mobile-header .mobile-header__contacts--hidden {
    display: none
}

.mobile-header .mobile-header__phone {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #111827
}

.mobile-header .mobile-header__phone a {
    color: inherit;
    text-decoration: none
}

.mobile-header .mobile-header__email {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
    color: #111827
}

.mobile-header .mobile-header__email a {
    color: inherit;
    text-decoration: none
}

.mobile-header .mobile-header__callback-btn {
    width: 100%;
    margin-bottom: 26px
}

.mobile-header .mobile-header__address {
    margin-bottom: 32px;
    color: #111827;
    font-size: 16px;
    line-height: 24px
}

.mobile-header .mobile-header__social {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 56px
}

.mobile-header .mobile-header__cabinet {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center
}

.mobile-header .mobile-header__cabinet a {
    display: block
}

.mobile-header .mobile-header__logo {
    display: block;
    margin: 0 10px
}

.mobile-header .mobile-header__logo-text {
    display: block;
    font-size: 6px;
    text-align: right;
    color: #262a30;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-weight: 500
}

.search-mobile {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    gap: 8px;
    padding: 12px 16px;
    background: #fff
}

.search-mobile--active {
    display: flex
}

.search-mobile .search-mobile__form {
    position: relative;
    flex-grow: 1
}

.search-mobile .search-mobile__input {
    height: 40px;
    display: block;
    width: 100%;
    padding-left: 14px;
    padding-right: 50px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 12px;
    border: 1px solid #e9ebef;
    background: #fff;
    color: #535a65
}

.search-mobile .search-mobile__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%
}

.search-mobile .search-mobile__close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    height: 40px
}

@media(max-width: 1279px) {
    .body-menu-active {
        overflow: hidden
    }

    .main-header .main-header__top-row {
        flex-wrap: wrap
    }

    .main-header .main-header__address {
        flex: 0 0 100%;
        font-size: 14px
    }

    .banner-top .banner-top__subtitle {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .35px
    }

    .banner-top .banner-top__header {
        font-size: 72px;
        line-height: 1;
        letter-spacing: -1.8px
    }

    .banner-top .banner-top__title {
        font-size: 72px;
        line-height: 1;
        letter-spacing: -1.8px
    }

    .banner-top .banner-top__brands {
        max-width: 100%
    }
}

@media(max-width: 991px) {
    .main-header {
        display: none
    }

    .mobile-header {
        display: block
    }
}

@media(max-width: 767px) {
    .banner-top .banner-top__header {
        font-size: 60px;
        line-height: 1;
        letter-spacing: -1.5px
    }

    .banner-top .banner-top__title {
        font-size: 60px;
        line-height: 1;
        letter-spacing: -1.5px
    }

    .banner-top .banner-top__description {
        font-size: 16px;
        line-height: 24px
    }

    .banner-top .banner-top__item {
        min-height: 600px
    }
}

@media(max-width: 639px) {
    .banner-top .banner-top__header {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -1.2px
    }

    .banner-top .banner-top__title {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -1.2px
    }
}

@media(max-width: 400px) {
    .mobile-header .mobile-header__logo-text {
        font-size: 6px;
        letter-spacing: normal
    }

    .mobile-header .mobile-header__top .mobile-header__logo-text {
        font-size: 7px
    }
}

@media(max-width: 350px) {
    .mobile-header .mobile-header__logo-text {
        font-size: 5px
    }
}

.main-footer {
    background: #fff
}

.main-footer__logo {
    display: inline-block;
    margin-bottom: 40px
}

.main-footer .main-footer__logo-text {
    display: block;
    font-size: 9px;
    text-align: right;
    color: #262a30;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-weight: 500
}

.main-footer__logo-img {
    width: 260px
}

.main-footer__content {
    padding-top: 64px
}

.main-footer .main-footer__address-text {
    font-size: 18px;
    line-height: 24px
}

.main-footer__copyright {
    padding: 24px 0;
    margin-top: 56px;
    background: #f9fafb
}

.main-footer__copyright-text {
    font-size: 16px;
    line-height: 22px;
    color: #535a65
}

.main-footer__copyright-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px
}

.main-footer__row {
    display: flex;
    justify-content: space-between;
    gap: 40px
}

.main-footer .main-footer__col--menu {
    display: flex;
    gap: 115px;
    width: 495px
}

.main-footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px
}

.main-footer__contacts-item {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

.main-footer__contacts-item a {
    text-decoration: none;
    color: #111827
}

.main-footer__address-caption {
    margin-bottom: 8px;
    color: #535a65;
    font-size: 16px;
    line-height: 22px
}

.main-footer__section-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #111827
}

.main-footer .main-footer__button-callback-wrap {
    margin-bottom: 32px
}

.main-footer .main-footer__button-callback {
    width: 100%
}

.main-footer .main-footer__delivery {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 24px;
    color: #535a65
}

.main-footer .main-footer__social {
    display: flex;
    gap: 16px
}

.main-footer .main-footer__social a {
    flex: 0 0 48px;
    height: 48px
}

.main-footer .main-footer__policy {
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 16px;
    background: #f9fafb;
    color: #535a65;
    text-align: center
}

.bottom-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 200px
}

.bottom-menu__item-link {
    display: block;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    color: #535a65
}

@media(max-width: 1279px) {
    .main-footer .main-footer__col--menu {
        gap: 40px;
        width: auto
    }

    .main-footer .main-footer__contacts-item {
        font-size: 16px;
        line-height: 24px
    }
}

@media(max-width: 991px) {
    .main-footer .main-footer__row {
        flex-wrap: wrap
    }

    .main-footer .main-footer__col--contacts {
        flex: 0 0 100%
    }

    .main-footer .main-footer__logo {
        margin-bottom: 16px
    }

    .bottom-menu {
        max-width: initial
    }
}

@media(max-width: 767px) {
    .main-footer .main-footer__col--menu {
        flex-direction: column
    }

    .main-footer .main-footer__copyright-row {
        gap: 16px;
        flex-direction: column
    }
}

.our-partner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    grid-gap: 40px;
    padding: 96px 0
}

.our-partner__header {
    color: #f95738;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px
}

.our-partner__items {
    max-width: 80%;
    margin-top: 24px
}

.our-partner__item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 28px 0;
    border-top: 1px solid rgba(69, 121, 154, .3)
}

.our-partner__item:first-child {
    border-top: 0
}

.our-partner__item-desc {
    color: #0d4c84;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.6px;
    font-weight: 500
}

.our-partner__item-img {
    display: flex;
    width: 50px;
    height: 50px
}

.our-partner__buttons {
    margin-top: 24px
}

.our-partner__main-image {
    margin: 40px 0
}

.statistics-company {
    padding-bottom: 96px
}

.statistics-company__items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 40px
}

.statistics-company__item-name {
    color: #f95738;
    font-size: 72px;
    line-height: 1;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(69, 121, 154, .3)
}

.statistics-company__item-desc {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #0d4c84
}

.section-dark {
    background: #0d4c84
}

.services-company {
    padding: 96px 0
}

.services-company__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px
}

.services-company__item {
    display: flex;
    height: 384px;
    padding: 40px;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
    background: rgba(16, 42, 65, .3) no-repeat 50%;
    background-size: cover;
    background-blend-mode: multiply;
    border-radius: 16px;
    overflow: hidden;
    outline-color: rgba(69, 121, 154, .3);
    outline-style: solid
}

.services-company__description-header {
    color: #f95738;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase
}

.services-company__description-title {
    margin-top: 16px;
    font-size: 48px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1.2px
}

.services-company__description-text {
    margin-top: 32px;
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

.services-company__item-title {
    font-size: 48px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    letter-spacing: -1.2px
}

.services-company__item-desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.assortment {
    overflow: hidden;
    padding: 96px 0
}

.assortment .assortment__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 48px
}

.assortment .assortment__header-item1 {
    color: #f95738;
    font-size: 16px;
    letter-spacing: .8px;
    line-height: 24px;
    text-transform: uppercase
}

.assortment .assortment__header-item2 {
    color: #0d4c84;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -1.2px;
    margin-top: 8px
}

.assortment .assortment__carousel {
    overflow: initial
}

.assortment .assortment__nav-buttons {
    display: flex;
    gap: 16px
}

.assortment .assortment__nav {
    display: flex;
    height: 64px;
    flex: 0 0 64px;
    width: 64px;
    align-items: center;
    justify-content: center;
    background: #0d4c84;
    border-radius: 12px;
    cursor: pointer
}

.assortment .assortment__nav.swiper-button-disabled {
    background: rgba(13, 76, 132, .5);
    cursor: default
}

.assortment .assortment__header-item3 {
    color: #0d4c84;
    font-size: 20px;
    line-height: 28px;
    margin-top: 16px
}

.assortment .assortment__item {
    position: relative;
    height: 384px;
    width: 307px;
    padding: 24px;
    border-radius: 16px;
    box-shadow: rgba(22, 66, 121, .3) 2px 4px 12px 0;
    overflow: hidden
}

.assortment .assortment__item:hover {
    box-shadow: rgba(22, 66, 121, .4) 0 20px 60px;
    transform: scale(1.01) translateZ(0px)
}

.assortment .assortment__item-title {
    color: #f95738;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.6px;
    font-weight: 500
}

.assortment .assortment__item-desc {
    margin-top: 8px;
    color: #102a41;
    font-size: 16px;
    line-height: 24px
}

.assortment .assortment__item-image {
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 256px;
    height: 256px;
    background: no-repeat;
    background-size: cover
}

.catalog-section-main {
    margin-bottom: 120px
}

.catalog-section-main .catalog-section-main__header {
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 56px;
    font-weight: 500
}

.catalog-section-main .catalog-section-main__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    row-gap: 16px
}

.catalog-section-main .catalog-section-main__item {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 8px;
    padding-right: 8px
}

.catalog-section-main .catalog-section-main__item--2 {
    flex: 0 0 50%;
    max-width: 50%
}

.catalog-section-main .catalog-section-main__item-wrap {
    display: block;
    height: 338px;
    position: relative;
    padding: 24px;
    border-radius: 20px;
    overflow: hidden
}

.catalog-section-main .catalog-section-main__item--1 .catalog-section-main__item-name {
    max-width: 100%
}

.catalog-section-main .catalog-section-main__item--2 .catalog-section-main__item-wrap {
    padding: 32px;
    height: 300px
}

.catalog-section-main .catalog-section-main__item-wrap:hover .catalog-section-main__item-name {
    color: #f05c2d
}

.catalog-section-main .catalog-section-main__item-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    background: #fff
}

.catalog-section-main .catalog-section-main__item-name {
    display: block;
    max-width: 270px;
    position: relative;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    z-index: 1;
    color: #111827
}

.advantages-main {
    max-width: 1600px;
    margin: 0 auto;
    background: #f05c2d;
    padding: 64px 99px;
    border-radius: 32px;
    color: #fff
}

.advantages-main .advantages-main__header {
    font-size: 40px;
    line-height: 56px;
    font-weight: 500;
    margin-bottom: 32px
}

.advantages-main .advantages-main__items {
    height: 560px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 16px
}

.advantages-main .advantages-main__image {
    margin-bottom: 28px
}

.advantages-main .advantages-main__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px
}

.advantages-main .advantages-main__desc {
    font-size: 16px;
    line-height: 24px
}

.advantages-main .advantages-main__item {
    display: flex;
    flex-direction: column;
    width: 28.2%;
    padding: 28px;
    border-radius: 16px
}

.advantages-main .advantages-main__item--exp {
    height: 100%;
    width: 41%;
    padding: 40px;
    background: #111827;
    border-radius: 24px
}

.advantages-main .advantages-main__item--exp .advantages-main__title {
    max-width: 320px;
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500
}

.advantages-main .advantages-main__item--exp .advantages-main__desc {
    max-width: 415px;
    font-size: 18px;
    line-height: 28px
}

.advantages-main .advantages-main__item--speed {
    height: 295px;
    background: #fff;
    color: #535a65
}

.advantages-main .advantages-main__item--speed .advantages-main__title {
    color: #111827
}

.advantages-main .advantages-main__item--speed .advantages-main__desc {
    margin-top: auto;
    line-height: 22px;
    color: #535a65
}

.advantages-main .advantages-main__item--transparency {
    height: 256px;
    background: hsla(0, 0%, 100%, .2)
}

.advantages-main .advantages-main__item--transparency .advantages-main__title {
    margin-top: auto;
    color: #fff
}

.advantages-main .advantages-main__item--transparency .advantages-main__desc {
    color: hsla(0, 0%, 100%, .8)
}

.advantages-main .advantages-main__item--service {
    height: 249px;
    background: hsla(0, 0%, 100%, .2)
}

.advantages-main .advantages-main__item--service .advantages-main__title {
    margin-top: auto;
    color: #fff
}

.advantages-main .advantages-main__item--service .advantages-main__desc {
    color: hsla(0, 0%, 100%, .8)
}

.advantages-main .advantages-main__item--kredit {
    height: 288px;
    background: #fff;
    color: #535a65
}

.advantages-main .advantages-main__item--kredit .advantages-main__title {
    color: #111827
}

.advantages-main .advantages-main__item--kredit .advantages-main__desc {
    margin-top: auto;
    color: #535a65
}

.advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 40px;
    padding: 96px 0;
    align-items: center;
    border-top: 1px solid rgba(69, 121, 154, .2)
}

.advantages .advantages__description {
    font-size: 16px;
    line-height: 24px;
    color: #f95738;
    text-transform: uppercase
}

.advantages .advantages__header {
    margin-top: 8px;
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1.2px;
    color: #0d4c84
}

.advantages .advantages__items {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.advantages .advantages__item-title {
    display: flex;
    align-items: center;
    padding: 36px 32px;
    gap: 8px;
    font-size: 30px;
    font-weight: 600;
    color: #0d4c84;
    line-height: 36px;
    cursor: pointer
}

.advantages .advantages__item-title:before {
    content: "";
    display: block;
    width: 40px;
    flex: 0 0 40px;
    height: 40px;
    background: url(/local/templates/main/dist/css/../../images/checked-icon.svg) no-repeat center;
    background-size: contain
}

.advantages .advantages__item-title:after {
    content: "";
    display: block;
    width: 32px;
    flex: 0 0 32px;
    height: 32px;
    margin-left: auto;
    background: url(/local/templates/main/dist/css/../../images/plus-icon.svg) no-repeat center;
    background-size: contain
}

.advantages .advantages__item {
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 16px
}

.advantages .advantages__item-desc {
    display: none;
    padding: 24px 36px;
    font-size: 20px;
    line-height: 28px;
    color: #0d4c84
}

.advantages .advantages__item-desc--active {
    display: block;
    border-top: 1px solid rgba(69, 121, 154, .3)
}

.article-detail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 40px;
    padding: 96px 0;
    align-items: center
}

.article-detail__subtitle {
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #f95738
}

.article-detail__title {
    margin-top: 20px;
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1.2px;
    color: #0d4c84
}

.article-detail__description {
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;
    color: #0d4c84
}

.article-detail__buttons {
    margin-top: 28px
}

.brands-list {
    padding: 96px 0;
    background: radial-gradient(circle, rgb(13, 76, 132), rgb(16, 42, 65))
}

.brands-list .brands-list__header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 96px;
    gap: 10px;
    font-size: 48px;
    line-height: 1;
    color: #fff;
    font-weight: 500
}

.brands-list .brands-list__header:before {
    content: "";
    display: block;
    height: 1px;
    flex-grow: 1;
    background: #e5e7eb;
    opacity: .5
}

.brands-list .brands-list__header:after {
    content: "";
    display: block;
    height: 1px;
    flex-grow: 1;
    background: #e5e7eb;
    opacity: .5
}

.brands-list .brands-list__items {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 12px
}

.brands-list .brands-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    filter: brightness(0) invert(1)
}

.brands-list .brands-list__item-img {
    width: 100%;
    height: auto;
    max-width: 300px;
    max-height: 200px;
    padding-left: 40px;
    padding-right: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 16/9
}

.transport-services {
    padding-top: 96px;
    padding-bottom: 32px
}

.transport-services .transport-services__sub-header {
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #f95738;
    text-align: center
}

.transport-services .transport-services__header {
    margin-top: 20px;
    margin-bottom: 56px;
    font-size: 48px;
    line-height: 1;
    font-weight: 500;
    color: #0d4c84;
    text-align: center;
    letter-spacing: -1.2px
}

.transport-services .transport-services__items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 24px
}

.transport-services .transport-services__item {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e4e4e7
}

.transport-services .transport-services__item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.transport-services .transport-services__icon {
    width: 32px;
    height: 32px
}

.transport-services .transport-services__subtitle {
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #09090b;
    background: #f1f5f9;
    border-radius: 9999px
}

.transport-services__title {
    margin-top: 6px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: #09090b
}

.transport-services .transport-services__price {
    margin-top: 6px
}

.transport-services .transport-services__price-prefix {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #71717a
}

.transport-services .transport-services__price-value {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #71717a
}

.transport-services .transport-services__postfix {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #71717a
}

.transport-services .transport-services__includes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 24px;
    padding-bottom: 24px
}

.transport-services .transport-services__includes-item {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 24px;
    font-size: 16px
}

.transport-services .transport-services__includes-item:before {
    content: "";
    flex: 0 0 16px;
    height: 16px;
    background: url(/local/templates/main/dist/css/../../images/checked-icon-green.svg) center no-repeat
}

.transport-services .transport-services__button {
    margin-top: auto
}

.transport-services .transport-services__btn {
    width: 100%
}

.section-main-products .product-carousel {
    margin-bottom: 120px
}

.section-main-products .product-carousel__header .product-carousel__title {
    font-size: 40px;
    line-height: 56px;
    font-weight: 500
}

.section-main-products--new .product-carousel {
    margin-bottom: 76px
}

.page-404 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-404 .page-404__container {
    display: flex;
    align-items: center
}

.page-404 .page-404__status {
    margin: 0 20px 0 0;
    padding: 0 23px 0 0;
    font-size: 24px;
    font-weight: 500;
    vertical-align: top;
    line-height: 49px;
    border-right: 1px solid rgba(0, 0, 0, .3)
}

.page-404 .page-404__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 49px;
    margin: 0;
    color: #f95738;
    text-transform: uppercase
}

.banner-main-second {
    position: relative;
    margin-bottom: 120px
}

.banner-main-second .banner-main-second__item {
    height: 420px;
    padding: 64px 64px 0;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    margin-top: 47px;
    border-radius: 32px
}

.banner-main-second .banner-main-second__item-content {
    z-index: 1;
    position: relative
}

.banner-main-second .banner-main-second__title {
    margin-bottom: 20px;
    max-width: 490px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #fff
}

.banner-main-second .banner-main-second__description {
    max-width: 490px;
    color: #fff;
    font-size: 18px;
    line-height: 24px
}

.banner-main-second .banner-main-second__img {
    position: absolute;
    right: 0;
    bottom: 0
}

.banner-main-second .banner-main-second__buttons {
    margin-top: 48px
}

.banner-main-second .banner-main-second__btn {
    display: flex;
    width: 200px;
    height: 52px;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    color: #111827;
    text-decoration: none;
    background: #f3f4f5;
    border-radius: 10px;
    transition: background-color .5s ease-in-out
}

.banner-main-second .banner-main-second__btn:hover {
    background: #edeef0
}

.banner-main-second .banner-main-second__nav-buttons {
    display: none;
    position: absolute;
    bottom: 32px;
    right: 56px;
    width: 114px;
    justify-content: space-between;
    z-index: 1
}

.banner-main-second .banner-main-second__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 16px;
    background: rgba(111, 211, 242, .7);
    cursor: pointer
}

.banner-main-second .banner-main-second__nav.swiper-button-disabled {
    background: rgba(111, 211, 242, .5);
    cursor: default
}

.banner-main-second .banner-main-second__pagination {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 1;
    text-align: center
}

.banner-main-second .swiper-pagination-bullet {
    background: #fff;
    opacity: .79;
    width: 8px;
    height: 8px
}

.banner-main-second .swiper-pagination-bullet-active {
    background: #00baeb;
    width: 12px;
    height: 12px
}

#backToTop {
    display: none;
    position: fixed;
    bottom: 125px;
    right: 62px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    font-size: 20px;
    transition: opacity .3s, background-color .3s;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center
}

#backToTop:hover {
    background-color: #555
}

@media(max-width: 1279px) {
    .our-partner .our-partner__item-img {
        width: 35px;
        height: 35px
    }

    .our-partner .our-partner__item-desc {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.5px
    }

    .statistics-company .statistics-company__item-name {
        font-size: 60px
    }

    .statistics-company .statistics-company__item-desc {
        font-size: 18px
    }

    .services-company {
        padding: 64px 0
    }

    .services-company .services-company__description-header {
        font-size: 14px;
        line-height: 20px
    }

    .services-company .services-company__description-title {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.9px
    }

    .services-company .services-company__description-text {
        font-size: 16px;
        line-height: 24px
    }

    .services-company .services-company__item-title {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.9px
    }

    .services-company .services-company__item {
        height: 288px;
        padding: 28px
    }

    .assortment .assortment__header-item1 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .7px
    }

    .assortment .assortment__header-item2 {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: .9px
    }

    .assortment .assortment__header-item3 {
        font-size: 18px;
        line-height: 28px
    }

    .assortment .assortment__item-title {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.5px
    }

    .assortment .assortment__item-desc {
        font-size: 14px;
        line-height: 20px
    }

    .assortment .assortment__item {
        width: 288px
    }

    .advantages .advantages__description {
        font-size: 14px;
        line-height: 20px
    }

    .advantages .advantages__header {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.9px
    }

    .advantages .advantages__item-title {
        padding: 16px 24px;
        font-size: 24px;
        line-height: 32px
    }

    .advantages .advantages__item-desc {
        font-size: 18px
    }

    .brands-list .brands-list__items {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .advantages-main .advantages-main__desc {
        font-size: 13px;
        line-height: 18px
    }

    .advantages-main .advantages-main__item--speed .advantages-main__desc {
        line-height: 18px
    }

    .advantages-main .advantages-main__item--exp .advantages-main__title {
        font-size: 32px;
        line-height: 36px
    }

    .catalog-section-main .catalog-section-main__item-name {
        font-size: 20px;
        line-height: 28px
    }

    .banner-main-second .banner-main-second__img {
        max-width: 65%
    }
}

@media(max-width: 1023px) {
    .article-detail .article-detail__subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .article-detail .article-detail__title {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.9px
    }

    .article-detail .article-detail__description {
        font-size: 18px
    }

    .brands-list .brands-list__header {
        font-size: 36px;
        line-height: 40px
    }

    .transport-services .transport-services__sub-header {
        font-size: 16px;
        line-height: 24px
    }

    .transport-services .transport-services__header {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.9px
    }

    .transport-services .transport-services__items {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width: 991px) {
    .advantages-main {
        padding: 64px 40px
    }

    .advantages-main .advantages-main__image {
        margin-bottom: 10px
    }

    .advantages-main .advantages-main__img {
        height: 30px;
        width: auto
    }

    .advantages-main .advantages-main__item {
        padding: 16px
    }

    .advantages-main .advantages-main__title {
        font-size: 20px;
        line-height: 28px
    }

    .advantages-main .advantages-main--exp {
        padding: 24px
    }

    .advantages-main .advantages-main--exp .advantages-main__title {
        font-size: 32px;
        line-height: 36px
    }

    .advantages-main .advantages-main--exp .advantages-main__desc {
        font-size: 16px;
        line-height: 24px
    }

    .catalog-section-main .catalog-section-main__item {
        flex: 0 0 50%;
        max-width: 50%
    }

    .catalog-section-main .catalog-section-main__item--2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .advantages-main .advantages-main__header {
        font-size: 36px;
        line-height: 42px
    }
}

@media(max-width: 767px) {
    .our-partner {
        grid-template-columns: 1fr;
        padding: 80px 0
    }

    .our-partner .our-partner__header {
        font-size: 14px;
        line-height: 20px
    }

    .our-partner .our-partner__items {
        max-width: 100%
    }

    .statistics-company .statistics-company__items {
        grid-template-columns: 1fr;
        grid-gap: 24px
    }

    .statistics-company .statistics-company__item {
        display: flex;
        justify-content: space-between;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(69, 121, 154, .3)
    }

    .statistics-company .statistics-company__item-name {
        order: 2;
        padding-bottom: 0;
        border-bottom: 0
    }

    .statistics-company .statistics-company__item-desc {
        margin-top: 0;
        order: 1;
        flex: 0 0 33%
    }

    .advantages {
        grid-template-columns: 1fr
    }

    .advantages .advantages__main-image {
        display: none
    }

    .article-detail {
        grid-template-columns: 1fr
    }

    .article-detail .article-detail__content {
        order: 1
    }

    .article-detail .article-detail__image {
        order: 2
    }

    .brands-list .brands-list__items {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .brands-list .brands-list__header {
        font-size: 30px;
        line-height: 36px
    }

    .transport-services .transport-services__items {
        grid-template-columns: 1fr
    }

    .advantages-main .advantages-main__items {
        display: grid;
        height: auto;
        grid-template-columns: 1fr 1fr
    }

    .advantages-main .advantages-main__item {
        padding: 24px;
        width: auto;
        height: 250px
    }

    .advantages-main .advantages-main__item--exp {
        height: auto;
        width: auto;
        grid-column-start: 1;
        grid-column-end: 3
    }

    .banner-main-second .banner-main-second__title {
        font-size: 24px;
        line-height: 32px
    }

    .banner-main-second .banner-main-second__description {
        font-size: 14px;
        line-height: 18px
    }

    .banner-main-second .banner-main-second__item {
        padding: 32px
    }

    .catalog-section-main .catalog-section-main__header {
        margin-bottom: 32px;
        font-size: 36px
    }

    .catalog-section-main .catalog-section-main__item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .catalog-section-main .catalog-section-main__item-wrap {
        height: 300px
    }

    .catalog-section-main .catalog-section-main__item-img {
        object-fit: scale-down
    }

    .banner-main-second {
        margin-bottom: 40px
    }

    .section-main-products .product-carousel {
        margin-bottom: 40px
    }

    .section-main-products .product-carousel__header .product-carousel__title {
        font-size: 28px;
        line-height: 36px
    }
}

@media(max-width: 639px) {
    .services-company .services-company__content {
        grid-template-columns: 1fr
    }

    .services-company .services-company__description {
        text-align: center;
        margin-bottom: 32px
    }

    .assortment .assortment__nav-buttons {
        display: none
    }

    .our-partner .our-partner__header {
        text-align: center
    }

    .our-partner .our-partner__buttons {
        text-align: center
    }
}

@media(max-width: 500px) {
    .advantages-main .advantages-main__items {
        grid-template-columns: 1fr
    }

    .advantages-main .advantages-main__item--exp {
        grid-column-start: initial;
        grid-column-end: initial
    }

    .advantages-main .advantages-main__item--exp .advantages-main__desc {
        font-size: 14px;
        line-height: 24px
    }
}

@media(max-width: 374px) {
    .advantages .advantages__item-title {
        font-size: 16px;
        line-height: 24px
    }
}

.button-default,
.callback-btn {
    padding: 14px 36px;
    font-size: 16px;
    text-transform: uppercase;
    background: #f95738;
    color: #fff;
    border-radius: 12px;
    border: 3px solid hsla(0, 0%, 100%, 0);
    overflow: hidden;
    cursor: pointer;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.button-default:hover,
.callback-btn:hover {
    --tw-scale-x: 102%;
    --tw-scale-y: 102%;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    background-color: #f95738;
    color: #480c00;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-color: #fff
}

.button-default:hover:after,
.callback-btn:hover:after {
    --tw-translate-x: 0%;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: .5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: .5s;
    background-color: #f4d35e;
    transform-origin: top left;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.button-default:after,
.callback-btn:after {
    --tw-translate-x: -110%;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: .15s;
    background: #f4d35e;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform-origin: top left;
    z-index: -10
}

.button-site-default {
    height: 48px;
    padding: 0 20px;
    font-size: 15px;
    line-height: 20px;
    color: #f05c2d;
    text-align: center;
    background: #fff2e9;
    border-radius: 6px;
    transition: background .5s ease-in-out
}

.button-site-default:hover {
    background: #ffebdd
}

.modal {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10
}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 740px;
    height: 100%;
    width: 50%;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box
}

@supports(display: flex) {
    .modal__container {
        height: initial;
        max-height: 90vh
    }
}

.modal__header {
    position: relative;
    display: block;
    height: 30px;
    margin-bottom: 20px
}

@supports(display: flex) {
    .modal__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: initial;
        margin-bottom: 0px
    }
}

.modal__title {
    position: absolute;
    top: 20px;
    left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box
}

.modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    margin: 0px;
    padding: 0px
}

@supports(display: flex) {
    .modal__title {
        position: static
    }

    .modal__close {
        position: static
    }
}

.modal__header .modal__close:before {
    content: "✕"
}

.modal__content {
    margin-top: 10px;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, .8)
}

@supports(display: flex) {
    .modal__content {
        margin-top: 2rem;
        margin-bottom: 2rem;
        line-height: 1.5
    }
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff
}

@keyframes mmfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, 0.2, 1)
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform
}

.modal__container button {
    outline: none;
    cursor: pointer !important
}

.modal__container h2.modal__title {
    color: #595959
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box
}

.modal__close {
    font-size: 24px
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8)
}

.modal__btn {
    padding: 10px 15px;
    background-color: #e6e6e6;
    border-radius: 4px;
    -webkit-appearance: none
}

@media only screen and (min-width: 320px)and (max-width: 480px) {
    .modal__container {
        width: 90% !important;
        min-width: 90% !important
    }

    @supports(display: flex) {
        .modal__container {
            width: 90% !important;
            min-width: 90% !important
        }
    }
}

.contacts-form {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    margin-top: 120px;
    border-radius: 32px;
    background: linear-gradient(-46.64deg, rgb(7, 63, 113) 2.913%, rgb(33, 96, 152) 23.104%, rgb(7, 63, 113) 93.224%)
}

.contacts-form .contacts-form__title {
    max-width: 500px;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #fff
}

.contacts-form .contacts-form__description {
    max-width: 500px;
    margin-bottom: 52px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    opacity: .6
}

.contacts-form .contacts-form__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

.contacts-form .contacts-form__form {
    max-width: 620px
}

.contacts-form .contacts-form__image {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -116px
}

.contacts-form .contacts-form__image-img {
    position: relative;
    max-width: initial
}

.contacts-form .contacts-form__input {
    display: block;
    width: 100%;
    padding: 0 16px;
    font-size: 18px;
    line-height: 24px;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 10px;
    height: 52px;
    color: hsla(0, 0%, 100%, .5)
}

.contacts-form .contacts-form__input::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.contacts-form .contacts-form__input:focus {
    border-color: #999
}

.contacts-form__textarea {
    display: block;
    width: 100%;
    height: 80px;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #102a41;
    border-radius: 6px;
    background: #fff;
    outline: none
}

.contacts-form__textarea:focus {
    box-shadow: #fff 0 0 0 2px, #f95738 0 0 0 4px, rgba(0, 0, 0, 0) 0 0 0 0
}

.contacts-form__submit {
    display: inline-block;
    height: 52px;
    padding: 0 25px;
    font-size: 18px;
    line-height: 24px;
    color: #111827;
    border-radius: 10px;
    background: #fff;
    white-space: nowrap
}

.contacts-form__submit:hover {
    background: hsla(0, 0%, 100%, .9)
}

.contacts-form .contacts-form__error {
    color: #c4513b;
    font-size: 11px;
    margin-top: 3px
}

.contacts-form .contacts-form__footer {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 16px
}

.contacts-form .contacts-form__checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff
}

.contacts-form .contacts-form__checkbox a {
    text-decoration: underline;
    color: inherit;
    font-weight: normal
}

.contacts-form .contacts-form__checkbox input {
    display: none
}

.contacts-form .contacts-form__checkbox-caption {
    font-size: 13px;
    line-height: 20px
}

.contacts-form .contacts-form__checkbox-icon {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.contacts-form .contacts-form__checkbox-icon:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 4px
}

.contacts-form input:checked+.contacts-form__checkbox-icon {
    background: #f05c2d
}

.contacts-form input:checked+.contacts-form__checkbox-icon:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    left: 7px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px
}

.contacts-form input:checked+.contacts-form__checkbox-icon:before {
    border-color: #f05c2d
}

.contacts-form .nice-select {
    display: flex;
    align-items: center;
    height: 64px;
    width: 100%;
    padding-right: 44px;
    border-radius: 10px;
    font-size: 16px
}

.contacts-form .nice-select:after {
    height: 11px;
    width: 11px;
    border-color: #a7a7a7;
    margin-top: -7px;
    right: 22px
}

.contacts-form .multiple-options {
    flex-grow: 1
}

.form-popup {
    font-family: var(--font-main)
}

.form-popup .form-popup__header {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 16px
}

.form-popup .form-popup__description {
    color: #5a616c;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 16px;
    margin-bottom: 16px
}

.form-popup .form-popup__row.agree {
    margin-top: 5px
}

.form-popup .form-popup__fields {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.form-popup .form-popup__label {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #5a616c;
    margin-bottom: 8px
}

.form-popup .form-popup__input {
    display: block;
    width: 100%;
    padding: 0 16px;
    font-size: 18px;
    line-height: 24px;
    background: #fff;
    border-radius: 10px;
    height: 52px;
    color: #111827;
    border: 2px solid #e9ebef
}

.form-popup .form-popup__input:focus {
    border-color: #f05c2d
}

.form-popup .form-popup__input::placeholder {
    color: #8d94a0
}

.form-popup .form-popup__textarea {
    display: block;
    width: 100%;
    height: 115px;
    padding: 14px 16px;
    font-size: 18px;
    line-height: 28px;
    color: #111827;
    border-radius: 10px;
    background: #fff;
    outline: none;
    border: 2px solid #e9ebef
}

.form-popup .form-popup__textarea:focus {
    border-color: #f05c2d
}

.form-popup .form-popup__textarea::placeholder {
    color: #8d94a0
}

.form-popup .form-popup__submit {
    height: 52px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    background: #f05c2d;
    border-radius: 10px;
    color: #fff;
    transition: background .5s ease-in-out
}

.form-popup .form-popup__submit:hover {
    background: #e14d1e
}

.form-popup .form-popup__error {
    color: #f95738;
    font-size: 12px;
    margin-top: 3px
}

.form-popup .form-popup__checkbox {
    display: flex;
    gap: 16px;
    color: #535a65;
    align-items: flex-start
}

.form-popup .form-popup__checkbox a {
    text-decoration: none;
    color: #f05c2d
}

.form-popup .form-popup__checkbox input {
    display: none
}

.form-popup .form-popup__checkbox-caption {
    font-size: 14px;
    line-height: 20px
}

.form-popup .form-popup__checkbox-icon {
    position: relative
}

.form-popup .form-popup__checkbox-icon:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #d0d4da;
    border-radius: 4px
}

.form-popup input:checked+.form-popup__checkbox-icon:after {
    border-bottom: 2px solid #f05c2d;
    border-right: 2px solid #f05c2d;
    content: "";
    display: block;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    left: 7px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px
}

@media(max-width: 767px) {
    .form-popup .form-popup__header {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 36px
    }
}

.modal {
    font-family: var(--font-main)
}

.modal .modal__close-btn {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 1
}

.modal .modal__close-btn:hover path {
    stroke: #535a65
}

.modal .modal__container {
    position: relative;
    width: 512px;
    padding: 32px;
    max-width: 100%;
    border-radius: 20px
}

.modal .modal__container--order {
    width: 589px;
    padding: 24px;
    border-radius: 16px
}

.modal .modal__overlay {
    z-index: 1050;
    background-color: rgba(0, 0, 0, .5)
}

@media(max-width: 767px) {
    .modal .modal__container {
        position: absolute;
        height: 100%;
        width: 100% !important;
        max-height: 100%;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        border-radius: 0;
        padding: 40px 20px 26px
    }
}

.success-alert-form .success-alert-form__icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 40px;
    background: #fef9f4;
    border-radius: 50%
}

.success-alert-form .success-alert-form__title {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 16px
}

.success-alert-form .success-alert-form__desc {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 24px;
    color: #535a65;
    text-align: center
}

.success-alert-form .success-alert-form__close {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-transform: none
}

.success-alert-form .success-alert-form__close-m {
    display: none
}

@media(max-width: 767px) {
    .success-alert-form .success-alert-form__close-m {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .success-alert-form .success-alert-form__close {
        display: none
    }
}

.one-click-form .one-click-form__sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    border-top: 1px solid #e9ebef;
    padding-top: 40px;
    font-size: 22px
}

.one-click-form .one-click-form__title {
    font-size: 24px;
    line-height: 32px
}

.one-click-form .one-click-form__basket {
    margin-top: 20px;
    padding-bottom: 44px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.one-click-form .one-click-form__basket-item {
    display: flex;
    gap: 16px
}

.one-click-form .one-click-form__price {
    margin-top: 10px;
    font-size: 14px
}

.one-click-form .one-click-form__basket-item-actions {
    flex: 0 0 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: flex-start;
    margin-left: auto
}

.one-click-form .one-click-form__delete {
    cursor: pointer
}

.one-click-form .one-click-form__favorite {
    cursor: pointer
}

.one-click-form .one-click-form__favorite.in-favorite path {
    stroke: #f05c2d;
    fill: #f05c2d
}

.one-click-form .one-click-form__basket-item-image {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    border-radius: 8px
}

.one-click-form .one-click-form__basket-item-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.one-click-form .one-click-form__basket-item-name {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
    color: #111827
}

.one-click-form .one-click-form__basket-item-name:hover {
    color: #e34f20
}

.one-click-form .one-click-form__basket-item-quantity {
    font-size: 16px;
    line-height: 22px;
    color: #8d94a0
}

.one-click-form .one-click-form__form {
    padding-top: 24px;
    position: relative
}

.one-click-form .one-click-form__form:before {
    position: absolute;
    top: 0;
    left: -24px;
    right: -24px;
    content: "";
    display: block;
    height: 1px;
    background: #e9ebef
}

.one-click-form .one-click-form__form form {
    margin-top: 16px
}

.one-click-form .one-click-form__row {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.one-click-form .one-click-form__label {
    font-size: 14px;
    line-height: 20px;
    color: #535a65
}

.one-click-form .one-click-form__form-fields {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px
}

.one-click-form .one-click-form__input {
    border: 2px solid #e9ebef;
    border-radius: 10px;
    height: 52px;
    padding: 0 16px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #111827
}

.one-click-form .one-click-form__textarea {
    border: 2px solid #e9ebef;
    border-radius: 10px;
    height: 100px;
    padding: 16px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #111827
}

.one-click-form .one-click-form__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px
}

.one-click-form .one-click-form__button {
    text-align: center;
    height: 52px;
    border-radius: 10px;
    background: #f3f4f5;
    font-size: 18px;
    line-height: 24px;
    color: #111827
}

.one-click-form .one-click-form__button:hover {
    background: #edeef0
}

.one-click-form .one-click-form__button--submit {
    color: #fff;
    font-weight: 500;
    background: #f05c2d
}

.one-click-form .one-click-form__button--submit:hover {
    background: #e14d1e
}

.one-click-form .one-click-form__error {
    color: #f95738;
    font-size: 11px;
    margin-top: 3px
}

.one-click-form .one-click-form__checkbox {
    display: flex;
    gap: 16px;
    color: #535a65;
    align-items: flex-start
}

.one-click-form .one-click-form__checkbox a {
    text-decoration: none;
    color: #f05c2d
}

.one-click-form .one-click-form__checkbox input {
    display: none
}

.one-click-form .one-click-form__checkbox-caption {
    font-size: 14px;
    line-height: 20px
}

.one-click-form .one-click-form__checkbox-icon {
    position: relative
}

.one-click-form .one-click-form__checkbox-icon:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #d0d4da;
    border-radius: 4px
}

.one-click-form input:checked+.one-click-form__checkbox-icon:after {
    border-bottom: 2px solid #f05c2d;
    border-right: 2px solid #f05c2d;
    content: "";
    display: block;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    left: 7px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px
}

.success-notice {
    display: flex;
    position: fixed;
    top: 10px;
    left: 50%;
    align-items: center;
    font-size: 14px;
    color: #000;
    padding: 10px;
    gap: 10px;
    border-radius: 5px;
    background: #fff;
    z-index: 1000
}

.success-notice:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/main/dist/css/../../images/success-icon.svg) no-repeat center;
    background-size: contain
}

@media(max-width: 1279px) {
    .contacts-form {
        padding-bottom: 0;
        margin-top: 40px
    }

    .contacts-form .contacts-form__image {
        position: relative;
        left: 0;
        bottom: 0;
        margin-left: 0;
        margin-top: 40px
    }

    .contacts-form .contacts-form__image-img {
        max-width: 100%
    }

    .contacts-form .contacts-form__content {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media(max-width: 991px) {
    .contacts-form {
        padding-bottom: 0
    }

    .contacts-form .contacts-form__description {
        font-size: 24px;
        line-height: 32px
    }

    .contacts-form .contacts-form__container {
        grid-template-columns: 1fr
    }

    .contacts-form .contacts-form__image-img {
        right: 0;
        width: 100%;
        border-radius: 0
    }

    .contacts-form .contacts-form__image {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media(max-width: 767px) {
    .contacts-form {
        padding: 12px 0 0;
        border-radius: 0
    }

    .contacts-form .contacts-form__content {
        padding-left: 0;
        align-items: flex-start
    }

    .contacts-form .contacts-form__description {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 24px
    }

    .contacts-form .contacts-form__fields {
        row-gap: 32px
    }

    .contacts-form .contacts-form__footer {
        flex-direction: column-reverse;
        align-items: initial;
        margin-top: 30px;
        gap: 20px
    }

    .contacts-form .contacts-form__submit {
        width: 100%;
        height: 65px;
        max-width: 360px;
        font-size: 18px
    }

    .contacts-form .contacts-form__container {
        grid-gap: 60px
    }

    .contacts-form .contacts-form__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px
    }
}

@media(max-width: 639px) {
    .banner-top .banner-top__header {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -1.2px
    }

    .banner-top .banner-top__title {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -1.2px
    }

    .contacts-form .contacts-form__fields {
        grid-template-columns: 1fr
    }

    .one-click-form .one-click-form__buttons {
        grid-template-columns: 1fr
    }
}

.itb-copyright {
    position: relative
}

.itb-copyright .itb-copyright__content {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    color: #535a65;
    cursor: pointer
}

.itb-copyright .itb-copyright__popup {
    display: none;
    border-radius: 4px;
    box-shadow: 0 5px 6.6px 0 rgba(0, 0, 0, .08);
    background: #f5f5f5;
    position: absolute;
    top: -55px;
    padding: 12px;
    gap: 24px;
    font-size: 14px;
    white-space: nowrap
}

.itb-copyright .itb-copyright__popup.itb-copyright__popup--active {
    display: flex
}

.itb-copyright .itb-copyright__popup:before {
    position: absolute;
    border: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #f5f5f5;
    content: "";
    display: block;
    right: 50%;
    top: 100%
}

.itb-copyright .itb-copyright__popup a {
    text-decoration: none;
    color: rgba(0, 0, 0, .6)
}

.itb-copyright .itb-copyright__popup a:hover {
    color: rgba(39, 97, 64, .6)
}

.catalog-page {
    padding-bottom: 100px
}

.catalog-page .catalog-page__title {
    position: relative;
    padding: 0;
    margin-bottom: 39px;
    color: #1f2023;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500
}

.catalog-page .catalog-page__row {
    display: flex;
    column-gap: 40px
}

.catalog-page .catalog-page__sidebar {
    flex: 0 0 243px
}

.catalog-page .catalog-page__content {
    flex: 0 0 calc(100% - 243px - 40px);
    max-width: calc(100% - 243px - 40px)
}

.catalog-page .catalog-page__count {
    color: #535a65;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    position: relative
}

.catalog-page .catalog-page__title-wrapper {
    display: flex;
    gap: 6px
}

.section-description-block {
    margin-top: 40px
}

.smart-filter-toggle {
    display: none
}

.smart-filter-close {
    display: none
}

.catalog-smart-filter .catalog-smart-filter__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #111827;
    margin-bottom: 16px
}

.catalog-smart-filter .catalog-smart-filter__reset {
    color: #535a65;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.catalog-smart-filter .catalog-smart-filter__list-toggle {
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    color: #276140
}

.catalog-smart-filter .catalog-smart-filter__labels-filter-item {
    position: relative
}

.catalog-smart-filter .catalog-smart-filter__values:not(.catalog-smart-filter__values--active) .catalog-smart-filter__list-toggle-status2 {
    display: none
}

.catalog-smart-filter .catalog-smart-filter__values.catalog-smart-filter__values--active .catalog-smart-filter__list-toggle-status1 {
    display: none
}

.catalog-smart-filter .catalog-smart-filter__values:not(.catalog-smart-filter__values--active) .catalog-smart-filter__values-item:nth-child(n+5) {
    display: none
}

.catalog-smart-filter .catalog-smart-filter__values-list {
    max-height: 152px;
    overflow: hidden
}

.catalog-smart-filter .catalog-smart-filter__values--active .catalog-smart-filter__values-list {
    overflow: auto;
    max-height: 317px;
    border-top: 1px solid #eef0f4;
    border-bottom: 1px solid #eef0f4;
    margin-bottom: 16px
}

.catalog-smart-filter .catalog-smart-filter__values-list::-webkit-scrollbar {
    width: 4px;
    height: 60px
}

.catalog-smart-filter .catalog-smart-filter__values-list::-webkit-scrollbar-thumb {
    background: #d2d6dc;
    border-radius: 5px
}

.catalog-smart-filter .filter-radio.disabled {
    cursor: default;
    opacity: .6
}

.catalog-smart-filter .catalog-smart-filter__label {
    display: block;
    margin-bottom: 17px;
    cursor: pointer
}

.catalog-smart-filter .catalog-smart-filter__button {
    width: 100%;
    height: 48px;
    margin-bottom: 8px;
    background: #fff;
    outline: none;
    color: #1f2023;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #fff
}

.catalog-smart-filter .catalog-smart-filter__button:hover {
    background: hsla(0, 0%, 100%, .9);
    border-color: hsla(0, 0%, 100%, .9)
}

.catalog-smart-filter .catalog-smart-filter__parameters-box {
    margin-bottom: 32px;
    position: relative
}

.catalog-smart-filter .catalog-smart-filter__parameters-box--price {
    margin-bottom: 38px
}

.catalog-smart-filter .bx-filter-container-modef {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.catalog-smart-filter .catalog-smart-filter__labels-filter-item:last-child {
    margin-bottom: 45px
}

.catalog-smart-filter .catalog-smart-filter__labels-filter {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.filter-checkbox input[type=checkbox] {
    display: none
}

.filter-checkbox .filter-checkbox__name {
    display: flex;
    gap: 12px;
    color: #6a6f75;
    font-size: 16px;
    line-height: 21px
}

.filter-checkbox .filter-checkbox__name:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 2px solid #d2d6dc;
    border-radius: 4px;
    box-sizing: border-box
}

.filter-checkbox input[type=checkbox]:checked+.filter-checkbox__name {
    color: #1f2023
}

.filter-checkbox input[type=checkbox]:checked+.filter-checkbox__name:before {
    background: #f05c2d url(/local/templates/main/dist/css/../../images/checked-icon-white.svg) no-repeat center;
    border-color: #f05c2d
}

.filter-checkbox2 {
    height: 24px;
    display: flex;
    align-items: center
}

.filter-checkbox2 input[type=checkbox] {
    display: none
}

.filter-checkbox2 .filter-checkbox2__name {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
    color: #535a65;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400
}

.filter-checkbox2 .filter-checkbox2__name:before {
    content: "";
    display: block;
    width: 36px;
    height: 20px;
    flex: 0 0 36px;
    border-radius: 4px;
    background: #d0d4da
}

.filter-checkbox2 .filter-checkbox2__name:after {
    position: absolute;
    left: 2px;
    top: 6px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #fff
}

input[type=checkbox]:checked+.filter-checkbox2__name {
    color: #333;
    line-height: 24px;
    font-weight: 500
}

input[type=checkbox]:checked+.filter-checkbox2__name:before {
    background: #f05c2d
}

input[type=checkbox]:checked+.filter-checkbox2__name:after {
    left: 18px;
    top: 4px
}

.filter-checkbox2 input[type=checkbox]:checked+.filter-checkbox__name:before {
    background: #276140 url(/local/templates/main/dist/css/../images/checked-icon.svg) no-repeat center;
    border-color: #276140
}

.filter-radio input[type=radio] {
    display: none
}

.filter-radio .filter-radio__name {
    display: flex;
    gap: 12px;
    color: #6a6f75;
    font-size: 16px;
    line-height: 21px
}

.filter-radio .filter-radio__name:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d2d6dc;
    box-sizing: border-box
}

.filter-radio input[type=radio]:checked+.filter-radio__name {
    color: #1f2023
}

.filter-radio input[type=radio]:checked+.filter-radio__name:before {
    background: #fff;
    border: 5px solid #276140
}

.filter-radio--disabled {
    cursor: default;
    opacity: .6
}

.slider-number-filter {
    box-sizing: border-box
}

.slider-number-filter .slider-number-filter__slider-track {
    position: relative;
    height: 2px;
    background: #d2d6dc
}

.slider-number-filter .slider-number-filter__range,
.slider-number-filter .slider-number-filter__pricebar-vd,
.slider-number-filter .slider-number-filter__pricebar-vn,
.slider-number-filter .slider-number-filter__pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0
}

.slider-number-filter .slider-number-filter__pricebar-vd {
    background: #f05c2d;
    z-index: 60
}

.slider-number-filter .slider-number-filter__pricebar-vn {
    background: #d2d6dc;
    z-index: 70
}

.slider-number-filter .slider-number-filter__pricebar-v {
    background: #f05c2d;
    z-index: 80
}

.slider-number-filter .slider-number-filter__range {
    z-index: 85
}

.slider-number-filter .slider-number-filter__slider-part {
    position: absolute;
    top: -6px;
    width: 1px;
    height: 17px;
    background: #a2bfc7;
    display: none
}

.slider-number-filter .slider-number-filter__slider-part__slider-part--p1 {
    left: -1px
}

.slider-number-filter .slider-number-filter__slider-part__slider-part--p2 {
    left: 25%
}

.slider-number-filter .slider-number-filter__slider-part__slider-part--p3 {
    left: 50%
}

.slider-number-filter .slider-number-filter__slider-part__slider-part--p4 {
    left: 75%
}

.slider-number-filter .slider-number-filter__slider-part__slider-part--p5 {
    right: -1px
}

.slider-number-filter .slider-number-filter__slider-part span {
    font-size: 11px;
    position: absolute;
    top: -16px;
    left: 50%;
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #000
}

.slider-number-filter .slider-number-filter__handle {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-bottom: 0;
    border-radius: 50%;
    background: #f05c2d;
    margin-top: -6px
}

.slider-number-filter .slider-number-filter__handle--left {
    left: 0;
    margin-left: -6px
}

.slider-number-filter .slider-number-filter__handle--right {
    right: 0;
    margin-right: -6px
}

.slider-number-filter .slider-number-filter__handle:active {
    -webkit-cursor: grabbing;
    -ms-cursor: grabbing;
    -o-cursor: grabbing;
    cursor: grabbing
}

.slider-number-filter .slider-number-filter__track-container {
    padding-top: 18px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 6px
}

.slider-number-filter .slider-number-filter__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

.slider-number-filter .slider-number-filter__input {
    position: relative
}

.slider-number-filter .slider-number-filter__input-label {
    position: absolute;
    left: 14px;
    top: 11px;
    color: #111827;
    font-size: 16px
}

.slider-number-filter .slider-number-filter__input-field {
    width: 100%;
    height: 40px;
    padding-right: 14px;
    padding-left: 37px;
    background: #fff;
    border: 1.5px solid #e9ebef;
    border-radius: 8px;
    outline: none;
    color: #111827;
    font-size: 16px
}

.slider-number-filter .slider-number-filter__input-field::placeholder {
    color: #111827
}

.bx-filter-popup-result {
    background: #fff;
    font-size: 12px;
    padding: 5px 9px;
    border-radius: 4px
}

.catalog-panel-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 36px;
    gap: 12px
}

.catalog-sorting {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.catalog-sorting .catalog-sorting__item {
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 14px;
    font-size: 16px;
    color: #535a65;
    text-decoration: none;
    border: 2px solid #e9ebef;
    border-radius: 8px;
    box-sizing: border-box
}

.catalog-sorting .catalog-sorting__item:hover,
.catalog-sorting .catalog-sorting__item--selected {
    border-color: #f05c2d;
    color: #111827
}

.catalog-item-count .catalog-item-count__select {
    display: flex;
    align-items: center;
    gap: 20px
}

.catalog-item-count .catalog-item-count__select-values {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px
}

.catalog-item-count .catalog-item-count__select-value {
    font-size: 14px;
    padding: 7px 15px;
    position: relative;
    cursor: pointer;
    margin: 0;
    list-style: none;
    border: 2px solid #eaecf0;
    border-radius: 8px;
    color: #535a65
}

.catalog-item-count .catalog-item-count__select-value--active,
.catalog-item-count .catalog-item-count__select-value:hover {
    border-color: #f05c2d;
    color: #111827
}

.catalog-item-count select {
    display: none
}

.smart-filter-toggle {
    display: none
}

.smart-filter-close {
    display: none
}

.catalog-section-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px
}

.catalog-section-items--favorite {
    grid-template-columns: repeat(5, 1fr)
}

.catalog-section-items .catalog-section-items__item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.catalog-item-block {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.catalog-section-list {
    margin-bottom: 80px;
    overflow: hidden
}

.catalog-section-list .catalog-section-list__carousel {
    overflow: initial
}

.catalog-section-list .catalog-section-list__item {
    position: relative;
    width: 338px;
    height: 260px
}

.catalog-section-list .catalog-section-list__item-wrap {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 24px;
    background: #fff no-repeat right bottom;
    border-radius: 20px
}

.catalog-section-list .catalog-section-list__item-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #111827
}

.catalog-section-list .catalog-section-list__nav-buttons {
    position: relative
}

.catalog-section-list .catalog-section-list__nav {
    position: absolute;
    display: flex;
    top: 105px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e9ebef;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer
}

.catalog-section-list .catalog-section-list__nav--next {
    right: -24px
}

.catalog-section-list .catalog-section-list__nav--prev {
    left: -24px
}

.catalog-section-list .catalog-section-list__nav.swiper-button-disabled {
    display: none
}

.section-gallery-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: row;
    z-index: 2
}

.section-gallery-wrapper .section-gallery-wrapper__item {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: rgba(0, 0, 0, 0);
    margin-bottom: -4px
}

.section-gallery-wrapper .section-gallery-wrapper__item img {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover
}

.section-gallery-wrapper .section-gallery-wrapper__item video {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none
}

.section-gallery-wrapper .section-gallery-wrapper__item._active img {
    opacity: 1
}

.section-gallery-wrapper .section-gallery-wrapper__item-nav {
    display: block;
    position: relative;
    margin: 0 2px 0 0;
    height: 100%
}

.section-gallery-wrapper .section-gallery-wrapper__item:last-of-type .section-gallery-wrapper__item-nav {
    margin-right: 0
}

.section-gallery-wrapper .section-gallery-wrapper__item-nav:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #cdcdcd;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.section-gallery-wrapper .section-gallery-wrapper__item_hidden {
    display: none
}

.catalog-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    flex-grow: 1;
    overflow: hidden
}

.catalog-item .catalog-item__image-wrap {
    position: relative
}

.catalog-item .catalog-item__labels {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    z-index: 2
}

.catalog-item .catalog-item__label {
    position: relative;
    display: flex;
    height: 28px;
    align-items: center;
    padding: 4px 8px;
    gap: 6px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 6px;
    background: #10c44c;
    color: #fff
}

.catalog-item .catalog-item__label:before {
    content: "";
    display: block;
    width: 15px;
    height: 14px;
    background: url(/local/templates/main/dist/css/../../images/label-product.svg) no-repeat center
}

.catalog-item .catalog-item__label--best-price {
    background-color: #2a59fd
}

.catalog-item .catalog-item__label--hit {
    background-color: #f81155
}

.catalog-item .catalog-item__images {
    padding-top: 100%;
    display: block;
    position: relative;
    outline: none
}

.catalog-item .catalog-item__title {
    margin-bottom: 8px
}

.catalog-item .catalog-item__title-link {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #535a65;
    font-size: 16px;
    line-height: 22px
}

.catalog-item .catalog-item__price {
    margin-bottom: 16px;
    font-size: 14px
}

.catalog-item .catalog-item__price-old {
    text-decoration: line-through;
    color: #8d94a0;
    font-size: 13px
}

.catalog-item .catalog-item__content {
    display: flex;
    padding: 16px;
    flex-grow: 1;
    flex-direction: column
}

.catalog-item .catalog-item__rating {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.catalog-item .catalog-item__rating-star {
    width: 14px;
    flex: 0 0 14px;
    height: 13px;
    margin-right: 4px;
    background: url(/local/templates/main/dist/css/../../images/star.svg)
}

.catalog-item .catalog-item__rating-count {
    margin-left: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #8d94a0
}

.catalog-item .catalog-item__rating-avg {
    color: #111827;
    font-size: 14px;
    line-height: 20px
}

.catalog-item .catalog-item__actions {
    display: flex;
    gap: 8px;
    margin-top: auto
}

.catalog-item .catalog-item__favorite {
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-left: auto
}

.catalog-item .catalog-item__favorite.in-favorite path {
    stroke: #f05c2d;
    fill: #f05c2d
}

.catalog-item .catalog-item__basket {
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    background: #f05c2d;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    transition: background-color .5s ease-in-out
}

.catalog-item .catalog-item__basket:hover {
    background: #ffebdd;
    color: #f05c2d
}

.catalog-item .catalog-item__basket.in-basket {
    background: #fff2e9;
    color: #f05c2d
}

.section-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 64px;
    gap: 16px
}

.show-more {
    margin-right: auto
}

.show-more .show-more__btn {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 25px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    background: #f05c2d;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    white-space: nowrap
}

.show-more .show-more__btn:hover {
    background: #e14d1e
}

.main-pagination .main-pagination__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    gap: 8px;
    list-style: none
}

.main-pagination .main-pagination__item {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-pagination .main-pagination__item--first {
    margin-right: 16px
}

.main-pagination .main-pagination__item--last {
    margin-left: 16px
}

.main-pagination .main-pagination__item-text {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9ebef;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: #535a65;
    text-decoration: none
}

.main-pagination .main-pagination__item-text:hover {
    border-color: #b5bcc8;
    color: #111827
}

.main-pagination .main-pagination__item-text--current-page {
    background: #f05c2d;
    border-color: #f05c2d;
    color: #fff
}

.main-pagination .main-pagination__item-text--current-page:hover {
    color: #fff
}

.main-pagination .main-pagination__item-text--prev {
    background: #fff
}

.main-pagination .main-pagination__item-text--next {
    background: #fff
}

.main-pagination .main-pagination__points {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #8d94a0;
    text-decoration: none
}

.selected-filter-params {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 36px
}

.selected-filter-params .selected-filter-params__clear {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    background: #fff;
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .5s ease-in-out
}

.selected-filter-params .selected-filter-params__clear:hover {
    background: #e5e7eb
}

.params-list {
    display: flex;
    gap: 10px
}

.params-list .params-list__value {
    display: flex;
    align-items: center;
    padding: 0 8px 0 6px;
    height: 32px;
    gap: 6px;
    font-size: 14px;
    line-height: 20px;
    background: #fff;
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .5s ease-in-out
}

.params-list .params-list__value:hover {
    background: #e5e7eb
}

.params-list .params-list__close-btn {
    color: #8d94a0
}

.favorite-page-empty {
    padding: 24px;
    margin-bottom: 52px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e9ebef
}

@media(max-width: 1450px) {
    .catalog-section-list .catalog-section-list__nav--next {
        right: 5px
    }

    .catalog-section-list .catalog-section-list__nav--prev {
        left: 5px
    }
}

@media(max-width: 1279px) {
    .catalog-section-items {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 991px) {
    .catalog-page .catalog-page__row {
        display: block
    }

    .catalog-page .catalog-page__content {
        max-width: 100%
    }

    .smart-filter-toggle {
        display: flex;
        width: 100%;
        height: 40px;
        align-items: center;
        gap: 7px
    }

    .smart-filter-close.smart-filter-close-active {
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10000;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center
    }

    .catalog-smart-filter {
        border-left: 0;
        border-right: 0;
        width: 100%;
        left: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        z-index: 9999;
        position: fixed;
        overflow: auto;
        background: #fff;
        opacity: 1;
        -webkit-transition: left .2s linear, opacity .2s linear;
        -o-transition: left .2s linear, opacity .2s linear;
        -moz-transition: left .2s linear, opacity .2s linear;
        transition: left .2s linear, opacity .2s linear;
        margin: 0
    }

    .catalog-smart-filter--is-visible {
        visibility: visible;
        width: auto;
        right: 0;
        left: 0;
        opacity: 1;
        padding: 20px
    }

    .catalog-smart-filter .catalog-smart-filter__buttons {
        padding-bottom: 50px
    }

    .catalog-smart-filter .catalog-smart-filter__button {
        border: 1px solid #eaecf0
    }

    body.filter-open {
        overflow: hidden
    }
}

@media(max-width: 767px) {
    .catalog-section-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .catalog-page .catalog-page__title {
        font-size: 26px;
        line-height: 32px
    }
}

@media(max-width: 480px) {
    .catalog-section-items {
        grid-template-columns: 1fr
    }

    .catalog-section-list .catalog-section-list__item {
        width: 280px
    }

    .section-pagination {
        flex-direction: column
    }

    .show-more {
        margin-right: 0
    }
}

.thumbs-gallery {
    display: flex;
    gap: 20px
}

.thumbs-gallery .thumbs-gallery__main {
    order: 2;
    flex-grow: 1;
    background: #fff;
    border-radius: 16px
}

.thumbs-gallery .thumbs-gallery__thumbs {
    flex: 0 0 100px
}

.thumbs-gallery .thumbs-gallery__thumbs-items {
    height: 632px;
    width: 100px
}

.thumbs-gallery .thumbs-gallery__thumbs-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 100px;
    text-decoration: none
}

.thumbs-gallery .thumbs-gallery__thumbs-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    cursor: pointer
}

.thumbs-gallery .thumbs-gallery__main-item {
    height: 632px
}

.thumbs-gallery .thumbs-gallery__main-item-link {
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px
}

.thumbs-gallery .thumbs-gallery__main-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    border-radius: 16px
}

.thumbs-gallery .thumbs-gallery__main-nav-buttons {
    display: none;
    width: 114px;
    justify-content: space-between;
    position: absolute;
    right: 32px;
    bottom: 32px;
    z-index: 1
}

.thumbs-gallery .thumbs-gallery__main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 16px;
    background: hsla(0, 0%, 100%, .5);
    cursor: pointer
}

.thumbs-gallery .thumbs-gallery__main-nav.swiper-button-disabled {
    cursor: default
}

.thumbs-gallery .thumbs-gallery__main-nav.swiper-button-disabled svg path {
    stroke: #838383
}

.thumbs-gallery .thumbs-gallery__main-nav.swiper-button-lock {
    display: none
}

.catalog-detail-element {
    display: flex;
    column-gap: 16px;
    row-gap: 63px;
    flex-wrap: wrap;
    padding-bottom: 60px;
    margin-bottom: 60px
}

.catalog-detail-element .catalog-detail-element__first-col {
    --width: calc(54.6% - 16px);
    flex: 0 0 var(--width);
    max-width: var(--width)
}

.catalog-detail-element .catalog-detail-element__second-col {
    flex: 0 0 45.4%;
    max-width: 45.4%;
    padding: 40px;
    background: #fff;
    border-radius: 16px
}

.catalog-detail-element .catalog-detail-element__main {
    flex: 0 0 100%;
    max-width: 100%
}

.catalog-detail-element .catalog-detail-element__properties-header {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 36px;
    color: #111827;
    font-weight: 600
}

.catalog-detail-element .catalog-detail-element__images {
    position: relative
}

.catalog-detail-element .catalog-detail-element__properties-items {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 56px;
    max-width: 740px
}

.catalog-detail-element .catalog-detail-element__property {
    display: grid;
    grid-template-columns: 9fr 8fr;
    grid-column-gap: 24px;
    list-style: none;
    padding: 16px 20px;
    margin: 0;
    border-radius: 8px
}

.catalog-detail-element .catalog-detail-element__property:nth-child(odd) {
    background: #fff
}

.catalog-detail-element .catalog-detail-element__property-name {
    color: #535a65;
    font-size: 18px;
    line-height: 24px
}

.catalog-detail-element .catalog-detail-element__property-value {
    color: #0e1220;
    font-size: 18px;
    line-height: 24px
}

.catalog-detail-element .catalog-detail-element__property-value a {
    text-decoration: none;
    color: inherit
}

.catalog-detail-element .catalog-detail-element__article-val {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #111827
}

.catalog-detail-element .catalog-detail-element__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 11px
}

.catalog-detail-element .catalog-detail-element__rating-stars {
    width: 118px;
    height: 22px;
    background: url(/local/templates/main/dist/css/../../images/rating-empy.svg) no-repeat;
    background-size: 118px
}

.catalog-detail-element .catalog-detail-element__rating-stars-status {
    height: 22px;
    display: block;
    width: 0;
    background: url(/local/templates/main/dist/css/../../images/rating-full.svg) no-repeat;
    background-size: 118px
}

.catalog-detail-element .catalog-detail-element__rating {
    display: flex;
    align-items: center;
    gap: 8px
}

.catalog-detail-element .catalog-detail-element__rating-stars-average {
    font-size: 14px;
    line-height: 20px
}

.catalog-detail-element .catalog-detail-element__rating-stars-count {
    margin-left: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #f05c2d;
    white-space: nowrap
}

.catalog-detail-element .catalog-detail-element__info {
    display: flex;
    justify-content: flex-start;
    gap: 32px;
    margin-bottom: 36px
}

.catalog-detail-element .catalog-detail-element__favorite {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #535a65;
    cursor: pointer
}

.catalog-detail-element .catalog-detail-element__favorite:hover {
    color: #535a65
}

.catalog-detail-element .catalog-detail-element__favorite-icon svg {
    display: block
}

.catalog-detail-element .catalog-detail-element__favorite:hover .catalog-detail-element__favorite-icon path {
    stroke: #535a65
}

.catalog-detail-element .catalog-detail-element__favorite-caption-text2 {
    display: none
}

.catalog-detail-element .catalog-detail-element__favorite.in-favorite path {
    stroke: #f05c2d
}

.catalog-detail-element .catalog-detail-element__favorite.in-favorite .catalog-detail-element__favorite-caption-text2 {
    display: block
}

.catalog-detail-element .catalog-detail-element__favorite.in-favorite .catalog-detail-element__favorite-caption-text1 {
    display: none
}

.catalog-detail-element .catalog-detail-element__shared {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #535a65;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px
}

.catalog-detail-element .catalog-detail-element__shared:hover {
    color: #535a65
}

.catalog-detail-element .catalog-detail-element__shared-icon svg {
    display: block
}

.catalog-detail-element .catalog-detail-element__shared:hover .catalog-detail-element__shared-icon path {
    stroke: #535a65
}

.catalog-detail-element .catalog-detail-element__price {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 36px
}

.catalog-detail-element .catalog-detail-element__price-current {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #111827
}

.catalog-detail-element .catalog-detail-element__price-old {
    font-size: 18px;
    line-height: 20px;
    color: #8d94a0;
    text-decoration: line-through
}

.catalog-detail-element .catalog-detail-element__buy {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px
}

.catalog-detail-element .catalog-detail-element__add-basket {
    min-width: 200px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    background: #f05c2d;
    border-radius: 10px;
    color: #fff;
    transition: background .5s ease-in-out
}

.catalog-detail-element .catalog-detail-element__add-basket:hover {
    background: #e14d1e
}

.catalog-detail-element .catalog-detail-element__to-basket {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 23px;
    font-size: 18px;
    line-height: 24px;
    color: #111827;
    text-decoration: none
}

.catalog-detail-element .catalog-detail-element__available-caption {
    font-size: 16px;
    line-height: 22px
}

.catalog-detail-element .catalog-detail-element__available-caption--in-stock {
    color: #009463
}

.catalog-detail-element .catalog-detail-element__available {
    display: flex;
    align-items: baseline
}

.catalog-detail-element .catalog-detail-element__available-value {
    margin-left: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #8d94a0
}

.catalog-detail-element .catalog-detail-element__available-unit {
    margin-left: 4px;
    font-size: 16px;
    line-height: 22px;
    color: #8d94a0
}

.catalog-detail-element .catalog-detail-element__detail-text-header {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 36px;
    color: #111827;
    font-weight: 600
}

.catalog-detail-element .catalog-detail-element__copy {
    cursor: pointer
}

.catalog-detail-element .catalog-detail-element__detail-text {
    max-width: 740px;
    color: #535a65;
    font-size: 18px;
    line-height: 24px
}

.catalog-detail-element .catalog-detail-element__detail-text p {
    margin-bottom: 18px
}

.catalog-detail-element .catalog-detail-element__detail-text p:last-child {
    margin-bottom: 0
}

.catalog-detail-element .catalog-detail-element__labels {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    z-index: 2
}

.catalog-detail-element .catalog-detail-element__label {
    position: relative;
    display: flex;
    height: 28px;
    align-items: center;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 6px;
    background: #10c44c;
    color: #fff
}

.catalog-detail-element .catalog-detail-element__label--best-price {
    background-color: #2a59fd
}

.catalog-detail-element .catalog-detail-element__label--hit {
    background-color: #f81155
}

.delivery-section {
    margin-top: 57px
}

.delivery-section .delivery-section__header {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 28px;
    color: #111827
}

.delivery-section .delivery-section__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.delivery-section .delivery-section__item {
    display: flex;
    gap: 16px;
    padding: 24px;
    border: 1px solid #e9ebef;
    border-radius: 12px
}

.delivery-section .delivery-section__item-name {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
    color: #535a65
}

.delivery-section .delivery-section__item-help svg {
    display: block
}

.delivery-section .delivery-section__item-desc {
    color: #111827;
    font-size: 18px;
    line-height: 24px
}

.product-carousel .product-carousel__item {
    height: auto;
    display: flex
}

.product-carousel .product-carousel__header {
    margin-bottom: 36px
}

.product-carousel .product-carousel__title {
    font-size: 28px;
    line-height: 36px;
    color: #111827;
    font-weight: 600
}

.product-carousel .product-carousel__nav {
    position: relative
}

.product-carousel .product-carousel__button {
    position: absolute;
    display: flex;
    top: 190px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e9ebef;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer
}

.product-carousel .product-carousel__button--next {
    right: -24px
}

.product-carousel .product-carousel__button--prev {
    left: -24px
}

.product-carousel .product-carousel__button.swiper-button-disabled {
    display: none
}

.shared-section {
    position: relative
}

.shared-section .ya-share2 {
    display: none;
    position: absolute;
    top: 25px;
    width: 25px;
    right: 0
}

.shared-section--active .ya-share2 {
    display: block
}

@media(max-width: 1450px) {
    .catalog-detail-element .catalog-detail-element__favorite {
        font-size: 14px;
        gap: 4px
    }

    .catalog-detail-element .catalog-detail-element__shared {
        font-size: 14px;
        gap: 4px
    }

    .product-carousel .product-carousel__button--prev {
        left: 5px
    }

    .product-carousel .product-carousel__button--next {
        right: 5px
    }
}

@media(min-width: 1450px) {
    .catalog-detail-element .catalog-detail-element__second-col {
        position: sticky;
        top: 100px
    }
}

@media(max-width: 1279px) {
    .catalog-detail-element {
        gap: 32px
    }

    .catalog-detail-element .catalog-detail-element__first-col {
        --width: 100%
    }

    .catalog-detail-element .catalog-detail-element__second-col {
        flex: 0 0 100%;
        max-width: 100%
    }

    .catalog-detail-element .catalog-detail-element__info {
        justify-content: flex-start
    }
}

@media(max-width: 767px) {
    .catalog-detail-element {
        padding-bottom: 0;
        margin-bottom: 32px
    }

    .catalog-detail-element .catalog-detail-element__title {
        word-wrap: break-word
    }

    .product-carousel .product-carousel__header {
        margin-bottom: 16px
    }

    .thumbs-gallery {
        flex-direction: column;
        gap: 16px
    }

    .thumbs-gallery .thumbs-gallery__thumbs {
        flex: initial;
        width: 100%;
        order: 2
    }

    .thumbs-gallery .thumbs-gallery__main-img {
        border-radius: 10px
    }

    .thumbs-gallery .thumbs-gallery__thumbs-img {
        border-radius: 10px
    }

    .thumbs-gallery .thumbs-gallery__thumbs-items {
        width: auto;
        height: auto
    }

    .thumbs-gallery .thumbs-gallery__thumbs-item {
        width: 82px;
        height: 82px
    }

    .thumbs-gallery .thumbs-gallery__main {
        width: 100%;
        order: 1
    }

    .thumbs-gallery .thumbs-gallery__main-nav-buttons {
        position: static
    }

    .thumbs-gallery .thumbs-gallery__main-nav {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        z-index: 1;
        border-radius: 10px
    }

    .thumbs-gallery .thumbs-gallery__main-nav--prev {
        left: 16px
    }

    .thumbs-gallery .thumbs-gallery__main-nav--next {
        right: 16px
    }

    .thumbs-gallery .thumbs-gallery__main-nav svg path {
        stroke: #fff
    }

    .thumbs-gallery .thumbs-gallery__main-nav.swiper-button-disabled svg path {
        stroke: #c9c9c9
    }

    .thumbs-gallery .thumbs-gallery__main-item {
        height: 284px
    }
}

@media(max-width: 640px) {
    .catalog-detail-element .catalog-detail-element__info {
        flex-wrap: wrap
    }

    .catalog-detail-element .catalog-detail-element__rating {
        flex: 0 0 100%
    }

    .catalog-detail-element .catalog-detail-element__second-col {
        padding: 16px;
        border-radius: 10px
    }

    .delivery-section .delivery-section__items {
        grid-template-columns: 1fr
    }
}

@media(max-width: 570px) {
    .catalog-detail-element .catalog-detail-element__buy {
        flex-direction: column
    }

    .catalog-detail-element .catalog-detail-element__add-basket {
        width: 100%
    }

    .catalog-detail-element .catalog-detail-element__property {
        grid-template-columns: 1fr
    }
}

.basket-page {
    margin-bottom: 120px
}

.basket-page .basket-page__table {
    width: 100%;
    background: #fff;
    padding: 24px;
    border-radius: 20px
}

.basket-page .basket-page__table-row:last-child .basket-page-item {
    padding-bottom: 0
}

.basket-page .basket-page__content {
    display: flex;
    gap: 24px
}

.basket-page .basket-page__items {
    flex: 0 0 67.5%
}

.basket-page .basket-page__select-all {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    color: #666;
    cursor: pointer
}

.basket-page .basket-page__select-all-icon {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #d0d4da;
    border-radius: 4px
}

.basket-page .basket-page__select-all-icon--checked {
    background-color: #f05c2d;
    border-color: #f05c2d
}

.basket-page .basket-page__select-all-icon--checked:after {
    content: "";
    display: block;
    height: 10px;
    width: 5px;
    margin-top: -6px;
    position: absolute;
    left: 4px;
    top: 50%;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    pointer-events: none;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out
}

.basket-page .basket-page__favorite-all {
    display: flex;
    color: #5a616c;
    font-size: 16px;
    line-height: 22px;
    gap: 10px;
    cursor: pointer
}

.basket-page .basket-page__total {
    flex-grow: 1;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 24px;
    align-self: flex-start
}

.basket-page .basket-page__header {
    display: flex;
    margin-bottom: 16px;
    padding: 24px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #fff;
    border-radius: 16px
}

.basket-page .basket-page__table-td {
    vertical-align: top;
    padding-bottom: 32px
}

.basket-page .basket-page__table-td--delay {
    width: 40px
}

.basket-page .basket-page__table-td--actions {
    width: 120px;
    position: relative
}

.basket-page .basket-page__price {
    position: absolute;
    bottom: 32px;
    right: 0;
    text-align: right
}

.basket-page .basket-page__price-current {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    white-space: nowrap
}

.basket-page .basket-page__price-old-text {
    text-decoration: line-through;
    color: #8d94a0;
    font-size: 14px
}

.checkbox-basket {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #d0d4da;
    border-radius: 4px;
    position: relative
}

.checkbox-basket--checked {
    background-color: #f05c2d;
    border-color: #f05c2d
}

.checkbox-basket--checked:after {
    content: "";
    display: block;
    height: 10px;
    width: 5px;
    margin-top: -6px;
    position: absolute;
    left: 4px;
    top: 50%;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    pointer-events: none;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out
}

.basket-btn-checkout {
    display: flex;
    align-items: center;
    height: 52px;
    width: 100%;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 10px;
    background: #f05c2d;
    color: #fff
}

.basket-btn-checkout:hover {
    background: #e14d1e
}

.basket-btn-checkout.disabled {
    background: #c3c7cb
}

.section-basket-products .product-carousel {
    margin-bottom: 120px
}

.basket-page-item {
    display: flex;
    gap: 40px
}

.basket-page-item .basket-page-item__image {
    flex: 0 0 140px
}

.basket-page-item .basket-page-item__image-link {
    display: block;
    position: relative;
    height: 140px;
    text-decoration: none
}

.basket-page-item .basket-page-item__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.basket-page-item .basket-page-item__name-link {
    font-size: 20px;
    line-height: 28px;
    color: #111827
}

.basket-page-item .basket-page-item__name {
    margin-bottom: 16px
}

.basket-page-item .basket-page-item__amount {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 52px
}

.basket-page-item .basket-page-item__amount-bnt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    height: 40px;
    background: #f3f4f5;
    border-radius: 6px
}

.basket-page-item .basket-page-item__amount-filed {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1.5px solid #e9ebef;
    border-radius: 8px;
    margin: 0 6px;
    font-size: 16px;
    color: #111827
}

.basket-page-item .basket-page-item__quantity-sum {
    color: #8d94a0;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-left: 20px
}

.basket-item-property-custom {
    display: flex;
    gap: 32px
}

.basket-item-property-custom .basket-item-property-custom-name {
    min-width: 53px;
    font-size: 13px;
    line-height: 20px;
    color: #9299a5
}

.basket-item-property-custom .basket-item-property-custom-value {
    font-size: 13px;
    line-height: 20px;
    color: #5a616c
}

.basket-item-property-custom .basket-item-property-custom-value[data-column-property-code=PROPERTY_ARTICLE_VALUE] {
    color: #f02d39
}

.basket-page-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end
}

.basket-page-actions .basket-page-actions__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    height: 24px;
    width: 24px;
    cursor: pointer
}

.basket-page-actions .in-favorite path {
    stroke: #f05c2d;
    fill: #f05c2d
}

.basket-top {
    position: relative
}

.basket-top .basket-top__cart-icon {
    display: block
}

.basket-top .basket-top__dropdown {
    display: none;
    position: absolute;
    right: 0;
    width: 589px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e9ebef
}

.basket-top:hover .basket-top__dropdown {
    display: block
}

.basket-top .basket-top__dropdown.basket-top__dropdown--empty {
    display: none;
    width: 400px;
    margin-top: 6px
}

.basket-top .basket-top__dropdown.basket-top__dropdown--opened {
    display: block
}

.basket-top .basket-top__block {
    display: flex;
    width: 52px;
    height: 52px;
    position: relative;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .5s ease-in-out
}

.basket-top .basket-top__block:hover {
    background: #f7f8f9
}

.basket-top .basket-top__block--has-products:hover {
    background: #fef9f4
}

.basket-top .basket-top__block--has-products path {
    stroke: #f05c2d
}

.basket-top .basket-top__block--has-products .basket-top__count {
    color: #f05c2d
}

.basket-top .basket-top__count {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: 40px;
    top: 5px
}

.basket-top .basket-top__close {
    display: flex;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 8px;
    top: 8px;
    align-items: center;
    justify-content: center
}

.basket-top-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    text-align: center
}

.basket-top-empty .basket-top-empty__icon {
    display: flex;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7f8f9;
    margin-bottom: 24px
}

.basket-top-empty .basket-top-empty__title {
    margin-bottom: 13px;
    color: #111827;
    font-size: 24px;
    line-height: 28px
}

.basket-top-empty .basket-top-empty__desc {
    color: #535a65;
    font-size: 18px;
    line-height: 24px
}

.basket-top-list .basket-top-list__title {
    font-size: 24px;
    line-height: 32px
}

.basket-top-list .basket-top-list__item {
    display: flex;
    gap: 16px
}

.basket-top-list .basket-top-list__header {
    display: flex;
    padding: 24px 24px 20px;
    justify-content: space-between;
    gap: 16px
}

.basket-top-list .basket-top-list__items {
    padding: 0 24px 24px;
    max-height: 300px;
    overflow: auto
}

.basket-top-list .basket-top-list__items-group {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.basket-top-list .basket-top-list__item-actions {
    flex: 0 0 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: flex-start;
    margin-left: auto
}

.basket-top-list .basket-top-list__item-action--favorite.in-favorite path {
    stroke: #f05c2d;
    fill: #f05c2d
}

.basket-top-list .basket-top-list__price {
    margin-top: 5px;
    font-size: 14px
}

.basket-top-list .basket-top-list__item-image {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    border-radius: 8px
}

.basket-top-list .basket-top-list__item-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.basket-top-list .basket-top-list__item-name {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
    color: #111827
}

.basket-top-list .basket-top-list__item-name:hover {
    color: #e34f20
}

.basket-top-list .basket-top-list__footer-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px
}

.basket-top-list .basket-top-list__footer {
    padding: 24px;
    border-top: 1px solid #e9ebef
}

.basket-top-list .basket-top-list__footer-button {
    text-align: center;
    height: 52px;
    border-radius: 10px;
    background: #f3f4f5;
    font-size: 18px;
    line-height: 24px;
    color: #111827
}

.basket-top-list .basket-top-list__footer-button:hover {
    background: #edeef0
}

.basket-top-list .basket-top-list__footer-button--to-basket {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    background: #f05c2d
}

.basket-top-list .basket-top-list__footer-button--to-basket:hover {
    background: #e14d1e
}

.basket-top-list .basket-top-list__quantity {
    font-size: 16px;
    line-height: 22px;
    color: #8d94a0
}

.basket-top-list .basket-top-list__summary {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.basket-top-list .basket-top-list__summary-caption {
    font-size: 20px;
    line-height: 28px
}

.basket-top-list .basket-top-list__summary-value {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.bx-sbb-empty-cart-container {
    margin-bottom: 32px
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-dismissable .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
    cursor: pointer
}

.basket-checkout-section-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: center
}

.basket-checkout-block-total-title {
    font-size: 24px;
    line-height: 32px
}

.basket-coupon-block-total-price-current {
    font-size: 32px;
    font-weight: 500;
    line-height: 44px
}

@media(max-width: 1279px) {
    .basket-page .basket-page__content {
        flex-direction: column
    }

    .basket-page .basket-page__items {
        flex: 0 0 100%
    }

    .basket-page .basket-page__total {
        align-self: initial
    }
}

@media(max-width: 991px) {
    .basket-top .basket-top__block {
        width: 40px;
        height: 40px
    }

    .basket-top:hover .basket-top__dropdown {
        display: none
    }

    .basket-top .basket-top__block--has-products .basket-top__count {
        left: 22px;
        top: 2px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        color: #fff;
        background: #f05c2d;
        text-align: center;
        font-size: 10px;
        line-height: 17px
    }
}

@media(max-width: 767px) {
    .basket-top .basket-top__dropdown--empty {
        z-index: 12;
        max-width: 300px
    }

    .basket-page-item {
        gap: 16px;
        padding-bottom: 0
    }

    .basket-page-item .basket-page-item__image {
        flex: 0 0 40px
    }

    .basket-page-item .basket-page-item__image-link {
        height: 40px
    }

    .basket-page-item .basket-page-item__name-link {
        display: block;
        font-size: 14px;
        line-height: 16px
    }

    .basket-page-item .basket-page-item__amount {
        flex-wrap: wrap
    }

    .basket-page .basket-page__table {
        display: block
    }

    .basket-page .basket-page__table>tbody {
        display: flex;
        flex-direction: column;
        gap: 32px
    }

    .basket-page .basket-page__table-row {
        display: flex;
        flex-wrap: wrap;
        gap: 16px
    }

    .basket-page .basket-page__table-row+.basket-page__table-row {
        border-top: 1px solid #e9ebef;
        padding-top: 32px
    }

    .basket-page .basket-page__table-td--delay {
        flex: 0 0 40px
    }

    .basket-page .basket-page__table-td--actions {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .basket-page .basket-page__table-td--descriptions {
        flex: 0 0 calc(100% - 56px)
    }

    .basket-page .basket-page__price {
        position: static;
        bottom: auto;
        right: auto;
        text-align: center
    }

    .basket-page-actions {
        justify-content: center;
        order: 2
    }

    .basket-item-property-custom {
        flex-direction: column;
        gap: 5px
    }

    .basket-coupon-block-total-price-current {
        font-size: 26px;
        font-weight: 500;
        line-height: 32px
    }
}

.search-top .search-top__form {
    position: relative
}

.search-top .search-top__input {
    height: 52px;
    display: block;
    width: 100%;
    padding-left: 24px;
    padding-right: 71px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 12px;
    background: #f3f4f5;
    color: #535a65;
    border: 2px solid #f3f4f5;
    transition: border-color .5s ease-in-out
}

.search-top .search-top__input:hover {
    border: 2px solid #d0d4da
}

.search-top .search-top__input:focus {
    border: 2px solid #f05c2d
}

.search-top .search-top__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 71px;
    height: 100%
}

.search-top-result {
    background: #fff;
    border: 2px solid #e9ebef;
    border-radius: 6px;
    margin-top: 8px
}

.search-top-result .search-top-result__item {
    display: flex;
    margin: 0 16px;
    padding: 16px 12px;
    gap: 12px;
    border-radius: 12px
}

.search-top-result .search-top-result__item:hover {
    background: #f7f8f9
}

.search-top-result .search-top-result__items {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 16px 0;
    gap: 4px
}

.search-top-result .search-top-result__item-img {
    max-height: 40px
}

.search-top-result .search-top-result__item-image {
    display: block;
    flex: 0 0 40px
}

.search-top-result .search-top-result__item-content {
    flex: 0 0 calc(100% - 54px);
    max-width: calc(100% - 54px)
}

.search-top-result .search-top-result__item-name {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-top-result .search-top-result__item-category {
    font-size: 14px;
    line-height: 16px;
    color: #5a616c
}

.search-top-result {
    background: #fff;
    border: 2px solid #e9ebef;
    border-radius: 6px;
    margin-top: 8px
}

.search-top-result .search-top-result__item {
    display: flex;
    margin: 0 16px;
    padding: 16px 12px;
    gap: 12px;
    border-radius: 12px
}

.search-top-result .search-top-result__item:hover {
    background: #f7f8f9
}

.search-top-result .search-top-result__items {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 16px 0;
    gap: 4px
}

.search-top-result .search-top-result__item-img {
    max-height: 40px
}

.search-top-result .search-top-result__item-image {
    display: block;
    flex: 0 0 40px
}

.search-top-result .search-top-result__item-content {
    flex: 0 0 calc(100% - 54px);
    max-width: calc(100% - 54px)
}

.search-top-result .search-top-result__item-name {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-top-result .search-top-result__item-category {
    font-size: 14px;
    line-height: 16px;
    color: #5a616c
}

.search-mobile-result {
    background: #fff;
    padding-top: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.search-mobile-result .search-mobile-result__item {
    display: flex;
    margin: 0;
    padding: 9px 20px;
    gap: 12px
}

.search-mobile-result .search-mobile-result__item:hover {
    background: #f7f8f9
}

.search-mobile-result .search-mobile-result__items {
    display: flex;
    flex-direction: column;
    padding: 0
}

.search-mobile-result .search-mobile-result__item-img {
    max-height: 32px
}

.search-mobile-result .search-mobile-result__item-image {
    display: block;
    flex: 0 0 32px
}

.search-mobile-result .search-mobile-result__item-content {
    flex: 0 0 calc(100% - 44px);
    max-width: calc(100% - 44px)
}

.search-mobile-result .search-mobile-result__item-name {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-mobile-result .search-mobile-result__item-category {
    font-size: 14px;
    line-height: 16px;
    color: #5a616c
}

.search-mobile-result .search-mobile-result__all-btn {
    display: flex;
    margin: 12px 20px;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #fff2e9;
    border-radius: 8px;
    color: #f05c2d;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500
}

.search-mobile-result .search-mobile-result__all {
    border-top: 1px solid #e9ebef
}

.search-page .search-page__form {
    position: relative
}

.search-page .search-page__input {
    height: 52px;
    display: block;
    width: 100%;
    padding-left: 24px;
    padding-right: 71px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 12px;
    background: #f3f4f5;
    color: #535a65;
    border: 2px solid #e9ebef;
    transition: border-color .5s ease-in-out
}

.search-page .search-page__input:hover {
    border: 2px solid #d0d4da
}

.search-page .search-page__input:focus {
    border: 2px solid #f05c2d
}

.search-page .search-page__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 71px;
    height: 100%
}

.title-search-result {
    z-index: 100
}

@media(max-width: 767px) {
    .title-search-result {
        margin-top: -2px;
        border-top: 1px solid #e9ebef
    }
}

.policy-page {
    margin-bottom: 50px
}

.policy-page a {
    color: #f05c2d
}

.policy-page p {
    margin-bottom: 15px
}

.policy-page ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px
}

.policy-page ul>li {
    list-style: disc;
    margin-bottom: 10px
}

#bquadro_cookie_panel .cookie-panel p {
    font-size: 13px;
    text-align: left
}

#bquadro_cookie_panel .cookie-panel__btn {
    height: 35px;
    width: 130px;
    font-size: 13px;
    line-height: 34px
}

#bquadro_cookie_panel .cookie-panel {
    padding-top: 5px;
    padding-bottom: 4px
}

#bquadro_cookie_panel .cookie-panel p a {
    color: #fff;
    padding-left: 5px;
    text-decoration: underline
}

.contacts-page {
    display: flex;
    gap: 24px;
    margin-bottom: 64px;
    margin-top: 40px
}

.contacts-page .contacts-page__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 403px;
    padding: 24px;
    background: #fff;
    border-radius: 20px
}

.contacts-page .contacts-page__map {
    flex-grow: 1;
    border-radius: 20px;
    overflow: hidden
}

.contacts-page .contacts-page__item-caption {
    font-size: 18px;
    line-height: 24px;
    color: #8d94a0;
    margin-bottom: 6px
}

.contacts-page .contacts-page__item-text {
    font-size: 24px;
    line-height: 32px;
    color: #111827
}

.contacts-page .contacts-page__item-text a {
    color: inherit
}

.contacts-page .contacts-page__item--phone .contacts-page__item-text {
    display: flex;
    gap: 12px
}

.contacts-page .contacts-page__callback-btn {
    font-size: 15px;
    line-height: 20px;
    color: #f05c2d
}

.contacts-list {
    margin-bottom: 64px
}

.contacts-list .contacts-list__header {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 36px;
    font-weight: 500
}

.contacts-list .contacts-list__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px
}

.contacts-list .contacts-list__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    background: #fff;
    border-radius: 20px
}

.contacts-list .contacts-list__value {
    font-size: 24px;
    line-height: 32px;
    color: #111827
}

.contacts-list .contacts-list__value a {
    color: inherit;
    text-decoration: none
}

.contacts-list .contacts-list__caption {
    color: #8d94a0;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px
}

.contacts-header-manager {
    padding-top: 20px
}

.contacts-header-manager .contacts-header-manager__items {
    display: flex;
    justify-content: space-between
}

.contacts-header-manager .contacts-header-manager__value {
    font-size: 16px;
    line-height: 28px;
    color: #111827
}

.contacts-header-manager .contacts-header-manager__value--name {
    font-size: 13px;
    line-height: 20px
}

.contacts-header-manager .contacts-header-manager__value a {
    color: inherit;
    text-decoration: none
}

.contacts-header-manager .contacts-header-manager__item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.contacts-header-manager .contacts-header-manager__icons {
    display: flex;
    gap: 8px;
    padding-top: 6px
}

.contacts-header-manager .contacts-header-manager__row {
    display: flex;
    gap: 8px;
    align-items: flex-start
}

.contacts-header-manager .contacts-header-manager__icon {
    display: block;
    flex: 0 0 16px;
    min-width: 16px
}

.contacts-header-mobile {
    margin-bottom: 32px
}

.contacts-header-mobile .contacts-header-mobile__header {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.contacts-header-mobile .contacts-header-mobile__name {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #535a65
}

.contacts-header-mobile .contacts-header-mobile__row {
    display: flex;
    gap: 14px;
    align-items: flex-start
}

.contacts-header-mobile .contacts-header-mobile__icons {
    display: flex
}

.contacts-header-mobile .contacts-header-mobile__icon {
    flex: 0 0 24px;
    width: 24px
}

.contacts-header-mobile .contacts-header-mobile__value {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px
}

.contacts-header-mobile .contacts-header-mobile__value--phone {
    font-weight: 600;
    line-height: 28px
}

.contacts-header-mobile .contacts-header-mobile__value a {
    text-decoration: none;
    color: inherit
}

.contacts-header-mobile .contacts-header-mobile__item {
    border-bottom: 1px solid #e9ebef
}

.contacts-header-mobile .contacts-header-mobile__items {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(max-width: 1279px) {
    .contacts-list .contacts-list__items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 767px) {
    .contacts-page {
        flex-direction: column;
        padding-right: var(--container-padding)
    }

    .contacts-page .contacts-page__content {
        width: auto
    }

    .contacts-page .contacts-page__item-text {
        font-size: 18px;
        line-height: 24px
    }

    .contacts-page .contacts-page__item--phone .contacts-page__item-text {
        flex-wrap: wrap
    }

    .contacts-list .contacts-list__items {
        grid-template-columns: 1fr
    }
}

.personal-page {
    display: flex;
    column-gap: 40px
}

.personal-page .personal-page__content {
    flex: 0 0 calc(100% - 243px - 40px);
    max-width: calc(100% - 243px - 40px)
}

.personal-page .personal-page__sidebar {
    flex: 0 0 243px
}

.sale-personal-section .sale-personal-section__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.sale-personal-section .sale-personal-section__item {
    display: flex
}

.sale-personal-section .sale-personal-section__item-link {
    display: block;
    padding: 25px 5px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    background: #216098;
    text-align: center
}

.sale-personal-section .sale-personal-section__item-link:hover {
    background: #1d5281
}

.sale-personal-section .sale-personal-section__item-icon {
    font-size: 64px
}

.sale-personal-section .sale-personal-section__item-name {
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    margin-top: 20px
}

.personal-menu {
    display: flex;
    flex-direction: column
}

.personal-menu .personal-menu__item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    color: #495057
}

.personal-menu .personal-menu__item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    color: #495057
}

.personal-menu .personal-menu__item.personal-menu__item--active {
    border-color: #216098;
    background-color: #216098;
    color: #fff
}

.personal-menu .personal-menu__item+.personal-menu__item {
    border-top-width: 0
}

.personal-menu .personal-menu__item:hover {
    color: #212529;
    background-color: #e9ecef
}

.dropdown-menu-container {
    position: relative
}

.personal-menu-dropdown {
    display: none;
    flex-direction: column
}

.personal-menu-dropdown--active {
    display: flex;
    position: absolute;
    white-space: nowrap
}

.personal-menu-dropdown .personal-menu-dropdown__item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    color: #495057
}

.personal-menu-dropdown .personal-menu-dropdown__item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    color: #495057
}

.personal-menu-dropdown .personal-menu-dropdown__item.personal-menu-dropdown__item--active {
    border-color: #216098;
    background-color: #216098;
    color: #fff
}

.personal-menu-dropdown .personal-menu-dropdown__item+.personal-menu-dropdown__item {
    border-top-width: 0
}

.personal-menu-dropdown .personal-menu-dropdown__item:hover {
    color: #212529;
    background-color: #e9ecef
}

.sale-order-detail-general-head {
    background: #216098
}

.sale-order-detail-about-order-inner-container-repeat-button {
    background: #f05c2d
}

.sale-order-detail-about-order-inner-container-repeat-button:hover {
    background: #e14d1e
}

div.bx-auth input.bx-auth-input {
    vertical-align: middle;
    width: 100%;
    padding: 0 16px;
    font-size: 18px;
    line-height: 24px;
    background: #fff;
    border-radius: 10px;
    height: 52px;
    color: #111827;
    border: 2px solid #e9ebef
}

div.bx-auth input.bx-auth-input:focus {
    border-color: #f05c2d
}

.authorize-submit-cell .btn {
    width: 100%;
    height: 48px;
    padding: 0 20px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 20px;
    color: #f05c2d;
    text-align: center;
    background: #fff2e9;
    border-radius: 6px;
    transition: background .5s ease-in-out
}

.authorize-submit-cell .btn:hover {
    background: #ffebdd
}

.bx-registration-table input[type=submit] {
    width: 100%;
    height: 48px;
    padding: 0 20px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 20px;
    color: #f05c2d;
    text-align: center;
    background: #fff2e9;
    border-radius: 6px;
    transition: background .5s ease-in-out
}

.bx-registration-table input[type=submit]:hover {
    background: #ffebdd
}

.bx-changepass-table input[type=submit] {
    width: 100%;
    height: 48px;
    padding: 0 20px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 20px;
    color: #f05c2d;
    text-align: center;
    background: #fff2e9;
    border-radius: 6px;
    transition: background .5s ease-in-out
}

.bx-changepass-table input[type=submit]:hover {
    background: #ffebdd
}

.sale-order-title {
    margin-top: 0
}

.bx-auth {
    margin-bottom: 32px
}

.bx_profile .form-group .form-control {
    width: 100%;
    padding: 0 16px;
    font-size: 18px;
    line-height: 24px;
    background: #fff;
    border-radius: 10px;
    height: 52px;
    color: #111827;
    border: 2px solid #e9ebef
}

.bx_profile .form-group .form-control:focus {
    border-color: #f05c2d
}

.main-profile-form-label {
    width: 160px;
    padding-right: 10px;
    display: block
}

.main-profile-form-buttons-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 32px
}

.main-profile-form-buttons-block .main-profile-submit {
    height: 52px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    background: #f05c2d;
    border-radius: 10px;
    color: #fff;
    transition: background .5s ease-in-out
}

.main-profile-form-buttons-block .main-profile-submit:hover {
    background: #e14d1e
}

.main-profile-form-buttons-block [name=reset] {
    height: 52px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    border: 1px solid #f05c2d;
    border-radius: 10px;
    transition: background .5s ease-in-out;
    color: #f05c2d
}

.main-profile-form-buttons-block [name=reset]:hover {
    border: 1px solid #e14d1e;
    color: #e14d1e
}

.main-profile-block-shown {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bx_my_order_cancel [name=REASON_CANCELED] {
    width: 100%;
    padding: 16px;
    font-size: 18px;
    line-height: 24px;
    background: #fff;
    border-radius: 10px;
    color: #111827;
    border: 2px solid #e9ebef
}

.bx_my_order_cancel [name=REASON_CANCELED]:focus {
    border-color: #f05c2d
}

@media screen and (max-width: 991px) {
    .sale-personal-section .sale-personal-section__row {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .personal-page {
        column-gap: 16px;
        flex-direction: column-reverse
    }

    .personal-page .personal-page__content {
        flex: initial;
        max-width: initial
    }

    .personal-page .personal-page__sidebar {
        flex: initial;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 420px) {
    .main-profile-form-buttons-block {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 16px
    }

    .main-profile-form-label {
        margin-bottom: 8px
    }
}

.delivery-promo {
    font-family: var(--font-main);
    margin-top: 78px;
    margin-bottom: 160px
}

@media(max-width: 991px) {
    .delivery-promo {
        margin-top: 20px;
        margin-bottom: 60px
    }
}

.delivery-promo__banner {
    width: 100%;
    overflow: hidden;
    margin-bottom: 32px;
    border-radius: 16px
}

@media(max-width: 576px) {
    .delivery-promo__banner {
        border-radius: 12px;
        margin-bottom: 25px
    }
}

.delivery-promo__image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform .5s ease
}

.delivery-promo__image:hover {
    transform: scale(1.02)
}

.delivery-promo__features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0
}

@media(max-width: 991px) {
    .delivery-promo__features {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px
    }
}

@media(max-width: 576px) {
    .delivery-promo__features {
        grid-template-columns: 1fr;
        gap: 25px
    }
}

.delivery-promo__feature-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 32px;
    background: #fff;
    border-radius: 16px
}

.delivery-promo__icon {
    width: 24px;
    height: 24px;
    position: relative
}

.delivery-promo__icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ff5e3a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask-size: contain
}

.delivery-promo__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #111827;
    margin: 0;
    max-width: 240px
}

@media(max-width: 991px) {
    .delivery-promo__text {
        font-size: 15px
    }
}

.delivery-info-v2 {
    margin-bottom: 160px;
    font-family: var(--font-main);
    color: #111827
}

@media(max-width: 991px) {
    .delivery-info-v2 {
        margin-bottom: 60px
    }
}

.delivery-info-v2__container {
    display: flex;
    flex-direction: column;
    gap: 160px
}

@media(max-width: 991px) {
    .delivery-info-v2__container {
        gap: 16px
    }
}

.delivery-info-v2__row {
    display: flex;
    gap: 16px
}

.delivery-info-v2__row--reverse {
    flex-direction: row-reverse
}

@media(max-width: 991px) {
    .delivery-info-v2__row {
        flex-direction: column;
        gap: 20px;
        text-align: center
    }
}

.delivery-info-v2__content {
    --width: calc(50% - 8px);
    flex: 0 0 var(--width);
    max-width: var(--width);
    padding: 32px;
    background: #fff;
    border-radius: 16px
}

@media(max-width: 991px) {
    .delivery-info-v2__content {
        --width: 100%;
        padding: 24px 16px
    }
}

.delivery-info-v2__media {
    position: relative;
    --width: calc(50% - 8px);
    flex: 0 0 var(--width);
    max-width: var(--width);
    overflow: hidden;
    border-radius: 16px
}

@media(max-width: 991px) {
    .delivery-info-v2__media {
        --width: 100%;
        border-radius: 0
    }
}

.delivery-info-v2__img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 991px) {
    .delivery-info-v2__img {
        position: static;
        border-radius: 16px
    }
}

.delivery-info-v2__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 32px 0
}

@media(max-width: 991px) {
    .delivery-info-v2__title {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 24px 0
    }
}

.delivery-info-v2 p,
.delivery-info-v2__intro {
    font-size: 16px;
    margin-bottom: 28px
}

.delivery-info-v2 ul,
.delivery-info-v2__list {
    margin: 0 0 16px 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.delivery-info-v2 li,
.delivery-info-v2__item {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 28px
}

.delivery-info-v2 li::before,
.delivery-info-v2__item::before {
    content: "•";
    color: #111827;
    position: absolute;
    left: 10px;
    font-weight: bold
}

.delivery-info-v2__button {
    display: inline-block;
    padding: 15px 32px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
    background-color: #f05c2d;
    color: #fff
}

.delivery-info-v2__button--submit {
    white-space: nowrap;
    width: 271px
}

.delivery-info-v2__button:hover {
    background-color: #e14d1e
}

.delivery-info-v2__button:disabled {
    background-color: #ccc;
    cursor: not-allowed
}

.delivery-info-v2__button--wide {
    width: 100%
}

.delivery-info-v2__form {
    margin-top: 38px;
    text-align: left
}

.delivery-info-v2__form-footer {
    display: flex;
    gap: 24px;
    align-items: center
}

@media(max-width: 1500px) {
    .delivery-info-v2__form-footer {
        align-items: initial;
        flex-direction: column
    }
}

@media(max-width: 576px) {
    .delivery-info-v2__form-footer {
        flex-direction: column;
        align-items: flex-start
    }
}

.delivery-info-v2__input-group {
    display: flex;
    gap: 24px;
    margin-bottom: 25px
}

@media(max-width: 576px) {
    .delivery-info-v2__input-group {
        flex-direction: column
    }
}

.delivery-info-v2 .input-wrapper {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.delivery-info-v2 .input-wrapper.is-invalid .delivery-info-v2__input {
    border-color: #f05c2d
}

.delivery-info-v2 .input-wrapper.is-invalid .error-msg {
    display: block
}

.delivery-info-v2__input {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #e9ebef;
    border-radius: 10px;
    font-size: 18px;
    outline: none;
    transition: border-color .2s ease
}

.delivery-info-v2__input:focus {
    border-color: #f05c2d
}

.delivery-info-v2__checkbox-label {
    color: #535a65;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer
}

.delivery-info-v2__checkbox-label input[type=checkbox] {
    display: none
}

.delivery-info-v2__checkbox-label.is-invalid .delivery-info-v2__checkbox-icon {
    border-color: #f05c2d
}

.delivery-info-v2__checkbox-label.is-invalid .error-msg {
    display: block
}

.delivery-info-v2__checkbox-label a {
    color: inherit;
    text-decoration: underline
}

.delivery-info-v2__checkbox-icon {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #d0d4da;
    border-radius: 4px;
    transition: all .2s ease
}

.delivery-info-v2__checkbox-icon:hover {
    border-color: #b5bcc8
}

input:checked+.delivery-info-v2__checkbox-icon {
    background: #e14d1e;
    border-color: #e14d1e
}

input:checked+.delivery-info-v2__checkbox-icon:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    left: 5px;
    top: 2px;
    transform: rotate(45deg)
}

.delivery-info-v2 .error-msg {
    display: none;
    width: 100%;
    color: #f05c2d;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 4px
}

.delivery-notice {
    margin-bottom: 160px;
    font-family: var(--font-main);
    color: #111827
}

@media(max-width: 991px) {
    .delivery-notice {
        margin-bottom: 60px
    }
}

.delivery-notice__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 16px 0
}

@media(max-width: 767px) {
    .delivery-notice__title {
        font-size: 26px
    }
}

.delivery-notice__subtitle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px
}

.delivery-notice__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px
}

@media(max-width: 991px) {
    .delivery-notice__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 600px) {
    .delivery-notice__grid {
        grid-template-columns: 1fr
    }
}

.delivery-notice__card {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06);
    border-radius: 10px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform .2s ease
}

.delivery-notice__card:hover {
    transform: translateY(-5px)
}

.delivery-notice__icon-wrapper {
    width: 56px;
    height: 56px;
    background-color: #f1f6fe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.delivery-notice__check-icon {
    width: 24px;
    height: 24px;
    display: block;
    background-color: #ff5e3a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask-size: contain
}

.delivery-notice__card-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.delivery-notice__footer {
    text-align: center;
    font-size: 16px;
    color: #535a65;
    line-height: 24px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06);
    border-radius: 10px
}

.delivery-faq-v3 {
    margin-bottom: 160px;
    font-family: var(--font-main);
    color: #111827
}

@media(max-width: 991px) {
    .delivery-faq-v3 {
        margin-bottom: 60px
    }
}

.delivery-faq-v3__main-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 32px 0
}

.delivery-faq-v3__layout {
    display: flex;
    gap: 16px;
    align-items: flex-start
}

@media(max-width: 991px) {
    .delivery-faq-v3__layout {
        flex-direction: column;
        gap: 40px
    }
}

.delivery-faq-v3__accordion {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.delivery-faq-v3__item {
    background: #fff
}

.delivery-faq-v3__item--active .delivery-faq-v3__arrow {
    transform: rotate(-135deg);
    margin-top: 4px;
    border-color: #ff5e3a
}

.delivery-faq-v3__item--active .delivery-faq-v3__question {
    color: #1a1a1a
}

.delivery-faq-v3__item--active .delivery-faq-v3__body {
    opacity: 1
}

.delivery-faq-v3__header {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 16px;
    user-select: none;
    padding: 24px
}

.delivery-faq-v3__icon-check {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-color: #ff5e3a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask-size: contain
}

.delivery-faq-v3__question {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    flex: 1
}

@media(max-width: 991px) {
    .delivery-faq-v3__question {
        font-size: 18px;
        line-height: 26px
    }
}

.delivery-faq-v3__arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #ced4da;
    border-bottom: 2px solid #ced4da;
    transform: rotate(45deg);
    transition: all .3s ease;
    flex-shrink: 0
}

.delivery-faq-v3__body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s ease
}

.delivery-faq-v3__answer {
    font-size: 16px;
    line-height: 22px;
    padding: 8px 32px 20px 64px;
    margin: 0
}

.delivery-faq-v3__media {
    flex: 0 0 32.6%
}

@media(max-width: 991px) {
    .delivery-faq-v3__media {
        width: 100%
    }
}

.delivery-faq-v3__img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px
}

.delivery-help-cta {
    margin-bottom: 160px;
    font-family: var(--font-main);
    color: #111827
}

@media(max-width: 991px) {
    .delivery-help-cta {
        margin-bottom: 60px
    }
}

.delivery-help-cta__container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    background: #fff;
    padding: 32px;
    border-radius: 10px
}

@media(max-width: 1279px) {
    .delivery-help-cta__container {
        flex-direction: column;
        align-items: flex-start
    }
}

.delivery-help-cta__content {
    flex: 1
}

.delivery-help-cta__title {
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500
}

@media(max-width: 576px) {
    .delivery-help-cta__title {
        font-size: 24px;
        line-height: 32px
    }
}

.delivery-help-cta__text {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px
}

.delivery-help-cta__actions {
    display: flex;
    gap: 16px
}

@media(max-width: 767px) {
    .delivery-help-cta__actions {
        flex-direction: column;
        width: 100%
    }
}

.delivery-help-cta__btn {
    width: 320px;
    padding: 14px 32px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: all .2s ease;
    white-space: nowrap
}

.delivery-help-cta__btn--primary {
    background-color: #f05c2d;
    color: #fff
}

.delivery-help-cta__btn--primary:hover {
    background-color: #e14d1e
}

.delivery-help-cta__btn--secondary {
    background-color: #f3f4f5;
    color: #111827
}

.delivery-help-cta__btn--secondary:hover {
    background-color: #edeef0
}

@media(max-width: 576px) {
    .delivery-help-cta__btn {
        width: 100%
    }
}

.delivery-summary-v4 {
    margin-bottom: 160px;
    font-family: var(--font-main);
    color: #111827
}

@media(max-width: 991px) {
    .delivery-summary-v4 {
        margin-bottom: 60px
    }
}

.delivery-summary-v4__container {
    display: flex;
    align-items: center;
    gap: 40px
}

@media(max-width: 991px) {
    .delivery-summary-v4__container {
        flex-direction: column;
        align-items: flex-start
    }
}

.delivery-summary-v4__info {
    flex: 1
}

.delivery-summary-v4__row {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 576px) {
    .delivery-summary-v4__row {
        display: flex;
        flex-direction: column;
        margin-bottom: 16px
    }
}

.delivery-summary-v4__label {
    color: #535a65;
    margin-right: 8px;
    font-weight: 400
}

.delivery-summary-v4__value {
    font-weight: 400
}

.delivery-summary-v4__note {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.delivery-summary-v4__brand {
    text-align: right;
    display: flex;
    flex-direction: column
}

@media(max-width: 991px) {
    .delivery-summary-v4__brand {
        display: none
    }
}

.delivery-summary-v4__logo {
    height: auto;
    display: block;
    margin-bottom: 4px
}

@media(max-width: 1279px) {
    .delivery-summary-v4__logo {
        max-width: 300px
    }
}

@media(max-width: 576px) {
    .delivery-summary-v4__logo {
        max-width: 200px
    }
}

.delivery-summary-v4__tag {
    font-size: 12px;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 5px
}@media(max-width:576px){
    .catalog-section-list .catalog-section-list__item-wrap{
            background-size: contain;
    }
    .catalog-section-list .catalog-section-list__item{
        height: 240px;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/mobile-menu/style.css?17542866141470*/
/* New */

.menu-mobile{
	position: relative;
	overflow: hidden;
	margin-top: 15px;
}

.menu-mobile__level-list {
	position: absolute;
	left: -2000px;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
	width: 100%;
	background-color: #ffffff;
	top: 0;
	transition: 0.2s ease-in-out;
}

.menu-mobile__button-exit {
	display: block;
	cursor: pointer;
	width: 30px;
	height: 30px;
}
.menu-mobile__button-back {
	display: flex;
	gap: 15px;
	position: relative;
	padding: 22px 37px 22px 20px;
	margin-top: -15px;
}

.menu-mobile__button-back:after{
	display: block;
	content: '';
	position: absolute;
	left: -20px;
	right: -20px;
	bottom: 0;
	height: 1px;
	background: #E9EBEF;
}

.menu-mobile__button-exit {
	padding: 8px;
}
.menu-mobile_open > .menu-mobile__level-list {
	left: 0;
	z-index: 2;
	opacity: 1;
	/*height: 100%;*/
}
/*.menu-mobile {
	position: relative;
	width: 300px;
}*/
.menu-mobile ul {
	list-style-type: none;
}
.menu-mobile__item-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
}
.menu-mobile__next {
	cursor: pointer;
	padding: 0;
	display: flex;
}
.menu-mobile__item-text > a {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #2c2c2c;
}

.menu-mobile__item-text > a:hover{
	color: #F05C2D;
}

.menu-mobile__parent-name {
	padding: 23px 20px 12px;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #2c2c2c;
}

.menu-mobile__link.menu-mobile__link--active{
	color: #F05C2D;
}

/* End */


/* Start:/local/templates/main/components/bitrix/menu/bottom/style.css?1750661297581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/main/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/components/itb/cookie.noties/templates/cookie-fullwidth/style.css?17732264612657*/
:root{
    --width-panel-cookie-dekstop:1400px;
    --width-panel-cookie-mobile:calc(100% - 40px);
    --cookie-main-font:"Montserrat", sans-serif;
}
.cookie-panel{
    display: none;
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform:translate(-50%,0);

    width: 100%;
    max-width: var(--width-panel-cookie-dekstop);
    padding: 20px;
    background: #fff;
    border: 1px solid #E9EBEF;
    border-radius: 16px;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    z-index: 100000;
}

.cookie-panel .cookie-panel__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cookie-panel--wrapper{
    display: flex;
    align-items: center;
    gap: 18px;
}

.cookie-panel .cookie-panel__icon {
    flex-shrink: 0;
}

.cookie-panel .cookie-panel__btn{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 9px 16px;
    background: #303481;
    border-radius: 8px;

    font-size: 15px;
    line-height: 22px;
    font-family: var(--cookie-main-font);
    font-weight: 500;
    outline: none;
    border: 0;
    color: #fff;
    transition: background-color .3s;
}


.cookie-panel .cookie-panel__btn:hover {
	background: #3e43a6;
}

.cookie-panel .cookie-panel__text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat-Medium, sans-serif;
    letter-spacing: 0.5px;
}

.cookie-panel .cookie-panel__text a{
    color: #3651be;
    text-decoration: none;
}

.cookie-panel .cookie-panel__text a:hover{
    opacity: .75;
}



@media (max-width: 767px) {
    .cookie-panel{
        width: var(--width-panel-cookie-mobile);
        bottom: 20px;
        padding: 16px;

        border-radius: 12px;
        box-shadow: 0 -10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .cookie-panel .cookie-panel__btn{
        padding: 5px 16px;
    }

    .cookie-panel--wrapper{
        align-items: flex-start;
    }

    .cookie-panel .cookie-panel__icon svg{
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 570px) {

    .cookie-panel .cookie-panel__content{
        flex-wrap: wrap;
        gap: 16px;
        align-items: flex-start;
    }

    .cookie-panel .cookie-panel__icon {
        flex: 0 0 28px;
        margin-top: 5px;
    }

    .cookie-panel .cookie-panel__text{
        flex: 0 0 calc(100% - 48px);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    .cookie-panel .cookie-panel__buttons {
        margin-left: 48px;
    }

    .cookie-panel .cookie-panel__btn{
        height: 32px;
        font-size: 14px;
    }
}

/* End */


/* Start:/local/components/itb/auth.form/templates/.default/style.css?17732264615443*/
/* Forms */
.b-modal.fancybox-content.auth-modal {
    max-width: 512px;
    box-sizing: border-box;
    padding:32px;
    background: #fff;
    border: 1px solid #E9EBEF;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #5A616C;
}
.b-modal.fancybox-content.auth-modal.auth-modal-center {
    text-align: center;
}
.b-modal.fancybox-content.auth-modal.auth-modal-font-big {
    font-size: 18px;
    line-height: 24px;
}

.auth-modal-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color:#111827;
    margin-bottom: 32px;
}

.button-block {
    margin-top: 24px;
}
.button-block > * {
    margin-bottom:12px;
}
.button-block + .auth-modal-fields {
    margin-top: 32px;
}

.auth-modal-forgot {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
.auth-modal-forgot a {
    color: #C72B36;
    text-decoration:none;
}

.auth-modal-fields {

}
.auth-modal-field {
    margin-bottom: 24px;
}
.auth-modal-field label {
    display:block;
}
.auth-modal-field input {
    width:100%;
    border-radius:10px;
    padding:0 16px;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
    border:2px solid #e9ebef;
    color: #111827;
    box-sizing: border-box;
    margin-top:6px;
}
.auth-modal-field input:focus{
    border-color: #f05c2d;;
}

.auth-modal-field.error input {
    border-color: #C72B36;
    border-width: 2px;
}

.auth-modal-field-checkbox {

}
.auth-modal-field-checkbox label {
    display:flex;
    gap: 16px;
}
.auth-modal-field-checkbox input[type="checkbox"] {
    visibility: hidden;
    position:absolute;
    left:0; top:0;
}
.auth-modal-field-checkbox input[type="checkbox"] + .checkbox-field {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #D2D6DC;
    line-height:0;
    display:block;
    position:relative;
    cursor:pointer;
    transition: background-color .5s ease, border-color .5s ease;
	 flex-shrink: 0;
}
.auth-modal-field-checkbox input[type="checkbox"] + .checkbox-field:after {
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    right:0;
    background: url(/local/components/itb/auth.form/templates/.default/images/icon-auth-check.svg) center center no-repeat;
    content: "";
    display: block;
}
.auth-modal-field-checkbox input[type="checkbox"]:checked + .checkbox-field {
    background:#C72B36;
    border-color:#C72B36;
}
.auth-modal-field-checkbox a {
    color:#C72B36;
}

.pass-view {
    position:relative;
}
.pass-view .eye {
    position:absolute;
    width:24px;
    height:24px;
    display:block;
    right:20px;
    top:20px;
    cursor: pointer;
    background: url(/local/components/itb/auth.form/templates/.default/images/icon-auth-eye.svg) center center no-repeat;
}
.pass-view .eye.active {
    background: url(/local/components/itb/auth.form/templates/.default/images/icon-auth-eye-cross.svg) center center no-repeat;
}

.button {
    display:block;
    width: 100%;
    text-align:center;
    text-decoration:none;
    font-weight: 400;
    font-size: 18px;
    line-height: 52px;
    padding:0 10px;
    border-radius: 10px;
    border: 0 none;
}
.button {
    transition: background-color .5s ease;
}

.button.button-red {
    background: #f05c2d;
    color: #fff;
}
.button.button-red:hover {
    background: #e14d1e;;
}

.button.button-pink {
    background: #FAEAEB;
    color: #C72B36;
}
.button.button-pink:hover {
    background: #F6DDDF;
}

.button.button-gray {
    background: #F0F2F5;
    color: #2C2E33;
}
.button.button-gray:hover {
    background: #E8EAED;
}

.multiple-col-block {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:12px;
}
.multiple-col-block-center input {
    text-align:center;
}
.multiple-col-block-4 {
    grid-template-columns:1fr 1fr 1fr 1fr;
}
@media(max-width:420px) {
    .multiple-col-block {
        display:block;
    }
    .multiple-col-block > * {
        margin-bottom:12px;
    }
}
.auth-modal-field .input-wrapper {
    margin-top:0;
}

.resend-mail {
    display: flex;
}
.resend-mail .resend-mail-button {
    display: flex;
    margin-right: 8px;
}
.resend-mail .resend-mail-button svg {
    margin-right: 8px;
}
.resend-mail .resend-mail-button svg path {
    stroke: #5A616C;
}

.resend-mail .resend-mail-button.disabled {
    cursor: default;
    color:#9299A5;
}
.resend-mail .resend-mail-button.disabled svg path {
    stroke: #9299A5;
}

.icon-block {
    text-align:center;
    margin-bottom:40px;
}


/* Main window */
.b-modal.fancybox-content.auth-modal.auth-modal-main {
    max-width: 400px;
    box-sizing: border-box;
    padding:24px;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}
.auth-modal-main .icon-block {
    margin-bottom:24px;
}
.auth-modal-main .icon-block img {
    display:inline;
}

.auth-modal-main .auth-modal-title {
    font-family: Inter, sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 13px;
}

.auth-modal-main .button-block {
    margin-top: 24px;
}

.auth-modal-main .button {
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    border-radius: 8px;
}

.input-wrapper.error .status-message {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color:#E83838;
    right:auto;
    left:0;
}

.auth-modal-description {
    margin-bottom:32px;
}

/* End */


/* Start:/local/templates/main/css/custom.css?178667757217878*/
/* Partners page — /partners/ */
.partners-section-title{margin:0 0 32px;font-size:40px;line-height:56px;font-weight:500;color:#111827}
.partners-hero{position:relative;min-height:660px;height:660px;margin:0;overflow:hidden;border-radius:48px;background:#111827;color:#fff}
.partners-hero__bg{position:absolute;inset:0;background:linear-gradient(115deg,rgba(11,8,25,.4) 31%,rgba(11,8,25,0) 56%),var(--partners-hero-bg,none) right center/cover no-repeat}
.partners-hero__container{position:relative;z-index:1;display:flex;align-items:center;min-height:660px;height:100%;padding-top:48px;padding-bottom:64px}
.partners-hero__content{display:flex;flex-direction:column;gap:64px;max-width:965px}
.partners-hero__text{display:flex;flex-direction:column;gap:24px;max-width:683px}
.partners-hero__crumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0;font-size:14px;line-height:20px}
.partners-hero__crumbs-link{color:#fff;text-decoration:none}
.partners-hero__crumbs-link:hover{opacity:.8}
.partners-hero__crumbs-sep,.partners-hero__crumbs-current{color:rgba(255,255,255,.6)}
.partners-hero__subtitle{margin:0;font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.8);text-transform:none}
.partners-hero__title{margin:0;font-size:56px;line-height:1.3;font-weight:500;text-transform:uppercase;color:#fff}
.partners-hero__title *{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important;margin:0}
.partners-hero__description{max-width:525px;margin:0;font-size:18px;line-height:28px;font-weight:400;color:#fff}
.partners-hero__description *{font-size:18px!important;line-height:28px!important;font-weight:400!important;color:inherit!important;margin:0}
.partners-hero__actions{margin:0}
.partners-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;font-size:18px;line-height:24px;color:#111827;background:#fff;border:0;border-radius:10px;cursor:pointer;text-decoration:none}
.partners-hero__btn:hover{background:rgba(255,255,255,.9)}

.partners-brands{padding:60px 0;background:#f5f7f9;overflow:hidden;width:100%}
.partners-brands .carousel-brands{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;overflow:hidden}
.partners-brands .carousel-brands__header{display:none}
.partners-brands .carousel-brands__swiper{overflow:hidden;width:100%}
.partners-brands .carousel-brands__items{padding:0;gap:0}
.partners-brands .carousel-brands__item{width:230px;height:100px;filter:none;background:#fff;border-radius:12.62px;box-sizing:border-box}
.partners-brands .carousel-brands__item-picture{width:auto;max-width:170px;max-height:48px;object-fit:contain}
.partners-brands .carousel-brands__swiper:before,.partners-brands .carousel-brands__swiper:after{display:none}

.partners-advantages{padding:60px 0;background:#f5f7f9}
.partners-advantages__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.partners-advantages__card{display:flex;flex-direction:column;align-items:flex-start;gap:48px;min-height:256px;padding:32px;background:#fff;border-radius:20px;box-sizing:border-box}
.partners-advantages__icon{display:block;flex:none;width:40px;height:40px}
.partners-advantages__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.partners-advantages__name{margin:0;font-size:24px;line-height:32px;font-weight:500;color:#111827}
.partners-advantages__text{margin:0;font-size:16px;line-height:28px;color:#535a65}

.partners-audience{padding:60px 0;background:#f5f7f9}
.partners-audience__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.partners-audience__card{position:relative;min-height:480px;overflow:hidden;border-radius:24px;background-position:center;background-size:cover}
.partners-audience__card:before{content:"";position:absolute;inset:0;background:linear-gradient(190deg,rgba(3,4,10,0) 49%,rgba(3,4,10,.6) 76%)}
.partners-audience__content{position:absolute;left:32px;right:32px;bottom:32px;z-index:1;color:#fff}
.partners-audience__name{margin:0 0 8px;font-size:32px;line-height:40px;font-weight:500}
.partners-audience__text{margin:0;font-size:16px;line-height:22px;opacity:.8}

.partners-steps{padding:60px 0;background:#f5f7f9}
.partners-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
.partners-steps__card{display:flex;flex-direction:column;align-items:flex-start;gap:48px;min-height:264px;padding:32px;background:#fff;border-radius:20px;box-sizing:border-box}
.partners-steps__num{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;font-size:24px;line-height:28px;font-weight:700;color:#f05c2d;background:#fef9f4;border-radius:16px}
.partners-steps__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.partners-steps__name{margin:0;font-size:24px;line-height:32px;font-weight:500;color:#111827}
.partners-steps__text{margin:0;font-size:16px;line-height:24px;color:#535a65}

.partners-questions{display:flex;align-items:stretch;gap:0;min-height:388px;overflow:hidden;background:#f05c2d;border-radius:32px;padding:8px 8px 8px 0}
.partners-questions__info{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:56px 80px 56px 80px;color:#fff;background:transparent}
.partners-questions__title{margin:0 0 16px;font-size:52px;line-height:56px;font-weight:500}
.partners-questions__desc{margin:0 0 auto;max-width:569px;font-size:20px;line-height:28px;opacity:.6}
.partners-questions__phone{display:block;margin-top:58px;margin-bottom:10px;font-size:32px;line-height:36px;font-weight:500;color:#fff;text-decoration:none}
.partners-questions__schedule{font-size:20px;line-height:28px;opacity:.6}
.partners-questions__form{display:flex;align-items:center;flex:0 0 684px;width:684px;max-width:calc(100% - 16px);padding:48px 40px;background:#fff;border:2px solid rgba(255,255,255,.3);border-radius:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box}

.partners-short-form{width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:276px}
.partners-short-form__fields{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.partners-short-form__input{width:100%;height:56px;padding:16px 20px 16px 16px;font-size:18px;line-height:24px;color:#111827;background:#fff;border:2px solid #e9ebef;border-radius:10px;box-sizing:border-box;transition:border-color .15s ease}
.partners-short-form__input::placeholder{color:#8d94a0}
.partners-short-form__input:hover{border-color:#d0d4da}
.partners-short-form__input:focus{outline:0;border-color:#f05c2d}
.partners-short-form__submit{height:54px;padding:16px 32px;font-size:16px;line-height:22px;font-weight:500;color:#fff;background:#f05c2d;border:0;border-radius:10px;cursor:pointer;margin-top:12px}
.partners-short-form__submit:hover{background:#e04f22}
.partners-short-form__agree{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:14px;line-height:20px;color:#535a65;cursor:pointer}
.partners-short-form__agree-text a{color:#f05c2d;text-decoration:none}
.partners-short-form__agree-text a:hover{text-decoration:underline}
.partners-short-form__checkbox{position:absolute;opacity:0;pointer-events:none}
.partners-short-form__checkbox-icon{box-sizing:border-box;flex:none;width:20px;height:20px;margin-top:0;border:2px solid #d0d4da;border-radius:4px;background:transparent;position:relative}
.partners-short-form__checkbox:checked+.partners-short-form__checkbox-icon{border-color:#f05c2d;background:#f05c2d}
.partners-short-form__checkbox:checked+.partners-short-form__checkbox-icon:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

.partners-why{padding:60px 0;background:#f5f7f9;padding-bottom:120px;}
.partners-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.partners-why__photo{position:relative;min-height:320px;overflow:hidden;border-radius:20px;background-position:center;background-size:cover}
.partners-why__photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%)}
.partners-why__photo--wide{grid-column:span 2}
.partners-why__photo-text{position:absolute;left:32px;right:32px;bottom:32px;z-index:1;font-size:24px;line-height:32px;font-weight:500;color:#fff}
.partners-why__stat{display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:40px 32px 32px;background:#fff;border-radius:20px}
.partners-why__value{font-size:56px;line-height:64px;font-weight:500;color:#111827}
.partners-why__label{font-size:18px;line-height:24px;color:#535a65}

.partners-form{position:relative;z-index:1;overflow:visible;padding:100px 0;border-radius:48px;background:linear-gradient(-80.76deg,#073f71 2.9%,#216098 23.1%,#073f71 93.24%);color:#fff}
.partners-form:has(.partners-full-form__select-wrap.is-open){z-index:20}
.partners-form__visual{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.partners-form__visual-stage{position:absolute;inset:0}
.partners-form__visual-rotator{position:absolute;right:-36.3%;top:-72%;display:flex;align-items:center;justify-content:center;width:102.86%;height:205%;mix-blend-mode:luminosity}
.partners-form__visual-inner{position:relative;flex:none;width:89.72%;height:66.48%;overflow:hidden;transform:rotate(17.15deg);background:url(/local/templates/main/css/../images/partners/grok-image.png) left top/100% 123.79% no-repeat;opacity:.8}
.partners-form .container{position:relative;z-index:1}
.partners-form__inner{max-width:832px}
.partners-form__title{margin:0 0 24px;max-width:700px;font-size:56px;line-height:60px;font-weight:500}
.partners-form__desc{margin:0 0 52px;max-width:508px;font-size:18px;line-height:24px;opacity:.6}

.partners-full-form{max-width:617px}
.partners-full-form__field{min-width:0;display:flex;flex-direction:column;gap:6px}
.partners-full-form__field.is-error .partners-full-form__input,
.partners-full-form__field.is-error .partners-full-form__select-trigger{border-color:#f05c2d;background:rgba(255,255,255,.12)}
.partners-short-form__field{width:100%;display:flex;flex-direction:column;gap:6px}
.partners-short-form__field.is-error .partners-short-form__input{border-color:#f05c2d}
.partners-form-error{min-height:0;font-size:13px;line-height:16px;color:#ff6b6b}
.partners-form-error:empty{display:none}
.partners-full-form__agree .partners-form-error,
.partners-short-form__agree .partners-form-error{flex-basis:100%;margin-left:32px}
.partners-full-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-bottom:24px}
.partners-full-form__input{width:100%;height:52px;padding:14px 20px 14px 16px;font-size:18px;line-height:24px;color:#fff;background:rgba(255,255,255,.12);border:2px solid transparent;border-radius:10px;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}
.partners-full-form__input::placeholder{color:rgba(255,255,255,.5)}
.partners-full-form__input:hover{background:rgba(255,255,255,.17)}
.partners-full-form__input:focus{outline:0;border-color:#f05c2d;background:rgba(255,255,255,.12)}
.partners-full-form__select-wrap{position:relative;width:100%}
.partners-full-form__select-wrap.is-open{z-index:30}
.partners-full-form__select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}
.partners-full-form__select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:52px;padding:14px 12px 14px 16px;font-size:18px;line-height:24px;color:rgba(255,255,255,.5);text-align:left;background:rgba(255,255,255,.12);border:2px solid transparent;border-radius:10px;cursor:pointer;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}
.partners-full-form__select-wrap.has-value .partners-full-form__select-trigger{color:#fff}
.partners-full-form__select-trigger:hover{background:rgba(255,255,255,.17)}
.partners-full-form__select-wrap.is-open .partners-full-form__select-trigger,
.partners-full-form__select-trigger:focus{outline:0;border-color:#f05c2d;background:rgba(255,255,255,.12)}
.partners-full-form__select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partners-full-form__select-icon{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:rgba(255,255,255,.5)}
.partners-full-form__select-wrap.is-open .partners-full-form__select-icon{transform:rotate(180deg)}
.partners-full-form__dropdown{position:absolute;left:0;right:0;top:60px;z-index:30;display:flex;flex-direction:column;align-items:stretch;max-height:226px;margin:0;padding:8px 0;overflow:auto;list-style:none;isolation:isolate;background:#fff;border:1px solid #d0d4da;border-radius:8px;box-shadow:0 4px 16px rgba(4,19,43,.12),0 16px 40px rgba(4,19,43,.2);box-sizing:border-box}
.partners-full-form__dropdown[hidden]{display:none}
.partners-full-form__dropdown-item{padding:16px 12px 16px 20px;font-size:18px;line-height:24px;color:#111827;cursor:pointer;background:#fff;border:0;border-left:1px solid transparent;border-right:1px solid transparent}
.partners-full-form__dropdown-item:hover,
.partners-full-form__dropdown-item.is-selected{background:#f5f7fc}
.partners-full-form__bottom{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.partners-full-form__submit{height:52px;padding:0 24px;font-size:18px;line-height:24px;color:#111827;background:#fff;border:0;border-radius:10px;cursor:pointer}
.partners-full-form__submit:hover{background:rgba(255,255,255,.9)}
.partners-full-form__agree{display:flex;gap:12px;align-items:flex-start;max-width:322px;font-size:13px;line-height:20px;color:rgba(245,247,252,.5);cursor:pointer}
.partners-full-form__agree-text a{color:#fff;text-decoration:none}
.partners-full-form__agree-text a:hover{text-decoration:underline}
.partners-full-form__checkbox{position:absolute;opacity:0;pointer-events:none}
.partners-full-form__checkbox-icon{box-sizing:border-box;flex:none;width:20px;height:20px;border:2px solid #d0d4da;border-radius:4px;background:transparent;position:relative}
.partners-full-form__checkbox:checked+.partners-full-form__checkbox-icon{border-color:#f05c2d;background:#f05c2d}
.partners-full-form__checkbox:checked+.partners-full-form__checkbox-icon:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

@media (max-width:1200px){
  .partners-advantages__grid,.partners-steps__grid{grid-template-columns:repeat(2,1fr)}
  .partners-why__grid{grid-template-columns:repeat(2,1fr)}
  .partners-hero__title{font-size:40px}
  .partners-section-title{font-size:32px;line-height:40px}
  .partners-questions{flex-direction:column;padding:8px;min-height:0}
  .partners-questions__info{padding:40px 32px 24px}
  .partners-questions__title{font-size:40px;line-height:48px}
  .partners-questions__phone{margin-top:32px}
  .partners-questions__form{flex:1 1 auto;width:100%;max-width:100%}
}
@media (max-width:768px){
  .partners-section-title{margin-bottom:20px;font-size:28px;line-height:36px}
  .partners-hero{min-height:520px;height:auto;border-radius:24px}
  .partners-hero__container{min-height:520px}
  .partners-hero__content{gap:32px}
  .partners-hero__title{font-size:32px}
  .partners-hero__description{font-size:16px;line-height:24px}
  .partners-hero__description *{font-size:16px!important;line-height:24px!important}
  .partners-brands{padding:32px 0}
  .partners-advantages,.partners-audience,.partners-steps,.partners-why{padding:36px 0}
  .partners-advantages__grid,.partners-audience__grid,.partners-steps__grid,.partners-full-form__fields{grid-template-columns:1fr}
  .partners-advantages__grid,.partners-audience__grid,.partners-steps__grid,.partners-why__grid{gap:12px}
  .partners-advantages__card{gap:24px;min-height:0;padding:20px}
  .partners-advantages__body{gap:8px}
  .partners-advantages__name{font-size:20px;line-height:28px}
  .partners-audience__card{min-height:280px}
  .partners-audience__content{left:20px;right:20px;bottom:20px}
  .partners-audience__name{font-size:24px;line-height:32px}
  .partners-steps__grid{margin-bottom:24px}
  .partners-steps__card{gap:20px;min-height:0;padding:20px}
  .partners-steps__num{width:40px;height:40px;font-size:18px;border-radius:12px}
  .partners-steps__body{gap:8px}
  .partners-steps__name{font-size:20px;line-height:28px}
  .partners-steps__text{font-size:15px;line-height:22px}
  .partners-why__grid{grid-template-columns:1fr 1fr;gap:12px}
  .partners-why__photo{min-height:200px}
  .partners-why__photo--wide{grid-column:span 2}
  .partners-why__photo-text{left:20px;right:20px;bottom:20px;font-size:18px;line-height:24px}
  .partners-why__stat{min-height:0;padding:20px 16px;gap:12px;justify-content:flex-start}
  .partners-why__value{font-size:32px;line-height:40px}
  .partners-why__label{font-size:14px;line-height:20px}
  .partners-questions{flex-direction:column;padding:8px;min-height:0;margin-top:8px}
  .partners-questions__info{padding:32px 24px 16px}
  .partners-questions__title{font-size:24px;line-height:32px}
  .partners-questions__desc{margin-bottom:24px;font-size:16px;line-height:24px}
  .partners-questions__phone{margin-top:0;font-size:24px;line-height:32px}
  .partners-questions__form{flex:1 1 auto;width:100%;max-width:100%;padding:32px 20px}
  .partners-brands .carousel-brands__item{width:160px}
  .partners-form{padding:40px 0;border-radius:24px}
  .partners-form__visual-rotator{opacity:.85}
  .partners-form__title{margin-bottom:16px;font-size:24px;line-height:30px}
  .partners-full-form__bottom{flex-direction:column;align-items:flex-start}
  .partners-full-form{max-width:100%}
}

/* End */
/* /local/templates/main/dist/css/style.min.css?1782784074209799 */
/* /local/templates/main/components/bitrix/menu/mobile-menu/style.css?17542866141470 */
/* /local/templates/main/components/bitrix/menu/bottom/style.css?1750661297581 */
/* /local/components/itb/cookie.noties/templates/cookie-fullwidth/style.css?17732264612657 */
/* /local/components/itb/auth.form/templates/.default/style.css?17732264615443 */
/* /local/templates/main/css/custom.css?178667757217878 */