@font-face {
    font-display: block;
    font-family: lg;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/lg.woff2) format("woff2"), url(../assets/fonts/lg.woff) format("woff"), url(../assets/img/lg.svg) format("svg")
}

.lg-icon {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: lg !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.lg-container {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.lg-next, .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border: none;
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    outline: none;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1084
}

.lg-next.disabled, .lg-prev.disabled {
    cursor: default;
    opacity: 0 !important
}

.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
    color: #fff
}

.lg-single-item .lg-next, .lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

.lg-next:before {
    content: "\e095"
}

.lg-prev {
    left: 20px
}

.lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1082
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
    background: none;
    border: none;
    box-shadow: none;
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    outline: medium none;
    padding: 10px 0;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    width: 50px;
    will-change: color
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: "\e90a"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    opacity: 0;
    padding: 10px 40px;
    text-align: center;
    -webkit-transition: opacity .2s ease-out 0s;
    -o-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    z-index: 1080
}

.lg-sub-html h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.lg-error-msg {
    color: #999;
    font-size: 14px
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    height: 47px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-closing .lg-next, .lg-closing .lg-prev, .lg-closing .lg-sub-html, .lg-closing .lg-toolbar {
    opacity: 0;
    -webkit-transition: -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    -moz-transition: -moz-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    -o-transition: -o-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    -moz-transform: scale3d(.5, .5, .5);
    -o-transform: scale3d(.5, .5, .5);
    -ms-transform: scale3d(.5, .5, .5);
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    will-change: transform, opacity
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.lg-icon:focus-visible {
    border-radius: 3px;
    color: #fff;
    outline: 1px dashed hsla(0, 0%, 100%, .6)
}

.lg-toolbar .lg-icon:focus-visible {
    border-radius: 8px;
    outline-offset: -5px
}

.lg-group:after {
    clear: both;
    content: "";
    display: table
}

.lg-container {
    outline: none
}

.lg-on {
    scroll-behavior: unset
}

.lg-overlay-open {
    overflow: hidden
}

.lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .lg-toolbar {
    opacity: 0;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    will-change: transform, opacity
}

.lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar, .lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    height: 100%;
    left: 0;
    opacity: .001;
    outline: none;
    overflow: hidden;
    position: fixed;
    text-align: left;
    top: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    width: 100%;
    will-change: auto;
    z-index: 1050
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible, .lg-outer.lg-zoom-from-image {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    opacity: 1;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lg-outer .lg-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
    white-space: nowrap;
    width: 100%
}

.lg-outer .lg-item {
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(../assets/img/loading.gif) no-repeat scroll 50% transparent
}

.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
    display: inline-block;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    vertical-align: middle;
    width: auto
}

.lg-outer .lg-empty-html .lg-sub-html, .lg-outer .lg-empty-html.lg-sub-html {
    display: none
}

.lg-outer.lg-hide-download .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    left: 50%;
    position: absolute;
    top: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity .2s ease-out .15s
}

.lg-outer .lg-media-cont {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.lg-outer .lg-media-cont .lg-object {
    height: 100% !important;
    width: 100% !important
}

.lg-outer .lg-has-iframe .lg-media-cont {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 333ms ease-in 0s;
    -o-transition: opacity 333ms ease-in 0s;
    transition: opacity 333ms ease-in 0s;
    will-change: auto;
    z-index: 1040
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    -o-transition: -o-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop, .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    opacity: 1
}

.lg-inline .lg-backdrop, .lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: "\e909"
}

.lg-components {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .35s ease-out 0s;
    -moz-transition: -moz-transform .35s ease-out 0s;
    -o-transition: -o-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s;
    will-change: transform;
    z-index: 1080
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    float: left;
    max-height: 350px;
    overflow: hidden;
    width: 100%
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb, .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
    text-align: center
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
    text-align: left
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
    text-align: right
}

.lg-outer.lg-single-item .lg-thumb-outer {
    display: none
}

.lg-outer .lg-thumb {
    display: inline-block;
    height: 100%;
    margin-bottom: -5px;
    padding: 5px 0;
    vertical-align: middle
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb {
        padding: 10px 0
    }
}

.lg-outer .lg-thumb-item {
    border-radius: 2px;
    cursor: pointer;
    float: left;
    height: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    will-change: border-color
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb-item {
        border: 2px solid #fff;
        border-radius: 4px;
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer .lg-toggle-thumb:after {
    content: "\e1ff"
}

.lg-outer.lg-animate-thumb .lg-thumb {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

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

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

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

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(../assets/fonts/Roboto-Black.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(../assets/fonts/Roboto-Light.woff) format("woff")
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

*, :after, :before {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6, li, ul {
    margin: 0
}

li, ul {
    list-style: none;
    padding: 0
}

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

button, input, textarea {
    background: transparent;
    border: none
}

button {
    cursor: pointer
}

input, textarea {
    outline: none
}

textarea {
    resize: none
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

html {
    scroll-behavior: smooth
}

body {
    background: #fff;
    color: #29343e;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative
}

section {
    padding: 64px 0
}

.container {
    margin: 0 auto;
    max-width: 1334px;
    padding: 0 15px
}

.btn-wrapper {
    display: flex
}

h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 120%
}

.hidden {
    display: none !important
}

.main-btn {
    background: #259d72;
    border-radius: 6px;
    color: var(--Interface-White-100, #fff);
    outline: none;
    transition: background-color .2s ease-in-out
}

.main-btn:focus-visible {
    outline: 1px solid #545d65;
    outline-offset: -1px
}

@media (hover: hover) {
    .main-btn:hover:not(:focus-visible) {
        background: #1f8661
    }
}

.main-btn:disabled {
    opacity: .4
}

.option-btn {
    background: #f4f5f5;
    border-radius: 6px;
    color: #29343e;
    transition: background-color .2s ease-in-out
}

@media (hover: hover) {
    .option-btn:hover {
        background: #eaebec
    }
}

.header-btn {
    text-wrap: nowrap;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .2);
    border-radius: 6px;
    color: var(--Interface-White-100, #fff);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    letter-spacing: .14px;
    line-height: 125%;
    padding: 9px 12px 9px 20px;
    transition: background-color .2s ease-in-out
}

@media (hover: hover) {
    .header-btn:hover {
        background: hsla(0, 0%, 100%, .3)
    }
}

.header-btn:disabled {
    opacity: .4
}

.dropdown {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown.open .dropdown-content {
    display: block
}

.dropdown.open svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.dropdown-content {
    background: #fff;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 33px;
    z-index: 1
}

.dropdown svg {
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

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

.form-info {
    color: #878890;
    font-size: 13px;
    font-weight: 300;
    line-height: 140%
}

.form-info a {
    color: #259d72
}

.slider-next-btn, .slider-prev-btn {
    align-items: center;
    background: #f4f5f5;
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: background-color .3s ease-in-out;
    width: 40px
}

@media (hover: hover) {
    .slider-next-btn:hover, .slider-prev-btn:hover {
        background: #f4f5f5
    }

    .slider-next-btn:hover svg path, .slider-prev-btn:hover svg path {
        fill: #29343e
    }
}

.slider-next-btn:disabled, .slider-prev-btn:disabled {
    background: #f4f5f5
}

.slider-next-btn:disabled svg path, .slider-prev-btn:disabled svg path {
    fill: #d4d6d8
}

.slider-next-btn svg, .slider-prev-btn svg {
    display: block
}

.slider-next-btn svg path, .slider-prev-btn svg path {
    transition: fill .2s ease-in-out
}

.modal {
    background: rgba(0, 0, 0, .5);
    inset: 0;
    opacity: 0;
    position: fixed;
    transition: opacity .2s ease-in-out;
    visibility: hidden;
    z-index: 10000
}

.modal.find-price {
    z-index: 10001
}

.modal.cart, .modal.catalog-modal, .modal.filters-mobile, .modal.menu {
    transition: opacity .2s ease-in-out .2s, visibility .2s ease-in-out .2s
}

.modal.cart.open, .modal.catalog-modal.open, .modal.filters-mobile.open, .modal.menu.open {
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}

.modal.open {
    opacity: 1;
    visibility: visible
}

.modal .modal__head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 20px 24px
}

.modal .modal__footer {
    padding: 24px
}

.modal .modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

.modal .close-btn {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.modal svg {
    display: block;
    flex-shrink: 0
}

.modal.form-modal {
    align-items: center;
    display: flex;
    justify-content: center
}

.modal.form-modal.open .modal__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal.form-modal .modal__content {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    position: relative;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 480px
}

.modal.form-modal .modal__title {
    color: #29343e;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.modal.form-modal .close-btn {
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px
}

.modal.form-modal .modal__product-info {
    background: #f4f5f5;
    border-radius: 6px;
    color: #29343e;
    font-size: 15px;
    line-height: 133%;
    margin-bottom: 24px;
    padding: 8px 12px
}

.modal.form-modal fieldset {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px
}

.modal.form-modal .inp-placeholder {
    color: #a9aeb2;
    line-height: 150%
}

.modal.form-modal .main-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    padding: 12px 24px;
    width: 100%
}

.modal.form-modal .form-notice {
    color: #7f858b;
    font-size: 12px;
    line-height: 150%;
    text-align: center
}

.modal.form-modal .form-notice a {
    color: #0071e3
}

.modal.form-modal .form-modal__descr {
    color: #29343e;
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    margin-bottom: 24px
}

.modal.form-modal .price-list__form .main-btn {
    align-items: center;
    gap: 8px;
    justify-content: flex-start
}

.modal.form-modal .price-list__form .main-btn .btn-text {
    margin-right: auto
}

.modal.form-modal.download-started .modal__content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.modal.form-modal.order-success .title-wrapper, .modal.form-modal.question-success .title-wrapper {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 24px
}

.modal.form-modal.order-success .title-wrapper .modal__title, .modal.form-modal.question-success .title-wrapper .modal__title {
    color: #29343e;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 0
}

.modal.form-modal.order-success .main-btn, .modal.form-modal.question-success .main-btn {
    margin-bottom: 0;
    width: auto
}

.disable-scroll {
    overflow: hidden
}

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

    section {
        padding: 55px 0
    }

    h2 {
        font-size: 28px;
        margin-bottom: 32px
    }
}

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

    .header-btn {
        padding: 9px
    }

    .header-btn .btn-text {
        display: none
    }

    h1 {
        font-size: 40px
    }
}

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

    .modal .modal__head {
        padding: 14px 12px
    }

    .modal.form-modal .modal__content {
        border-radius: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 16px 12px;
        width: 100%
    }

    .modal.form-modal form {
        display: flex;
        flex-direction: column;
        flex-grow: 1
    }

    .modal.form-modal fieldset {
        margin-bottom: auto
    }

    .modal.form-modal .modal__product-info, .modal.form-modal .modal__title {
        margin-bottom: 16px
    }

    .modal.form-modal .main-btn {
        margin-bottom: 12px
    }

    .modal.form-modal .close-btn {
        right: 12px;
        top: 12px
    }

    .modal.download-started .download-img, .modal.order-success .download-img, .modal.question-success .download-img {
        margin-bottom: 20px
    }

    .modal.download-started .modal__content, .modal.order-success .modal__content, .modal.question-success .modal__content {
        align-self: flex-end;
        height: auto !important
    }

    .modal.download-started .title-wrapper, .modal.order-success .title-wrapper, .modal.question-success .title-wrapper {
        margin-bottom: 16px !important
    }
}

[class*=copyrights] {
    display: none
}

[class*=ground-pane] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.search-not-found {
    min-height: calc(100vh - 397px)
}

@media (max-width: 1024px) {
    .search-not-found {
        min-height: calc(100vh - 355px)
    }
}

@media (max-width: 1000px) {
    .search-not-found {
        min-height: calc(100vh - 471px)
    }
}

@media (max-width: 740px) {
    .search-not-found {
        min-height: calc(100vh - 570px)
    }
}

.lg-sub-html {
    display: none
}

.lg-backdrop.in {
    opacity: .9
}

.lg-outer .lg-thumb-outer {
    background-color: transparent
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: pointer
}

.recolor-page .main-btn, .recolor-page .main-btn:hover {
    background-color: #2e80e0
}

.form-inp {
    background: #fff;
    border: 1px solid #eaecec;
    border-radius: 6px;
    cursor: text;
    display: flex;
    padding: 28px 20px 8px;
    position: relative
}

.form-inp:has(.invalid) {
    border-color: #fc403a !important
}

.form-inp:has(.invalid) svg {
    display: block
}

.form-inp:has(textarea) .inp-placeholder {
    top: auto
}

.form-inp svg {
    display: none;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px
}

.form-inp.required .inp-placeholder:after {
    color: #f24b4b;
    content: "*";
    margin-left: 3px;
    position: absolute
}

.form-inp .inp {
    color: inherit;
    width: 100%
}

.form-inp .inp-placeholder {
    font-size: 16px;
    line-height: 140%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: font-size .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: font-size .2s ease-in-out, transform .2s ease-in-out;
    transition: font-size .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-inp .inp-placeholder.rise {
    font-size: 12px;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%)
}

.form-inp textarea {
    height: 88px
}

.inp-file {
    align-items: center;
    border: 1px dashed hsla(0, 0%, 100%, .3);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 12px 20px
}

.inp-file span {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 120%
}

.inp-file svg {
    flex-shrink: 0
}

.inp-file input {
    display: none
}

.header {
    left: 0;
    padding: 16px 0;
    position: absolute;
    right: 0;
    top: 0
}

.header:after {
    background: transparent;
    content: "";
    inset: 0;
    position: absolute;
    transition: background-color .3s ease-in-out, visibility 0s ease-in-out .3s;
    visibility: hidden;
    z-index: 1
}

.header:has(.catalog-menu.open):after {
    background: rgba(41, 52, 62, .8);
    transition: background-color .3s ease-in-out;
    visibility: visible
}

.header:has(.catalog-menu.open) .header__catalog-btn {
    background: #29343e
}

.header:has(.catalog-menu.open) .header__catalog-btn .btn-extension {
    opacity: 1;
    visibility: visible
}

.header:has(.catalog-menu.open) .header__catalog-btn .icon span {
    background: transparent
}

.header:has(.catalog-menu.open) .header__catalog-btn .icon span:before {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%
}

.header:has(.catalog-menu.open) .header__catalog-btn .icon span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__top {
    margin-bottom: 20px;
    position: relative;
    z-index: 101
}

.header__top .container {
    display: flex;
    justify-content: space-between
}

.header__low {
    height: 40px;
    position: relative;
    z-index: 100
}

@-webkit-keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.header__low.sticky-header {
    -webkit-animation: sticky .2s ease-in-out;
    animation: sticky .2s ease-in-out;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(41, 52, 62, .8);
    height: 64px;
    left: 0;
    padding: 12px 0;
    position: fixed;
    right: 0;
    top: 0
}

.header__low.sticky-header .header-btn {
    background: #616a71
}

.header__low.sticky-header .catalog-menu {
    top: -4px
}

.header__low .container {
    align-items: center;
    display: flex;
    gap: 20px
}

.header__low .btn-wrapper {
    gap: 12px
}

.header__social {
    align-items: center;
    display: flex;
    gap: 12px
}

.header__social a, .header__social a svg {
    display: block
}

.header__menu-btn, .header__search-btn {
    display: none
}

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

.header__contacts-btn {
    cursor: pointer;
    font-size: 12px;
    letter-spacing: .12px;
    z-index: 100
}

.header__contacts-link {
    font-size: 13px;
    letter-spacing: .13px
}

.header__contacts-btn, .header__contacts-link {
    align-items: center;
    color: var(--Interface-White-100, #fff);
    display: flex;
    font-weight: 500;
    gap: 8px;
    line-height: 130%
}

.header__contacts-btn svg, .header__contacts-link svg {
    display: block
}

.header__contacts .vertical-line {
    align-self: center;
    background: hsla(0, 0%, 100%, .4);
    height: 16px;
    width: 1px
}

.header .city-dropdown {
    position: relative
}

.header .city-popup {
    background: #fff;
    border-radius: 16px;
    cursor: default;
    left: -30px;
    opacity: 0;
    padding: 24px 32px;
    position: absolute;
    top: 40px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    visibility: hidden;
    width: 300px
}

.header .city-popup.open {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.header .city-popup__title {
    color: #29343e;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 24px
}

.header .city-popup .btn-wrapper {
    display: flex;
    gap: 12px
}

.header .city-popup .main-btn, .header .city-popup .option-btn {
    flex-grow: 1;
    padding: 10px 20px
}

.header .city-popup .option-btn {
    color: #29343e;
    font-size: 15px;
    line-height: 20px
}

.header .city-popup .arrow {
    background: #fff;
    border-radius: 4px;
    height: 20px;
    left: 55px;
    position: absolute;
    rotate: 45deg;
    top: -5px;
    width: 20px
}

.header .nav {
    display: flex;
    gap: 24px
}

.header .nav__link {
    color: var(--Text-White-100, #fff);
    font-size: 13px;
    line-height: 125%
}

.header .nav__link, .header__contacts-link {
    align-items: center;
    display: flex;
    gap: 8px
}

.header .nav__link .icon, .header__contacts-link .icon {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.header .nav__link svg, .header__contacts-link svg {
    display: block
}

.header__logo {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .3px;
    line-height: 130%;
    text-transform: uppercase
}

.header__logo img {
    height: 37px
}

.header__catalog-btn {
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 10px 20px;
    position: relative
}

.header__catalog-btn .icon {
    height: 12px;
    position: relative;
    width: 14px
}

.header__catalog-btn .icon span {
    background: #fff;
    border-radius: 100px;
    display: block;
    height: 2px;
    width: 100%
}

.header__catalog-btn .icon span:after, .header__catalog-btn .icon span:before {
    background: #fff;
    border-radius: 100px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.header__catalog-btn .icon span:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.header__catalog-btn .icon span:before {
    bottom: 0;
    width: 70%
}

.header__catalog-btn .btn-extension {
    background: #29343e;
    bottom: -16px;
    height: 22px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .3s .1s;
    visibility: hidden
}

.header__catalog-btn .btn-extension:after, .header__catalog-btn .btn-extension:before {
    background-size: 15px 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 10px
}

.header__catalog-btn .btn-extension:after {
    background-image: radial-gradient(circle at top right, transparent 44%, #29343e 50%);
    background-position: 100% 0;
    right: -10px
}

.header__catalog-btn .btn-extension:before {
    background-image: radial-gradient(circle at top left, transparent 44%, #29343e 50%);
    left: -10px
}

.header .search-wrapper {
    flex-grow: 1;
    position: relative
}

.header .search-wrapper:has(.active) .search-tips {
    display: block
}

.header .search-wrapper.tablet-active {
    display: block;
    margin-right: 12px;
    order: 3
}

.header .search-wrapper.tablet-active .header__search {
    max-width: 100%
}

.header .search-wrapper.mobile-active {
    display: block;
    margin-right: 4px
}

.header .search-wrapper.mobile-active .header__search {
    max-width: 100%
}

.header .search-tips {
    background: #545d65;
    border-radius: 6px;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .16), 0 0 4px 0 rgba(0, 0, 0, .04);
    display: none;
    left: 0;
    padding: 20px 4px 8px;
    position: absolute;
    right: 0;
    top: 30px
}

.header .search-tips:not(:has(.search-tip)) {
    padding: 0
}

.header .search-tip {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 120%;
    padding: 8px 16px
}

.header .search-catalog-link {
    align-items: center;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding: 8px 8px 8px 16px;
    position: relative
}

.header .search-catalog-link a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

.header .search-catalog-link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.header .search-catalog-link .icon {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.header__search {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .2);
    border-radius: 6px;
    cursor: text;
    display: flex;
    flex-grow: 1;
    gap: 12px;
    padding: 9px 20px;
    position: relative;
    z-index: 1
}

.header__search:has(.active) {
    background: #545d65;
    outline: 1px solid hsla(0, 0%, 100%, .2);
    outline-offset: -1px
}

.header__search svg {
    display: block;
    flex-shrink: 0
}

.header__search-inp {
    color: #fff;
    flex-grow: 1
}

.header__search-inp::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 125%
}

.header__search-inp:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 125%
}

.header__search-inp::placeholder {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 125%
}

.header__cart-btn svg {
    display: none
}

.header__cart-btn .icon {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .2);
    border-radius: 50px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 16px;
    min-width: 22px
}

.header-item {
    transition: color .2s ease-in-out
}

.header-item .icon {
    transition: background-color .2s ease-in-out
}

@media (hover: hover) {
    .header-item:hover {
        color: #fff
    }

    .header-item:hover .icon {
        background: hsla(0, 0%, 100%, .3)
    }
}

@media (max-width: 1024px) {
    .header .nav, .header__contacts {
        gap: 16px
    }

    .header__logo {
        font-size: 24px
    }
}

@media (max-width: 1000px) {
    .header {
        padding: 12px 0
    }

    .header__low .container {
        gap: 0
    }

    .header .search-tips {
        max-height: 400px;
        overflow-y: auto
    }

    .header__top {
        display: none
    }

    .header__menu-btn {
        display: flex;
        margin-right: 12px;
        order: 1
    }

    .header__catalog-btn {
        margin-right: auto;
        order: 2
    }

    .header__logo {
        font-size: 30px;
        margin-right: auto;
        order: 3
    }

    .header .search-wrapper, .header__calculator-btn {
        display: none
    }

    .header__search-btn {
        align-items: center;
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px
    }

    .header__cart-btn svg {
        display: block;
        height: 20px;
        width: 20px
    }

    .header .btn-wrapper {
        order: 4
    }
}

@media (max-width: 740px) {
    .header__low .container {
        align-items: center
    }

    .header__catalog-btn {
        height: 40px;
        justify-content: center;
        padding: 0;
        width: 40px
    }

    .header__catalog-btn .btn-text {
        display: none
    }

    .header__logo {
        font-size: 24px
    }

    .header__menu-btn {
        margin-right: 4px
    }

    .header .fast-order {
        display: none
    }

    .header .btn-wrapper {
        gap: 4px
    }
}

.recolor-page .header__cart-btn .icon {
    background-color: #0071e3
}

@media (max-width: 400px) {
    .recolor-page .header__logo {
        width: 80px
    }
}

.catalog-page.recolor-page header {
    background: rgba(41, 52, 62, .8);
    transition: background-color .3s ease-in-out
}

body.catalog-page.recolor-page:has(.new-catalog-menu.open) .header {
    background: transparent
}

.footer {
    background: #29343e;
    padding-bottom: 24px;
    padding-top: 40px
}

.footer .container {
    -webkit-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns:repeat(8, 1fr);
    row-gap: 16px
}

.footer__card {
    background: #3e4851;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    min-height: 260px;
    padding: 32px
}

.footer__card:nth-child(2) {
    grid-column: span 4
}

.footer__card:nth-child(3) {
    background: transparent;
    border: 1px solid #545d65;
    border-radius: 16px
}

.footer__card:nth-child(3) .footer__card-title {
    margin-bottom: 16px
}

.footer__card:nth-child(3) .content-wrapper {
    margin-bottom: auto
}

.footer__card:nth-child(3) .footer__card-descr {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}

.footer__card:nth-child(3) .main-btn {
    align-items: center;
    align-self: flex-start;
    display: flex;
    font-size: 15px;
    gap: 12px;
    line-height: 20px;
    padding: 10px 20px
}

.footer__card:nth-child(4) {
    flex-direction: row;
    grid-column: span 8;
    min-height: auto;
    padding: 18px 32px
}

.footer__card-icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin-bottom: auto;
    width: 40px
}

.footer__card-icon svg {
    display: block
}

.footer__card-descr {
    color: #d4d6d8;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 4px
}

.footer__card-title {
    text-wrap: balance;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    max-width: 88%
}

.footer__contacts {
    display: flex
}

.footer__contacts-link {
    flex-basis: 50%
}

.footer__copyright, .footer__link {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}

.footer__copyright {
    margin-right: auto
}

.footer__link:not(:last-child) {
    margin-right: 32px
}

@media (max-width: 1024px) {
    .footer__card {
        min-height: 220px;
        padding: 20px
    }

    .footer__card-title, .footer__card:nth-child(3) .footer__card-title {
        font-size: 16px
    }

    .footer__card:nth-child(3) .footer__card-descr {
        font-size: 13px;
        line-height: 140%
    }

    .footer__card:nth-child(4) {
        padding: 18px 20px
    }

    .footer__copyright, .footer__link {
        font-size: 13px;
        line-height: 140%
    }

    .footer__link:not(:last-child) {
        margin-right: 20px
    }
}

@media (max-width: 1000px) {
    .footer__card {
        flex-direction: row;
        gap: 36px;
        grid-column: span 8;
        min-height: auto;
        padding: 16px
    }

    .footer__card .footer__card-icon {
        margin-bottom: 0
    }

    .footer__card:nth-child(2) {
        grid-column: span 8
    }

    .footer__card:nth-child(2) .footer__card-title {
        text-wrap: nowrap
    }

    .footer__card:nth-child(3) {
        justify-content: space-between
    }

    .footer__card:nth-child(3) .footer__card-title {
        margin-bottom: 16px
    }

    .footer__card:nth-child(3) .footer__card-descr {
        margin-bottom: 0;
        max-width: 88%
    }

    .footer__card:nth-child(3) .main-btn {
        align-self: flex-end
    }

    .footer__card:nth-child(4) {
        flex-direction: column;
        gap: 8px
    }

    .footer__contacts-link:not(:last-child) {
        margin-right: 52px
    }
}

@media (max-width: 740px) {
    .footer .container {
        gap: 8px
    }

    .footer__contacts {
        flex-direction: column;
        flex-grow: 1;
        gap: 16px
    }

    .footer__contacts-link:not(:last-child) {
        margin-right: 0
    }

    .footer__card {
        gap: 22px;
        padding: 16px
    }

    .footer__card:nth-child(3) {
        flex-direction: column
    }

    .footer__card:nth-child(3) .main-btn {
        align-self: flex-start
    }

    .footer__card:nth-child(4) {
        padding: 16px
    }

    .footer__card:nth-child(4) .links-wrapper .footer__link {
        display: block
    }

    .footer__card:nth-child(4) .links-wrapper .footer__link:not(:last-child) {
        margin-bottom: 8px;
        margin-right: 0
    }

    .footer__copyright {
        order: 2
    }
}

.breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.breadcrumbs__link {
    text-wrap: nowrap;
    color: hsla(0, 0%, 100%, .6);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .13px;
    line-height: 130%;
    transition: color .2s ease-in-out
}

@media (hover: hover) {
    .breadcrumbs__link:hover {
        color: #fff
    }
}

.breadcrumbs__link:nth-last-child(2) {
    color: var(--Interface-White-100, #fff)
}

.breadcrumbs svg {
    flex-shrink: 0
}

.breadcrumbs svg:last-child {
    display: none
}

@media (max-width: 740px) {
    .breadcrumbs {
        flex-wrap: nowrap;
        margin-left: -12px;
        overflow-y: auto;
        overflow: -moz-scrollbars-none;
        width: calc(100% + 24px)
    }

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

    .breadcrumbs__link:first-child {
        margin-left: 12px
    }

    .breadcrumbs__link:nth-last-child(2) {
        margin-right: 12px
    }
}

.pagination {
    display: flex;
    gap: 8px
}

.pagination__link {
    align-items: center;
    display: flex;
    font-size: 15px;
    height: 32px;
    justify-content: center;
    line-height: 140%;
    width: 32px
}

.pagination__link.page {
    border: 1px solid rgba(41, 52, 62, .05);
    border-radius: 4px
}

.pagination__link.page.current {
    background: rgba(41, 52, 62, .05);
    border: none
}

.pagination__link svg {
    display: block
}

.advantages-card {
    background: rgba(41, 52, 62, .05);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 32px
}

.advantages-card__digit {
    color: #259d72;
    font-size: 56px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 8px
}

.advantages-card__name {
    color: #29343e;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: auto
}

.advantages-card__descr {
    color: var(--Grey-Grey-75, #4b4d59);
    font-size: 16px;
    font-weight: 300;
    line-height: 140%
}

.advantages-card .main-btn {
    text-wrap: nowrap;
    align-items: center;
    align-self: flex-start;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 12px;
    line-height: 120%;
    padding: 12px 24px
}

@media (max-width: 1024px) {
    .advantages-card {
        padding: 20px
    }

    .advantages-card .main-btn, .advantages-card__descr {
        font-size: 15px;
        line-height: 20px
    }
}

@media (max-width: 1000px) {
    .advantages-card {
        padding: 32px
    }
}

@media (max-width: 740px) {
    .advantages-card {
        padding: 24px
    }
}

.payment-card {
    align-items: center;
    background: rgba(41, 52, 62, .05);
    border-radius: 16px;
    display: flex;
    gap: 24px;
    padding: 24px 32px
}

.payment-card svg {
    display: block;
    flex-shrink: 0
}

.payment-card__text {
    color: #29343e;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%
}

@media (max-width: 1024px) {
    .payment-card {
        gap: 20px;
        padding: 20px 24px
    }

    .payment-card__text {
        font-size: 16px;
        line-height: 120%
    }
}

@media (max-width: 1000px) {
    .payment-card {
        padding: 16px
    }

    .payment-card__text {
        font-size: 14px;
        line-height: 125%
    }
}

.review-card {
    border: 1px solid rgba(41, 52, 62, .05);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 32px
}

.review-card__head {
    display: flex;
    gap: 16px
}

.review-card__head img {
    border-radius: 48px;
    height: 48px;
    width: 48px
}

.review-card .author-info {
    margin-right: auto
}

.review-card .author-info__top {
    color: #29343e;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%
}

.review-card .author-info__low {
    color: #7f858b;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

.review-card__date {
    color: rgba(41, 52, 62, .5);
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}

.review-card__body {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.review-card .order-info {
    color: #7f858b;
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}

.review-card .order-info:not(:last-child) {
    margin-bottom: 4px
}

.review-card .order-info span {
    color: #7f858b;
    font-weight: 500;
    line-height: 125%
}

@media (max-width: 740px) {
    .review-card {
        padding: 20px
    }

    .review-card .author-info {
        margin-right: 0
    }

    .review-card__date {
        display: none
    }
}

.client-card {
    align-items: center;
    background: rgba(41, 52, 62, .05);
    display: flex;
    flex-shrink: 0;
    height: 120px;
    justify-content: center;
    width: 280px
}

.client-card img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1024px) {
    .client-card {
        height: 80px;
        width: 185px
    }

    .client-card img {
        scale: .8
    }
}

.catalog-menu__card {
    align-items: center;
    background: #3e4851;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: relative
}

.catalog-menu__card-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-align: center
}

.catalog-menu__card-title:after {
    content: "";
    inset: 0;
    position: absolute
}

.catalog-menu__card-title--link {
    margin-bottom: auto;
    text-align: start
}

.catalog-menu__card img {
    display: block;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 140px
}

.catalog-menu__card--link {
    align-items: flex-start;
    background: transparent;
    border: 1px solid #545d65
}

@media (hover: hover) {
    .catalog-menu__card--link:hover .icon {
        background: #fff
    }

    .catalog-menu__card--link:hover .icon svg path {
        stroke: #29343e
    }
}

.catalog-menu__card--link .icon {
    align-items: center;
    background: #3e4851;
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: background-color .3s ease-in-out;
    width: 40px
}

.catalog-menu__card--link .icon svg {
    display: block
}

.catalog-menu__card--link .icon svg path {
    transition: stroke .3s ease-in-out
}

@media (max-width: 1000px) {
    .catalog-menu__card {
        border-radius: 8px;
        flex-direction: row;
        gap: 12px;
        padding: 8px 12px
    }

    .catalog-menu__card-title {
        font-size: 13px;
        line-height: 130%;
        text-align: start
    }

    .catalog-menu__card img {
        height: 40px;
        width: 40px
    }
}

@media (max-width: 740px) {
    .catalog-menu__card img {
        height: 32px;
        width: 32px
    }
}

.catalog-menu {
    background: #29343e;
    padding: 40px 0;
    position: relative;
    top: -1px;
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 100
}

.catalog-menu.open {
    -webkit-transform: translateY(16px);
    transform: translateY(16px)
}

.catalog-menu .container {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(6, 1fr)
}

@media (max-width: 1024px) {
    .catalog-menu .container {
        grid-template-columns:repeat(5, 1fr)
    }

    .catalog-menu__card:nth-last-child(2) {
        display: none
    }
}

@media (max-width: 1000px) {
    .catalog-menu {
        display: none
    }

    .catalog-menu__card:nth-last-child(2) {
        display: flex
    }
}

.catalog-modal.open .modal__content {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.catalog-modal .modal__content {
    background: #29343e;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 468px
}

.catalog-modal .modal__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: auto;
    margin-right: 12px;
    overflow-y: auto;
    padding-left: 24px;
    padding-right: 12px
}

.catalog-modal .modal__body::-webkit-scrollbar {
    width: 6px
}

.catalog-modal .modal__body::-webkit-scrollbar-thumb {
    background-color: #3e4851;
    border-radius: 20px
}

.catalog-modal__link {
    align-items: center;
    border: 1px solid #545d65;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 8px 8px 8px 16px;
    position: relative
}

.catalog-modal__link a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 130%
}

.catalog-modal__link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.catalog-modal__link .icon {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (max-width: 740px) {
    .catalog-modal.open .modal__content {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .catalog-modal .modal__content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%
    }

    .catalog-modal .modal__body {
        margin-right: 10px;
        padding-left: 12px;
        padding-right: 8px
    }

    .catalog-modal .modal__footer {
        padding: 12px
    }
}

body:has(.new-catalog-menu.open) .header:after {
    background: rgba(41, 52, 62, .8);
    transition: background-color .3s ease-in-out;
    visibility: visible
}

body:has(.new-catalog-menu.open) .header__catalog-btn .icon span {
    background: transparent
}

body:has(.new-catalog-menu.open) .header__catalog-btn .icon span:before {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%
}

body:has(.new-catalog-menu.open) .header__catalog-btn .icon span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body:has(.sticky-header) .new-catalog-menu {
    top: 64px
}

.new-catalog-menu {
    bottom: 0;
    left: 0;
    padding: 0 12px 12px;
    position: fixed;
    right: 0;
    top: 112px;
    transition: background-color .3s ease-in-out, visibility 0s ease-in-out .3s;
    visibility: hidden
}

.new-catalog-menu.open {
    background: rgba(41, 52, 62, .8);
    transition: background-color .3s ease-in-out;
    visibility: visible
}

.new-catalog-menu.open .new-catalog-menu__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.new-catalog-menu__content {
    background: #29343e;
    border-radius: 16px;
    height: 100%;
    position: relative;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.new-catalog-menu__close-btn {
    display: none
}

.new-catalog-menu .root-container {
    border-right: 1px solid #3e4851;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    padding: 0 10px 0 24px;
    width: 26.5%
}

.new-catalog-menu .root-container__head {
    padding: 20px 0
}

.new-catalog-menu .root-container__head p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

.new-catalog-menu .root-container__links-wrapper {
    flex-grow: 1;
    overflow-y: auto
}

.new-catalog-menu .root-container__links-wrapper::-webkit-scrollbar {
    width: 6px
}

.new-catalog-menu .root-container__links-wrapper::-webkit-scrollbar-thumb {
    background: #545d65;
    border-radius: 20px
}

.new-catalog-menu .root-container__footer {
    padding: 24px 0
}

.new-catalog-menu .root-container__footer-link {
    align-items: center;
    border: 1px solid #545d65;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 8px 8px 8px 16px;
    position: relative
}

.new-catalog-menu .root-container__footer-link a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

.new-catalog-menu .root-container__footer-link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.new-catalog-menu .root-container__footer-link button {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.new-catalog-menu .root-container .root-link-wrapper {
    margin-right: 8px
}

.new-catalog-menu .root-container .root-link-wrapper.active .root-link {
    background: #3e4851
}

.new-catalog-menu .root-container .root-link-wrapper.active .root-link span {
    visibility: visible
}

.new-catalog-menu .root-container .root-link-wrapper.active .subcategories-container {
    display: block
}

.new-catalog-menu .root-container .root-link-wrapper.active > .inner-link-list {
    align-content: flex-start;
    -webkit-column-gap: 32px;
    column-gap: 32px;
    display: grid;
    grid-template-columns:repeat(3, 150px);
    row-gap: 16px
}

.new-catalog-menu .root-container .root-link-wrapper:not(:last-child) {
    margin-bottom: 4px
}

.new-catalog-menu .root-link {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 8px 12px
}

.new-catalog-menu .root-link img {
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 40px
}

.new-catalog-menu .root-link p {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 130%;
    margin-right: auto
}

.new-catalog-menu .root-link span {
    margin-left: 24px;
    visibility: hidden
}

.new-catalog-menu .root-link span svg {
    display: block
}

.new-catalog-menu .subcategory-link-wrapper:not(:last-child) {
    margin-bottom: 4px
}

.new-catalog-menu .subcategory-link-wrapper.active .subcategory-link {
    background: #3e4851
}

.new-catalog-menu .subcategory-link-wrapper.active .subcategory-link span {
    visibility: visible
}

.new-catalog-menu .subcategory-link-wrapper.active > .inner-link-list {
    -webkit-column-gap: 32px;
    column-gap: 32px;
    display: grid;
    grid-template-columns:repeat(2, 150px);
    left: 51.5%;
    position: fixed;
    row-gap: 16px;
    width: 48.5%
}

.new-catalog-menu .subcategory-link {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 16px
}

.new-catalog-menu .subcategory-link p {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 130%
}

.new-catalog-menu .subcategory-link span {
    visibility: hidden
}

.new-catalog-menu .subcategory-link span svg {
    display: block
}

.new-catalog-menu .subcategories-container {
    border-right: 1px solid #3e4851;
    bottom: 0;
    display: none;
    left: 26.5%;
    overflow-y: auto;
    padding: 69px 12px 0;
    position: absolute;
    top: 0;
    width: 25%
}

.new-catalog-menu .subcategories-container::-webkit-scrollbar {
    width: 6px
}

.new-catalog-menu .subcategories-container::-webkit-scrollbar-thumb {
    background: #545d65;
    border-radius: 20px
}

.new-catalog-menu .inner-link-list {
    align-content: flex-start;
    bottom: 0;
    display: none;
    left: 26.5%;
    overflow-y: auto;
    padding: 69px 40px 0;
    position: absolute;
    top: 0;
    width: 73.5%
}

.new-catalog-menu .inner-link-list::-webkit-scrollbar {
    width: 6px
}

.new-catalog-menu .inner-link-list::-webkit-scrollbar-thumb {
    background: #545d65;
    border-radius: 20px
}

.new-catalog-menu .inner-link-list a {
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%;
    transition: color .2s ease-in-out
}

@media (hover: hover) {
    .new-catalog-menu .inner-link-list a:hover {
        color: #2e80e0
    }
}

@media (max-width: 1000px) {
    .new-catalog-menu {
        padding: 0;
        top: 0 !important;
        z-index: 100
    }

    .new-catalog-menu.open {
        background: rgba(0, 0, 0, .5)
    }

    .new-catalog-menu.open .new-catalog-menu__content {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .new-catalog-menu__content {
        border-radius: 0 16px 16px 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        width: 470px
    }

    .new-catalog-menu__back-btn {
        flex-shrink: 0
    }

    .new-catalog-menu__back-btn svg, .new-catalog-menu__close-btn, .new-catalog-menu__close-btn svg {
        display: block
    }

    .new-catalog-menu .subcategories-container {
        border: none
    }

    .new-catalog-menu .inner-link-list, .new-catalog-menu .subcategories-container {
        display: none;
        padding: 0;
        position: static;
        width: 100%
    }

    .new-catalog-menu .root-container {
        border: none;
        width: 100%
    }

    .new-catalog-menu .root-container__head {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .new-catalog-menu .root-container__head-wrapper {
        align-items: center;
        display: flex;
        gap: 12px
    }

    .new-catalog-menu .root-link, .new-catalog-menu .subcategory-link {
        background: #3e4851
    }

    .new-catalog-menu .root-link span, .new-catalog-menu .subcategory-link span {
        display: none
    }

    .new-catalog-menu .inner-link-list {
        -webkit-column-gap: 40px !important;
        column-gap: 40px !important;
        grid-template-columns:repeat(2, 130px) !important;
        position: static !important;
        width: 100% !important
    }
}

@media (max-width: 600px) {
    .new-catalog-menu__content {
        border-radius: 0;
        width: 100%
    }

    .new-catalog-menu .root-container {
        padding: 0 12px
    }

    .new-catalog-menu .root-container__head {
        padding: 12px 0
    }

    .new-catalog-menu .root-container__head p {
        font-size: 20px;
        font-weight: 500;
        line-height: 140%
    }

    .new-catalog-menu .root-container__footer {
        padding: 12px 0
    }

    .new-catalog-menu .root-container__footer-link {
        padding: 8px 8px 8px 12px
    }

    .new-catalog-menu .root-link img {
        height: 32px;
        width: 32px
    }

    .new-catalog-menu .inner-link-list {
        grid-template-columns:1fr !important
    }
}

.menu.open .modal__content {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menu .modal__content {
    background: #29343e;
    border-radius: 0 16px 16px 0;
    box-shadow: -16px 0 40px 0 rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 468px
}

.menu .modal__head {
    border-bottom: 1px solid #545d65
}

.menu .modal__body {
    margin-bottom: auto;
    padding: 0 24px
}

.menu__link {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 16px;
    line-height: 140%;
    padding: 12px 0;
    position: relative
}

.menu__link a {
    margin-right: auto
}

.menu__link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.menu__contacts {
    padding: 24px
}

.menu .links-wrapper {
    display: flex;
    gap: 24px;
    margin-bottom: 24px
}

.menu__item {
    display: flex;
    gap: 12px
}

.menu__item-title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%
}

.menu__item-descr {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    line-height: 150%
}

.menu__item .icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

.menu__item .icon .svg {
    display: block
}

.menu__item--link {
    position: relative
}

.menu__item--link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.menu__address {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 12px
}

.menu__address .menu__item:not(:last-child) {
    margin-bottom: 16px
}

.menu__social {
    display: flex;
    gap: 16px
}

.menu__social .main-btn {
    text-wrap: nowrap;
    align-items: center;
    color: #fff;
    display: flex;
    flex-grow: 1;
    font-size: 15px;
    gap: 12px;
    justify-content: center;
    line-height: 20px;
    padding: 10px 20px
}

.menu__social .main-btn svg {
    display: block
}

.menu__social-link {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

.menu__social-link svg {
    display: block
}

.menu .modal__footer {
    border-top: 1px solid #545d65;
    position: relative
}

.menu__city-btn {
    align-items: center;
    display: flex;
    gap: 8px;
    width: 100%
}

.menu__city-btn span {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin-right: auto
}

.menu__city-btn span:after {
    content: "";
    inset: 0;
    position: absolute
}

@media (max-width: 740px) {
    .menu.open .modal__content {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .menu .modal__content {
        border-radius: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        width: 100%
    }

    .menu .modal__body {
        padding: 0 12px
    }

    .menu__link {
        padding: 8px 0
    }

    .menu__contacts {
        padding: 16px 12px
    }

    .menu__contacts .links-wrapper {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px
    }

    .menu__social .main-btn {
        padding: 10px
    }
}

.filters-mobile.open .modal__content {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.filters-mobile .modal__content {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 468px
}

.filters-mobile .modal__head {
    border-bottom: 1px solid #eaebec;
    margin-bottom: 0
}

.filters-mobile .modal__title {
    color: #29343e
}

.filters-mobile .modal__body {
    margin-bottom: auto;
    overflow-y: auto
}

.filters-mobile .filter {
    border-bottom: 1px solid #eaebec;
    padding: 8px 0
}

.filters-mobile .filter__head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px
}

.filters-mobile .filter__show-all {
    color: #0071e3;
    font-size: 15px;
    line-height: 20px
}

.filters-mobile .filter__title {
    color: #29343e;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%
}

.filters-mobile .filter__select {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-mobile .filter__select:has(input:checked) svg {
    display: block
}

.filters-mobile .filter__select:has(input:checked) span {
    color: #259d72
}

.filters-mobile .filter__select input {
    display: none
}

.filters-mobile .filter__select span {
    color: #29343e;
    font-size: 16px;
    line-height: 150%
}

.filters-mobile .filter__select svg {
    display: block;
    display: none;
    flex-shrink: 0
}

.filters-mobile .filter__selection-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 24px 16px
}

.filters-mobile .filter .filter__option {
    text-wrap: nowrap;
    border: 1px solid #d4d6d8;
    border-radius: 20px;
    color: #545d65;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 15px;
    line-height: 20px;
    padding: 6px 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-mobile .filter .filter__option:has(input:checked) {
    border-color: #259d72;
    color: #259d72
}

.filters-mobile .filter .filter__option input {
    display: none
}

.filters-mobile .filter-wrapper {
    align-items: center;
    display: flex;
    gap: 4px
}

.filters-mobile .filter__value {
    align-items: center;
    background: #259d72;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 20px;
    justify-content: center;
    line-height: 130%;
    min-width: 20px
}

.filters-mobile .modal__footer {
    border-top: 1px solid #eaebec;
    display: flex;
    gap: 12px;
    padding: 12px 12px 16px
}

.filters-mobile .modal__footer .filter-reset, .filters-mobile .modal__footer .main-btn {
    border-radius: 6px;
    flex-basis: 50%;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    padding: 12px 24px
}

.filters-mobile .modal__footer .main-btn {
    flex-grow: 1
}

.filters-mobile .modal__footer .filter-reset {
    background: #f4f5f5;
    color: #545d65
}

.filters-mobile .title-wrapper {
    align-items: center;
    display: flex;
    gap: 16px
}

.filters-mobile .filters__back {
    position: relative
}

.filters-mobile .filters__back:after {
    content: "";
    inset: -8px;
    position: absolute
}

.filters-mobile .filter-details .filter {
    border: none
}

.filters-mobile .filter-details .search-wrapper {
    padding: 16px 24px
}

.filters-mobile .filter-details .search-wrapper .search {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #f4f5f5;
    border-radius: 6px;
    cursor: text;
    display: flex;
    gap: 12px;
    padding: 9px 12px
}

.filters-mobile .filter-details .search-wrapper .search__inp {
    color: #29343e;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500
}

.filters-mobile .filter-details .search-wrapper .search__inp::-webkit-input-placeholder {
    color: #a9aeb2
}

.filters-mobile .filter-details .search-wrapper .search__inp:-ms-input-placeholder {
    color: #a9aeb2
}

.filters-mobile .filter-details .search-wrapper .search__inp::placeholder {
    color: #a9aeb2
}

.filters-mobile .filter-details .filter__checkbox {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 12px 24px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-mobile .filter-details .filter__checkbox-text {
    color: #29343e;
    font-size: 16px;
    line-height: 150%
}

.filters-mobile .filter-details .filter__checkbox input {
    height: 20px;
    width: 20px
}

@media (max-width: 740px) {
    .filters-mobile.open .modal__content {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .filters-mobile .modal__content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        width: 100%
    }

    .filters-mobile .modal__title {
        font-size: 20px;
        line-height: 130%
    }

    .filters-mobile .filter__head {
        height: 52px;
        padding: 16px 12px
    }

    .filters-mobile .filter__select {
        padding: 8px 12px
    }

    .filters-mobile .filter__title {
        font-size: 16px;
        line-height: 120%
    }

    .filters-mobile .filter-text {
        font-size: 14px;
        line-height: 120%
    }

    .filters-mobile .filter__selection-wrapper {
        flex-wrap: nowrap;
        overflow-y: auto;
        padding: 0 12px 16px
    }

    .filters-mobile .filter__selection-wrapper::-webkit-scrollbar {
        display: none
    }

    .filters-mobile .filter-details .search-wrapper {
        padding: 12px
    }
}

.city-modal {
    align-items: center;
    display: flex;
    justify-content: center
}

.city-modal.open .modal__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.city-modal .close-btn {
    position: absolute;
    right: 24px;
    top: 24px
}

.city-modal .modal__content {
    background: #fff;
    border-radius: 16px;
    padding: 32px 0 64px 64px;
    position: relative;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 600px
}

.city-modal__title {
    color: #29343e;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 40px
}

.city-modal__link {
    position: relative
}

.city-modal__link-city {
    color: #29343e;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    transition: color .2s ease-in-out
}

.city-modal__link-city.current {
    color: #259d72
}

.city-modal__link-city:after {
    content: "";
    inset: 0;
    position: absolute
}

@media (hover: hover) {
    .city-modal__link-city:hover {
        color: #259d72
    }
}

.city-modal__link-region {
    color: #a9aeb2;
    font-size: 12px;
    line-height: 150%
}

.city-modal .links-wrapper {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    height: 285px;
    margin-right: 24px;
    overflow-y: auto;
    row-gap: 24px
}

.city-modal .links-wrapper::-webkit-scrollbar {
    width: 8px
}

.city-modal .links-wrapper::-webkit-scrollbar-track {
    background: #f3f3f4;
    border-radius: 12px
}

.city-modal .links-wrapper::-webkit-scrollbar-thumb {
    background: #dbdbdd;
    border-radius: 12px
}

@media (max-width: 740px) {
    .city-modal__title {
        margin-bottom: 20px
    }

    .city-modal .close-btn {
        right: 12px;
        top: 12px
    }

    .city-modal .modal__content {
        border-radius: 0;
        height: 100%;
        padding: 16px 0 16px 16px;
        width: 100%
    }

    .city-modal .links-wrapper {
        height: calc(100% - 68px);
        margin-right: 6px
    }

    .city-modal .links-wrapper::-webkit-scrollbar {
        width: 4px
    }

    .city-modal__link {
        grid-column: span 2
    }
}

.modal.product-details .modal-content-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.modal.product-details .modal__head {
    margin: 0;
    padding: 24px 32px
}

.modal.product-details .modal__title {
    margin: 0
}

.modal.product-details .modal__content {
    background: #fff;
    border-radius: 20px;
    padding: 0;
    width: 1000px
}

.modal.product-details .modal__body {
    border-top: 1px solid #eaebec;
    display: flex
}

.modal.product-details .tablet-content {
    display: none
}

.modal.product-details .left-side {
    border-right: 1px solid #eaebec;
    padding: 32px;
    width: 69%
}

.modal.product-details .right-side {
    width: 31%
}

.product-details__chapter {
    display: flex;
    gap: 40px
}

.product-details__chapter-title {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%;
    width: 130px
}

.product-details__chapter:not(:last-child) {
    margin-bottom: 40px
}

.product-details__characteristics {
    flex-grow: 1
}

.product-details__characteristics-item {
    align-items: center;
    display: flex;
    gap: 8px
}

.product-details__characteristics-item:not(:last-child) {
    margin-bottom: 16px
}

.product-details__characteristics .parameter {
    font-size: 14px;
    line-height: 120%
}

.product-details__characteristics .points {
    align-self: stretch;
    border-bottom: 1px dashed #eaebec;
    flex-grow: 1;
    margin-bottom: 5px
}

.product-details__characteristics .value, .product-details__description {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}
.product-details__description a, .advantages__descr a {
    color: #259d72;
    cursor: pointer;
    text-decoration: underline;
}
.product-details__price {
    border-bottom: 1px solid #eaebec;
    padding: 32px
}

.product-details__price-text {
    color: #7f858b;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 8px
}

.product-details__price-value {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.product-details__price .main-btn, .product-details__price .option-btn {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start !important;
    line-height: 120%;
    padding: 12px 24px;
    width: 100%
}

.product-details__price .main-btn .btn-text, .product-details__price .option-btn .btn-text {
    margin-right: auto
}

.product-details__price .option-btn {
    color: #545d65
}

.product-details__fast-order {
    padding: 32px
}

.product-details__fast-order-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 24px
}

.product-details__fast-order-descr {
    color: #7f858b;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 24px
}

.product-details__fast-order-form {
    align-items: center;
    display: flex;
    gap: 8px
}

.product-details__fast-order .main-btn {
    margin-bottom: 0 !important;
    padding: 14px !important;
    width: auto !important
}

@media (max-width: 1000px) {
    .modal.product-details .modal__content {
        border-radius: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%
    }

    .modal.product-details .close-btn {
        right: 12px;
        top: 12px
    }

    .modal.product-details .desktop-content {
        display: none
    }

    .modal.product-details .modal__body {
        border: none;
        flex-direction: column
    }

    .modal.product-details .modal__head {
        padding: 16px 12px
    }

    .modal.product-details .modal__title {
        font-size: 20px;
        line-height: 130%;
        max-width: 90%
    }

    .product-details .modal__body {
        display: flex;
        flex-grow: 1;
        overflow-y: auto
    }

    .product-details__tabs {
        border-bottom: 1px solid #eaebec;
        display: flex;
        flex-shrink: 0;
        overflow-x: auto;
        position: relative
    }

    .product-details__tabs::-webkit-scrollbar {
        display: none
    }

    .product-details__tab {
        text-wrap: nowrap;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 125%;
        padding: 12px;
        position: relative
    }

    .product-details__tab:after {
        background: #259d72;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 0;
        z-index: 1
    }

    .product-details__tab.active:after {
        transition: width .3s ease-in-out;
        width: 100%
    }

    .product-details__tab:first-child {
        margin-left: 12px
    }

    .product-details__tab:last-child {
        margin-right: 12px
    }

    .product-details__tab-content {
        flex-grow: 1;
        overflow-y: auto;
        padding: 25px 12px
    }

    .product-details__characteristics-item {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px
    }

    .product-details__characteristics .parameter {
        font-weight: 500;
        line-height: 125%
    }

    .product-details__price {
        padding: 0
    }

    .product-details .modal__footer {
        padding: 12px 12px 16px
    }

    .product-details .tablet-content {
        display: flex !important;
        flex-direction: column;
        flex-grow: 1;
        overflow-y: auto
    }

    .product-details__fast-order {
        padding: 0
    }

    .product-details__fast-order .form-inp {
        flex-grow: 1
    }

    .product-details__fast-order-form {
        flex-direction: row !important
    }
}

.cart {
    display: flex;
    justify-content: flex-end
}

.cart.open .modal__content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.cart .cart__empty-text {
    color: #7f858b;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-top: 64px;
    text-align: center
}

.cart .close-btn {
    position: absolute;
    right: 24px;
    top: 24px
}

.cart .modal__content {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 710px
}

.cart .step-one, .cart .step-two {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.cart .modal__head {
    display: block;
    margin-bottom: 0;
    padding: 24px 32px
}

.cart .modal__title {
    color: #29343e;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 8px
}

.cart__control {
    align-items: center;
    display: flex;
    gap: 8px
}

.cart__control .separator {
    background: #d4d6d8;
    height: 20px;
    width: 1px
}

.cart .modal__warning {
    align-items: center;
    display: flex;
    gap: 8px
}

.cart .modal__warning p {
    font-size: 14px;
    font-weight: 500;
    line-height: 125%;
    opacity: .5
}

.cart .cart-clear {
    align-items: flex-end;
    display: flex;
    gap: 4px
}

.cart .cart-clear .btn-text {
    opacity: .5
}

.cart__clear, .cart__total-products {
    font-size: 14px;
    font-weight: 500;
    line-height: 125%
}

.cart .modal__body {
    flex-grow: 1;
    overflow-y: auto;
    padding: 16px 32px
}

.cart__form {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.cart__product {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 0
}

.cart__product:not(:last-child) {
    border-bottom: 1px solid #eaebec
}

.cart__product-title {
    margin-bottom: 12px
}

.cart__product-price, .cart__product-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 125%
}

.cart__product-price {
    color: #7f858b
}

.cart__product-counter {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 2px
}

.cart__product-counter-decrement, .cart__product-counter-increment, .cart__product-remove {
    align-items: center;
    background: #f4f5f5;
    border-radius: 8px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.cart__product-counter-value {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 10px 8px;
    width: 55px
}

.cart__product .counter-wrapper {
    align-items: center;
    display: flex;
    gap: 4px
}

@media (hover: hover) {
    .cart__product:hover .cart__product-remove {
        opacity: 1
    }

    .cart__product:hover .cart__product-counter-decrement, .cart__product:hover .cart__product-counter-increment, .cart__product:hover .cart__product-remove {
        background: #f4f5f5
    }

    .cart__product-remove {
        opacity: 0
    }

    .cart__product .cart__product-counter-decrement, .cart__product .cart__product-counter-increment, .cart__product .cart__product-remove {
        background: transparent
    }
}

.cart .modal__footer {
    align-items: center;
    border-top: 1px solid #eaebec;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 24px 32px
}

.cart .modal__footer .btn-wrapper {
    flex-shrink: 0;
    gap: 16px
}

.cart .modal__footer .main-btn, .cart .modal__footer .option-btn {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 12px 24px
}

.cart .modal__notice {
    color: #7f858b;
    font-size: 13px;
    font-weight: 500;
    line-height: 130%
}

.cart .modal__notice a {
    color: #0071e3
}

.cart__total-cost-text {
    color: #7f858b;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 4px
}

.cart__total-cost-value {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

@media (max-width: 740px) {
    .cart.open .modal__content {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .cart .modal__content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .cart .close-btn {
        right: 12px;
        top: 12px
    }

    .cart .modal__content {
        width: 100%
    }

    .cart .modal__head {
        padding: 16px 12px
    }

    .cart .modal__body {
        padding: 0 12px
    }

    .cart__product {
        flex-direction: column;
        gap: 12px
    }

    .cart__product .counter-wrapper {
        align-self: flex-end
    }

    .cart .modal__footer {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        padding: 12px
    }

    .cart .modal__footer .cart__total-cost {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        order: -1
    }

    .cart .modal__footer .btn-wrapper {
        flex-direction: column;
        gap: 8px
    }

    .cart .modal__notice {
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        text-align: center
    }

    .cart [form=cart-form] {
        order: -1
    }
}

.products-table-wrapper .table-wrapper {
    border: 1px solid #eaecec;
    border-radius: 8px
}

.products-table-wrapper .products__table {
    border-spacing: 0;
    width: 100%
}

.products-table-wrapper .products__table .price-descr {
    display: none
}

.products-table-wrapper .products__table-item {
    cursor: pointer
}

@media (hover: hover) {
    .products-table-wrapper .products__table-item:hover td {
        background: #f4f5f5
    }
}

.products-table-wrapper .products__table th {
    background: #f4f5f5;
    color: rgba(41, 52, 62, .6);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 16px;
    text-transform: uppercase
}

.products-table-wrapper .products__table th:first-child {
    width: 27%
}

.products-table-wrapper .products__table th:first-child, .products-table-wrapper .products__table th:last-child {
    text-align: start
}

.products-table-wrapper .products__table td {
    border-bottom: 1px solid #eaecec;
    font-size: 15px;
    line-height: 20px;
    padding: 11px 16px
}

.products-table-wrapper .products__table td .find-price {
    text-wrap: nowrap;
    color: #29343e;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 20px
}

.products-table-wrapper .products__table td .main-btn {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px
}

.products-table-wrapper .products__table td:not(:first-child) {
    text-align: end
}

.products-table-wrapper .products__filter-btn {
    display: none
}

.products-table-wrapper .products__filters {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 16px
}

.products-table-wrapper .products__filters .filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.products-table-wrapper .products__filter {
    background: #fff;
    border: 1px solid #dfe1e6;
    border-radius: 6px;
    font-size: 15px;
    gap: 4px;
    line-height: 20px;
    padding: 8px 6px 8px 12px
}

.products-table-wrapper .products__filter .filter-search-label {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #f4f5f5;
    border-radius: 6px;
    cursor: text !important;
    gap: 12px;
    margin-bottom: 8px;
    padding: 9px 12px
}

.products-table-wrapper .products__filter .filter-search-label .filter-search {
    flex-grow: 1
}

.products-table-wrapper .products__filter .filter-search-label svg {
    flex-shrink: 0;
    pointer-events: none;
    -webkit-transform: none;
    transform: none
}

.products-table-wrapper .products__filter .clear-btn, .products-table-wrapper .products__filter .vertical-line {
    display: none
}

.products-table-wrapper .products__filter.active {
    background: #f4f5f5;
    border-color: #f4f5f5;
    gap: 8px
}

.products-table-wrapper .products__filter.active .arrow {
    display: none
}

.products-table-wrapper .products__filter.active .vertical-line {
    background: #d4d6d8;
    display: block;
    height: 20px;
    width: 1px
}

.products-table-wrapper .products__filter.active .clear-btn {
    display: block;
    position: relative
}

.products-table-wrapper .products__filter.active .clear-btn:after {
    content: "";
    inset: -5px;
    position: absolute
}

.products-table-wrapper .products__filter.active .clear-btn svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.products-table-wrapper .products__filter svg {
    display: block
}

.products-table-wrapper .products__filter .dropdown-content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .16), 0 0 4px 0 rgba(0, 0, 0, .04);
    padding: 8px;
    top: 55px;
    width: 300px
}

.products-table-wrapper .products__filter .dropdown-content .wrapper {
    margin-bottom: 8px;
    max-height: 168px;
    overflow-y: auto
}

.products-table-wrapper .products__filter .dropdown-content .wrapper::-webkit-scrollbar {
    width: 4px
}

.products-table-wrapper .products__filter .dropdown-content .wrapper::-webkit-scrollbar-thumb {
    background: #bfc2c5;
    border-radius: 1px
}

.products-table-wrapper .products__filter .dropdown-content .wrapper::-webkit-scrollbar-track {
    background: #eaebec;
    border-radius: 1px
}

.products-table-wrapper .products__filter .dropdown-content .pointer {
    background: #fff;
    height: 20px;
    left: 30px;
    position: absolute;
    rotate: 45deg;
    top: -9px;
    width: 20px
}

.products-table-wrapper .products__filter .dropdown-content .select-wrapper:not(:last-child) {
    margin-bottom: 8px
}

.products-table-wrapper .products__filter .dropdown-content label {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 8px 12px
}

.products-table-wrapper .products__filter .dropdown-content label p {
    color: #545d65;
    font-size: 15px;
    line-height: 133%;
    margin-right: auto
}

.products-table-wrapper .products__filter .dropdown-content label span {
    color: #545d65;
    font-size: 15px;
    line-height: 133%;
    margin-left: 8px;
    margin-right: 8px
}

.products-table-wrapper .products__filter .dropdown-content label input {
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.products-table-wrapper .products__filter .dropdown-content .btn-wrapper {
    flex-direction: column;
    gap: 8px
}

.products-table-wrapper .products__filter .dropdown-content .main-btn, .products-table-wrapper .products__filter .dropdown-content .option-btn {
    display: flex;
    font-size: 15px;
    justify-content: center;
    line-height: 133%;
    padding: 10px 20px;
    width: 100%
}

.products-table-wrapper .filter-reset-btn {
    text-wrap: nowrap;
    align-self: flex-start;
    border-radius: 6px;
    font-size: 15px;
    line-height: 20px;
    padding: 9px 20px
}

.products-table-wrapper .active-filter {
    align-items: center;
    background: rgba(41, 52, 62, .05);
    border-radius: 6px;
    display: flex;
    font-size: 15px;
    line-height: 20px
}

.products-table-wrapper .active-filter p {
    padding: 8px 12px
}

.products-table-wrapper .active-filter .vertical-line {
    background: #dfe1e6;
    height: 20px;
    width: 1px
}

.products-table-wrapper .active-filter button {
    padding: 8px
}

.products-table-wrapper .active-filter svg {
    display: block
}

.products-table-wrapper .pagination__control {
    padding: 16px
}

.products-table-wrapper .pagination__control .show-more-btn {
    align-items: center;
    border-radius: 6px;
    color: #29343e;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    gap: 12px;
    line-height: 20px;
    padding: 10px 20px
}

@media (max-width: 1024px) {
    .products-table-wrapper .products__table th:nth-child(2), .products-table-wrapper .products__table th:nth-child(3), .products-table-wrapper .products__table th:nth-child(4), .products-table-wrapper .products__table th:nth-child(5) {
        display: none
    }

    .products-table-wrapper .products__table th:first-child {
        width: 49%
    }

    .products-table-wrapper .products__table th:nth-child(6) {
        text-align: start;
        width: 20%
    }

    .products-table-wrapper .products__table th:nth-child(7) {
        text-align: end
    }

    .products-table-wrapper .products__table td:nth-child(2), .products-table-wrapper .products__table td:nth-child(3), .products-table-wrapper .products__table td:nth-child(4), .products-table-wrapper .products__table td:nth-child(5) {
        display: none
    }

    .products-table-wrapper .products__table td:nth-child(6) {
        text-align: start
    }

    .products-table-wrapper .products__table td:nth-child(7) {
        text-align: center
    }
}

@media (max-width: 1000px) {
    .products-table-wrapper .products__filters {
        display: none
    }

    .products-table-wrapper .products__filter-btn {
        align-items: center;
        border: 1px solid #d4d6d8;
        border-radius: 8px;
        color: #697178;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        gap: 8px;
        justify-content: center;
        line-height: 125%;
        margin-bottom: 24px;
        padding: 12px;
        width: 100%
    }
}

@media (max-width: 740px) {
    .products-table-wrapper .products__table {
        display: block;
        margin-bottom: 24px
    }

    .products-table-wrapper .products__table .price-descr {
        color: #7f858b;
        display: block;
        font-size: 11px;
        letter-spacing: .2px;
        line-height: 150%;
        text-transform: uppercase
    }

    .products-table-wrapper .products__table thead {
        display: none
    }

    .products-table-wrapper .products__table tbody {
        display: block
    }

    .products-table-wrapper .products__table-item {
        border: 1px solid #eaebec;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .products-table-wrapper .products__table-item:not(:first-child) {
        border-top: none
    }

    .products-table-wrapper .products__table-item:first-child {
        border-radius: 8px 8px 0 0
    }

    .products-table-wrapper .products__table-item:last-child {
        border-radius: 0 0 8px 8px
    }

    .products-table-wrapper .products__table td {
        border-bottom: none;
        padding: 9px 15px
    }

    .products-table-wrapper .products__table td:first-child {
        width: 100%
    }

    .products-table-wrapper .products__table td:nth-child(6) {
        align-items: center;
        display: flex
    }

    .products-table-wrapper .products__table td:nth-child(7) {
        padding: 9px 0;
        text-align: start
    }

    .products-table-wrapper .products__table td .find-price, .products-table-wrapper .products__table td .main-btn {
        padding: 8px 16px
    }

    .products-table-wrapper .table-wrapper {
        border: none
    }

    .products-table-wrapper .pagination__control {
        flex-direction: column;
        gap: 24px;
        padding: 0
    }

    .products-table-wrapper .pagination__control .show-more-btn {
        justify-content: center;
        width: 100%
    }
}

.footer-map {
    background: #29343e;
    padding-bottom: 24px;
    padding-top: 40px
}

.footer-map .footer-map-title {
    font-family: Roboto, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 60px
}

.footer-map .footer-map-title span {
    color: #259d72
}

.footer-map.alternate {
    background: #fff;
    padding: 56px 0
}

.footer-map.alternate .address, .footer-map.alternate .contacts, .footer-map.alternate .requisites {
    border: 1px solid #eaebec
}

.footer-map.alternate .contacts {
    background: #fff
}

.footer-map.alternate .address p:first-child, .footer-map.alternate .contacts__links .link a, .footer-map.alternate .contacts__top-title, .footer-map.alternate .requisites p:first-child {
    color: #29343e !important
}

.footer-map.alternate .contacts__links .link p:first-child, .footer-map.alternate .contacts__social .link p {
    color: #7f858b !important
}

.footer-map.alternate .contacts__social .link .icon {
    background: #f4f5f5 !important
}

.footer-map.alternate .contacts__social .link .icon svg path {
    fill: #29343e
}

.footer-map.alternate .address p:nth-child(2), .footer-map.alternate .requisites p:nth-child(2), .footer-map.alternate .working-hours p {
    color: #545d65 !important
}

.footer-map .footer__content {
    display: flex;
    gap: 16px;
    margin-bottom: 16px
}

.footer-map .footer__map {
    border-radius: 12px;
    height: 260px;
    overflow: hidden
}

.footer-map .contacts {
    background: #3e4851;
    border-radius: 12px;
    display: block;
    padding: 32px;
    width: 55%
}

.footer-map .contacts__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.footer-map .contacts__top-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

.footer-map .contacts__low {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.footer-map .contacts .working-hours {
    padding-right: 118px
}

.footer-map .contacts .working-hours p {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    line-height: 150%
}

.footer-map .contacts .contacts__links .link p {
    color: #d4d6d8;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 4px
}

.footer-map .contacts .contacts__links .link a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%
}

.footer-map .contacts .contacts__links .link:not(:last-child) {
    margin-bottom: 20px
}

.footer-map .contacts .contacts__social {
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    padding-left: 16px;
    padding-right: 50px
}

.footer-map .contacts .contacts__social .link {
    align-items: center;
    display: flex;
    gap: 12px
}

.footer-map .contacts .contacts__social .link:not(:last-child) {
    margin-bottom: 16px
}

.footer-map .contacts .contacts__social .link .icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

.footer-map .contacts .contacts__social .link p {
    color: #d4d6d8;
    font-size: 14px;
    line-height: 120%
}

.footer-map .address, .footer-map .requisites {
    align-items: flex-start;
    border: 1px solid #545d65;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 32px;
    width: calc(22.5% - 16px)
}

.footer-map .address p, .footer-map .requisites p {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    line-height: 150%
}

.footer-map .address p:first-child, .footer-map .requisites p:first-child {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px
}

.footer-map .address p:first-child, .footer-map .requisites .text-wrapper {
    margin-bottom: auto
}

.footer-map .requisites .main-btn {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    gap: 12px;
    line-height: 133%;
    padding: 12px 20px
}

@media (max-width: 1024px) {
    .footer-map.alternate {
        padding-bottom: 24px;
        padding-top: 40px
    }

    .footer-map .footer-map-title {
        font-size: 28px;
        margin-bottom: 24px
    }

    .footer-map .footer__map {
        height: 200px
    }

    .footer-map .contacts {
        padding: 24px
    }

    .footer-map .contacts__top-title {
        font-size: 20px;
        line-height: 130%
    }

    .footer-map .contacts__top .working-hours {
        padding-right: 107px
    }

    .footer-map .contacts__top .working-hours p {
        font-size: 14px;
        font-weight: 500;
        line-height: 125%
    }

    .footer-map .contacts .contacts__links .link a {
        font-size: 16px
    }

    .footer-map .contacts .contacts__social {
        padding-right: 30px
    }

    .footer-map .address, .footer-map .requisites {
        padding: 20px
    }

    .footer-map .address p, .footer-map .requisites p {
        font-size: 14px;
        font-weight: 500;
        line-height: 125%
    }

    .footer-map .address p:first-child, .footer-map .requisites p:first-child {
        font-size: 20px;
        line-height: 130%
    }
}

@media (max-width: 1000px) {
    .footer-map {
        padding: 24px 0
    }

    .footer-map.alternate {
        padding-bottom: 24px;
        padding-top: 40px
    }

    .footer-map .footer__content {
        flex-direction: column
    }

    .footer-map .address, .footer-map .contacts, .footer-map .requisites {
        width: 100%
    }

    .footer-map .requisites .text-wrapper {
        align-items: center;
        display: flex;
        margin-bottom: 0;
        margin-right: auto
    }

    .footer-map .contacts {
        padding: 20px
    }

    .footer-map .contacts__top {
        margin-bottom: 16px
    }

    .footer-map .contacts__top .working-hours {
        padding-right: 10px
    }

    .footer-map .contacts .contacts__social {
        display: flex;
        gap: 16px;
        padding-right: 10px
    }

    .footer-map .contacts .contacts__social .link:not(:last-child) {
        margin-bottom: 0
    }

    .footer-map .contacts .contacts__social .link p {
        display: none
    }

    .footer-map .contacts__low {
        align-items: center
    }

    .footer-map .contacts .contacts__links {
        display: flex;
        gap: 56px
    }

    .footer-map .contacts .contacts__links .link:not(:last-child) {
        margin-bottom: 0
    }

    .footer-map .address, .footer-map .requisites {
        align-items: center;
        flex-direction: row
    }

    .footer-map .address p, .footer-map .requisites p {
        margin-bottom: 0 !important
    }

    .footer-map .address {
        gap: 60px
    }

    .footer-map .address p:nth-child(2) {
        max-width: 28%
    }

    .footer-map .requisites p:first-child {
        margin-right: 85px
    }

    .footer-map .requisites p:nth-child(2) {
        margin-right: auto
    }
}

@media (max-width: 740px) {
    .footer-map {
        padding: 16px 0
    }

    .footer-map.alternate {
        padding-bottom: 16px;
        padding-top: 24px
    }

    .footer-map .footer-map-title {
        font-size: 20px;
        line-height: 130%
    }

    .footer-map .footer__content {
        gap: 8px;
        margin-bottom: 8px
    }

    .footer-map .footer__map {
        height: 160px
    }

    .footer-map .address, .footer-map .contacts, .footer-map .requisites {
        padding: 16px
    }

    .footer-map .contacts .contacts__top-title {
        font-size: 16px
    }

    .footer-map .contacts .contacts__links, .footer-map .contacts .contacts__social {
        flex-direction: column;
        gap: 16px
    }

    .footer-map .contacts .contacts__social {
        padding-right: 0
    }

    .footer-map .address {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px
    }

    .footer-map .address p:nth-child(2) {
        max-width: 67%
    }

    .footer-map .requisites .text-wrapper {
        flex-direction: column
    }

    .footer-map .requisites .text-wrapper p:first-child {
        margin-bottom: 8px !important;
        margin-right: 28px
    }

    .footer-map .address p:first-child, .footer-map .requisites p:first-child {
        font-size: 16px
    }

    .footer-map .address p:nth-child(2), .footer-map .requisites p:nth-child(2) {
        font-size: 13px;
        font-weight: 300;
        line-height: 140%
    }
}

.recolor-page .footer-map {
    background: #141f29
}

.recolor-page .footer-map .contacts {
    background: #162a3d
}

.footer-alt {
    align-items: center;
    background: url(../assets/img/footer-alt-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75%;
    display: flex;
    flex-direction: column;
    height: 600px;
    padding: 50px 0
}

.footer-alt__title {
    color: #29343e;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px;
    max-width: 38%;
    text-align: center
}

.footer-alt__title span {
    color: #259d72
}

.footer-alt .address {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

.footer-alt .address .side {
    width: 50%
}

.footer-alt .address .side:first-child {
    border-right: 1px solid #259d72;
    display: flex;
    justify-content: flex-end
}

.footer-alt .address .side:first-child p {
    max-width: 50%
}

.footer-alt .address .side:last-child {
    padding-left: 32px
}

.footer-alt .address .side:last-child p {
    max-width: 81%
}

.footer-alt .address p {
    color: #545d65;
    font-size: 15px;
    line-height: 133%
}

.footer-alt a {
    display: block
}

.footer-alt .email-link {
    color: #545d65;
    font-size: 15px;
    font-weight: 400;
    line-height: 133%;
    margin-bottom: 24px
}

.footer-alt .phone-link {
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.footer-alt .main-btn {
    padding: 12px 24px
}

@media (max-width: 1024px) {
    .footer-alt {
        background-position: 43% 71%;
        background-size: 88%;
        padding-bottom: 24px;
        padding-top: 40px
    }

    .footer-alt__title {
        max-width: 54%
    }
}

@media (max-width: 1000px) {
    .footer-alt {
        background-position: 36% 49%;
        background-size: 90%
    }

    .footer-alt__title {
        font-size: 28px;
        max-width: 50%
    }

    .footer-alt .phone-link {
        font-size: 28px
    }
}

@media (max-width: 740px) {
    .footer-alt {
        background-position: 24% 71%;
        background-size: 219%;
        padding: 24px 0
    }

    .footer-alt__title {
        font-size: 20px;
        line-height: 130%;
        max-width: 65%
    }

    .footer-alt .address {
        flex-direction: column
    }

    .footer-alt .address .side {
        display: flex;
        justify-content: center !important;
        width: 100%
    }

    .footer-alt .address .side:first-child p {
        border-bottom: 1px solid #259d72;
        padding-bottom: 8px
    }

    .footer-alt .address .side p {
        font-size: 14px;
        line-height: 120%;
        max-width: 100% !important
    }

    .footer-alt .address .side:first-child {
        border-right: none;
        justify-content: flex-start
    }

    .footer-alt .address .side:last-child {
        padding-left: 0
    }

    .footer-alt .address .side:last-child p {
        max-width: 74% !important;
        padding-top: 8px;
        text-align: center
    }

    .footer-alt .phone-link {
        font-size: 24px
    }
}

.main-hero {
    background-image: url(../assets/img/main-hero-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 436px;
    padding-bottom: 0;
    padding-top: 181px;
    position: relative
}

.main-hero .container:not(:has(.breadcrumbs)) {
    display: flex;
    justify-content: space-between
}

.main-hero .container:not(:has(.breadcrumbs)) h1 {
    margin-bottom: 0
}

.main-hero__title {
    color: #fff;
    margin-bottom: 7px;
    max-width: 60%
}

.main-hero .wrapper {
    align-items: flex-end;
    display: flex
}

.main-hero .wrapper .download-link {
    margin-left: auto
}

.main-hero .wrapper:not(:has(.download-link)) {
    margin-top: 38px
}

.main-hero .download-link {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    color: #259d72;
    display: flex;
    font-size: 15px;
    gap: 12px;
    line-height: 20px;
    padding: 12px 16px;
    transition: background-color .2s ease-in-out
}

@media (hover: hover) {
    .main-hero .download-link:hover {
        background: #f4f5f5
    }
}

.main-hero .download-link .icon {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #259d72;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

@media (max-width: 1024px) {
    .main-hero {
        padding-top: 140px
    }
}

@media (max-width: 1000px) {
    .main-hero {
        height: 337px;
        padding-top: 124px
    }
}

@media (max-width: 740px) {
    .main-hero {
        padding-top: 104px
    }

    .main-hero .container:not(:has(.breadcrumbs)) {
        align-items: flex-start;
        flex-direction: column
    }

    .main-hero .container:not(:has(.breadcrumbs)) h1 {
        margin-bottom: 40px
    }

    .main-hero__title {
        font-size: 28px;
        margin-bottom: 40px;
        max-width: 100%
    }

    .main-hero .wrapper {
        align-items: flex-start;
        flex-direction: column
    }

    .main-hero .download-link {
        justify-content: center;
        width: 100%
    }

    .main-hero .wrapper {
        gap: 24px
    }
}

.recolor-page .main-hero {
    background-image: url(../assets/img/main-hero-bg-incospipe.png)
}

.recolor-page .main-hero .download-link {
    color: #2e80e0
}

.recolor-page .main-hero .download-link .icon {
    background: #2e80e0
}

.products {
    background-color: #fff;
    border-radius: 24px 24px 0 0;
    position: relative;
    top: -21px
}

.products .tags {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 40px
}

.products .tags .tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.products .tags .tag {
    border: 1px solid #259d72;
    border-radius: 6px;
    color: #259d72;
    font-size: 16px;
    line-height: 150%;
    padding: 6px 12px;
    transition: color .2s ease-in-out, border-color .2s ease-in-out
}

@media (hover: hover) {
    .products .tags .tag:hover {
        border: 1px solid #1f8661;
        color: #1f8661
    }
}

.products .tags .show-more-tags {
    text-wrap: nowrap;
    color: #7f858b;
    font-size: 16px;
    height: 38px;
    line-height: 150%
}

@media (max-width: 1024px) {
    .products .tags {
        margin-bottom: 24px
    }

    .products .tags .tag {
        font-size: 15px;
        line-height: 20px
    }
}

@media (max-width: 1000px) {
    .products {
        border-radius: 16px
    }

    .products .tags {
        margin-left: -24px;
        overflow-y: auto;
        overflow: -moz-scrollbars-none;
        width: calc(100% + 48px)
    }

    .products .tags::-webkit-scrollbar {
        display: none
    }

    .products .tags .tags-wrapper {
        flex-wrap: nowrap
    }

    .products .tags .tag {
        text-wrap: nowrap
    }

    .products .tags .tag:first-child {
        margin-left: 24px
    }

    .products .tags .tag:last-child {
        margin-right: 24px
    }

    .products .tags .tag.hidden {
        display: block
    }

    .products .tags .show-more-tags {
        display: none
    }
}

@media (max-width: 740px) {
    .products .tags {
        margin-left: -12px;
        width: calc(100% + 24px)
    }

    .products .tags .tag:first-child {
        margin-left: 12px
    }

    .products .tags .tag:last-child {
        margin-right: 12px
    }
}

.recolor-page .tags .tag {
    border-color: #2e80e0;
    color: #2e80e0
}

@media (hover: hover) {
    .recolor-page .tags .tag:hover {
        border-color: #2e80e0;
        color: #2e80e0
    }
}

.catalog-page .products {
    border-radius: 24px
}

.consultation {
    background: #29343e;
    position: relative
}

.consultation:after {
    background: radial-gradient(92.63% 77.34% at 27% 22%, rgba(41, 52, 62, .75), #29343e 100%), url(../assets/img/consultation-form-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 50%
}

.consultation .container {
    display: flex
}

.consultation .left-side, .consultation .right-side {
    width: 50%;
    z-index: 1
}

.consultation .left-side {
    border-right: 1px solid hsla(0, 0%, 100%, .2);
    display: flex;
    flex-direction: column;
    padding-right: 64px
}

.consultation .right-side {
    padding-left: 64px;
    padding-top: 10px
}

.consultation__title {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.consultation__descr {
    color: hsla(0, 0%, 100%, .6);
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: auto
}

.consultation__form .inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px
}

.consultation__form-descr {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 40px
}

.consultation__form .form-inp {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid transparent;
    color: #fff
}

.consultation__form .inp-placeholder {
    color: var(--Grey-Grey-50, #878890)
}

.consultation__form .inp-placeholder:after {
    color: currentColor
}

.consultation__form .submit-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    padding: 16px 24px;
    width: 100%
}

.contacts {
    display: flex;
    justify-content: space-between
}

.contacts__left {
    border-left: 1px solid hsla(0, 0%, 100%, .2);
    padding-left: 32px
}

.contacts img {
    border-radius: 100%;
    height: 64px;
    width: 64px
}

.contacts__descr {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 24px
}

.contacts .contacts__tab {
    display: flex;
    gap: 20px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contacts .contacts__tab .icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.contacts .contacts__tab .icon svg {
    display: block
}

.contacts .contacts__tab:not(:last-child) {
    margin-bottom: 16px
}

.contacts .contacts__tab .text-top {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%
}

.contacts .contacts__tab .text-top:after {
    content: "";
    inset: 0;
    position: absolute
}

.contacts .contacts__tab .text-low {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 140%
}

.contacts__right {
    margin-right: 15px;
    padding-top: 16px
}

.contacts__right img {
    margin-bottom: 20px
}

.contacts__right .manager-name {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 4px
}

.contacts__right .manager-descr {
    color: #878890;
    font-size: 14px;
    line-height: 140%
}

@media (max-width: 1024px) {
    .consultation {
        padding: 64px 0
    }

    .consultation__title {
        font-size: 28px;
        line-height: 120%
    }

    .consultation .left-side {
        padding-right: 40px
    }

    .consultation .right-side {
        padding-left: 40px
    }

    .consultation .contacts__right {
        display: none
    }

    .consultation__form-descr {
        font-size: 24px;
        margin-bottom: 32px
    }

    .consultation__form .inputs-wrapper {
        margin-bottom: 32px
    }

    .consultation__form textarea {
        height: 60px
    }
}

@media (max-width: 1000px) {
    .consultation {
        padding: 40px 0
    }

    .consultation__title {
        font-size: 24px
    }

    .consultation__descr {
        font-size: 16px;
        line-height: 120%
    }

    .consultation .left-side {
        padding-right: 24px
    }

    .consultation .right-side {
        padding-left: 24px;
        padding-top: 0
    }

    .consultation__form-descr {
        font-size: 20px;
        line-height: 130%
    }

    .contacts__left {
        padding-left: 24px
    }
}

@media (max-width: 740px) {
    .consultation:after {
        height: 45%;
        width: 100%
    }

    .consultation .container {
        flex-direction: column;
        padding: 0 24px
    }

    .consultation .left-side, .consultation .right-side {
        width: 100%
    }

    .consultation .left-side {
        border: none;
        border-bottom: 1px solid #545d65;
        padding-bottom: 40px;
        padding-right: 0
    }

    .consultation .right-side {
        padding-left: 0;
        padding-top: 40px
    }

    .consultation__descr {
        margin-bottom: 40px
    }

    .consultation__form-descr {
        margin-bottom: 24px
    }

    .consultation__form .inputs-wrapper {
        gap: 8px;
        margin-bottom: 24px
    }

    .consultation__form .submit-btn {
        margin-bottom: 16px
    }

    .contacts__left {
        border-left: none;
        padding-left: 0
    }

    .contacts__descr {
        margin-bottom: 16px
    }
}

.advantages .container {
    -webkit-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns:repeat(8, 1fr);
    row-gap: 60px
}

.advantages .left-side, .advantages .right-side {
    grid-column: span 4
}

.advantages .cards-wrapper {
    display: grid;
    gap: 24px;
    grid-column: span 8;
    grid-template-columns:repeat(4, 1fr)
}

.advantages .cards-wrapper .advantages-card {
    min-height: 262px
}

.advantages .cards-wrapper .advantages-card:first-child, .advantages .cards-wrapper .advantages-card:nth-child(2) {
    grid-row: 1/3
}

.advantages .cards-wrapper .advantages-card:first-child {
    background-image: url(../assets/img/advantages-product-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

.advantages .cards-wrapper .advantages-card:nth-child(2) {
    background: #fff;
    border: 1px solid #eaebec
}

.advantages .cards-wrapper .advantages-card:nth-child(2) .advantages-card__name {
    max-width: 68%
}

.advantages .cards-wrapper .advantages-card:nth-child(3) {
    background-image: url(../assets/img/advantages-map-bg.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    grid-column: span 2
}

.advantages .cards-wrapper .advantages-card:nth-child(4) {
    background-image: url(../assets/img/advantages-truck-bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

.advantages .cards-wrapper .advantages-card:nth-child(5) {
    background: #fff;
    border: 1px solid #eaebec
}

.advantages__title {
    color: #29343e;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 40px
}

.advantages__descr {
    color: #29343e;
    font-size: 16px;
    line-height: 150%
}

.advantages__descr:not(:last-child) {
    margin-bottom: 32px
}

.advantages__slider img {
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.advantages .slider-btn-wrapper {
    bottom: 20px;
    display: flex;
    gap: 8px;
    left: 16px;
    position: absolute;
    z-index: 10
}

@media (max-width: 1024px) {
    .advantages .container {
        row-gap: 56px
    }

    .advantages__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .advantages__descr {
        font-size: 15px;
        line-height: 20px
    }

    .advantages .cards-wrapper .advantages-card {
        min-height: 195px
    }

    .advantages .cards-wrapper .advantages-card:nth-child(2) .advantages-card__name {
        max-width: 97%
    }

    .advantages .cards-wrapper .advantages-card:nth-child(5) .advantages-card__name {
        margin-bottom: 36px
    }

    .advantages .cards-wrapper {
        gap: 20px
    }
}

@media (max-width: 1000px) {
    .advantages__title {
        font-size: 24px;
        margin-bottom: 24px
    }

    .advantages .container .left-side, .advantages .container .right-side {
        grid-column: span 8
    }

    .advantages__slider img {
        height: 448px;
        width: 100%
    }

    .advantages .cards-wrapper .advantages-card {
        min-height: 340px
    }

    .advantages .cards-wrapper .advantages-card:first-child, .advantages .cards-wrapper .advantages-card:nth-child(2), .advantages .cards-wrapper .advantages-card:nth-child(4), .advantages .cards-wrapper .advantages-card:nth-child(5) {
        grid-column: span 2
    }

    .advantages .cards-wrapper .advantages-card:nth-child(3) {
        grid-column: span 4;
        min-height: 290px
    }

    .advantages .cards-wrapper .advantages-card:first-child {
        background-position: 100% 100%;
        background-size: 60%
    }

    .advantages .cards-wrapper .advantages-card:nth-child(5) .advantages-card__name {
        margin-bottom: auto
    }

    .advantages .cards-wrapper .advantages-card:nth-child(5) .main-btn {
        font-size: 16px;
        font-weight: 500;
        line-height: 120%;
        padding: 12px 24px
    }

    .advantages .slider-btn-wrapper {
        bottom: 28px;
        left: 24px
    }
}

@media (max-width: 740px) {
    .advantages .container {
        row-gap: 40px
    }

    .advantages .cards-wrapper {
        gap: 16px
    }

    .advantages .cards-wrapper .advantages-card:nth-child(2) {
        grid-row: span 1;
        min-height: 300px
    }

    .advantages .cards-wrapper .advantages-card:first-child, .advantages .cards-wrapper .advantages-card:nth-child(2), .advantages .cards-wrapper .advantages-card:nth-child(4), .advantages .cards-wrapper .advantages-card:nth-child(5) {
        grid-column: span 4;
        min-height: 300px
    }

    .advantages .slider-btn-wrapper {
        display: none
    }

    .advantages__slider .swiper-slide {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .advantages__slider img {
        height: 184px;
        width: 294px
    }
}

.reviews__title {
    color: #29343e;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 32px
}

.reviews .review-card {
    width: 424px
}

.reviews .slider-wrapper {
    position: relative
}

.reviews .slider-wrapper .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.reviews .slider-next-btn, .reviews .slider-prev-btn {
    position: absolute;
    top: 44%;
    z-index: 1
}

.reviews .slider-prev-btn {
    left: -15px
}

.reviews .slider-next-btn {
    right: -15px
}

@media (max-width: 1024px) {
    .reviews__title {
        font-size: 28px;
        margin-bottom: 32px
    }
}

@media (max-width: 1000px) {
    .reviews__title {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 24px
    }

    .reviews .slider-next-btn, .reviews .slider-prev-btn {
        display: none
    }
}

@media (max-width: 740px) {
    .reviews .review-card {
        width: 296px
    }
}

.clients .swiper-wrapper {
    transition-timing-function: linear
}

.clients .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.complex .container {
    -webkit-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns:repeat(8, 1fr);
    row-gap: 60px
}

.complex__content, .complex__img {
    grid-column: span 4
}

.complex__img {
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.complex__content {
    padding-left: 41px
}

.complex .collaboration__title, .complex__title {
    color: #29343e;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 40px
}

.complex__descr, .complex__list-item {
    font-size: 16px;
    line-height: 150%
}

.complex__descr {
    margin-bottom: 24px
}

.complex__list {
    padding-left: 24px
}

.complex__list-item {
    position: relative
}

.complex__list-item:not(:last-child) {
    margin-bottom: 12px
}

.complex__list-item:after {
    background-color: var(--Grey-Grey-15, #dbdbdd);
    border-radius: 100%;
    content: "";
    height: 8px;
    left: -25px;
    position: absolute;
    top: 10px;
    width: 8px
}

.collaboration {
    grid-column: span 8
}

.collaboration__title {
    max-width: 53%
}

.collaboration .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(3, 1fr)
}

.collaboration__card {
    align-items: center;
    border: 1px solid #eaebec;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    padding: 36px 32px
}

@media (max-width: 1024px) {
    .complex__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .complex__content {
        padding-left: 16px
    }

    .complex__descr, .complex__list-item {
        font-size: 15px;
        line-height: 20px
    }

    .complex .collaboration__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .complex .collaboration__card {
        height: 100px
    }

    .complex .collaboration__card img {
        -o-object-fit: cover;
        object-fit: cover;
        scale: .9
    }
}

@media (max-width: 1000px) {
    .complex .container {
        row-gap: 40px
    }

    .complex__content {
        padding-left: 0
    }

    .complex__title {
        font-size: 24px;
        margin-bottom: 24px
    }

    .complex__content, .complex__img {
        grid-column: span 8
    }

    .complex__img {
        width: 100%
    }

    .complex .collaboration__title {
        font-size: 24px;
        margin-bottom: 24px;
        max-width: 100%
    }
}

@media (max-width: 740px) {
    .complex .cards-wrapper {
        row-gap: 8px
    }

    .complex .cards-wrapper .collaboration__card {
        grid-column: span 3
    }
}

.recolor-page .shipments h2 span {
    color: #2e80e0
}

.payment__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 32px
}

.payment .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 60px
}

.payment-card__text {
    max-width: 60%
}

.tenders {
    background: rgba(41, 52, 62, .05);
    border-radius: 24px;
    display: grid;
    gap: 24px;
    grid-template-columns:repeat(8, 1fr);
    padding: 64px 68px 0
}

.tenders__content, .tenders__img {
    grid-column: span 4
}

.tenders__img {
    margin-top: 12px
}

.tenders__title {
    color: #29343e;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 40px
}

.tenders__list {
    margin-bottom: 40px;
    padding-left: 16px
}

.tenders__list-item {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    position: relative
}

.tenders__list-item:after {
    background-color: #259d72;
    border-radius: 100px;
    content: "";
    height: 100%;
    left: -17px;
    position: absolute;
    top: 0;
    width: 2px
}

.tenders__list-item:not(:last-child) {
    margin-bottom: 16px
}

.tenders .main-btn {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 12px;
    line-height: 120%;
    padding: 12px 24px
}

@media (max-width: 1024px) {
    .payment__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .payment-card__text {
        max-width: 100%
    }

    .tenders {
        padding: 40px 40px 0
    }

    .tenders__title {
        font-size: 28px
    }

    .tenders__list, .tenders__title {
        margin-bottom: 32px
    }

    .tenders__list-item {
        font-size: 16px;
        line-height: 120%
    }

    .tenders__img {
        margin-top: 46px
    }
}

@media (max-width: 1000px) {
    .payment__title {
        font-size: 24px;
        margin-bottom: 24px
    }

    .payment .cards-wrapper {
        margin-bottom: 40px
    }

    .payment .tenders {
        gap: 16px;
        padding: 32px 32px 0
    }

    .payment .tenders__title {
        font-size: 24px;
        margin-bottom: 24px
    }

    .payment .tenders__list {
        margin-bottom: 24px
    }

    .payment .tenders__list-item {
        font-size: 14px;
        line-height: 125%
    }

    .payment .tenders .main-btn {
        font-size: 15px;
        line-height: 20px;
        padding: 10px 20px
    }

    .payment .tenders__img {
        margin-top: 90px
    }
}

@media (max-width: 740px) {
    .payment .cards-wrapper {
        row-gap: 8px
    }

    .payment .cards-wrapper .payment-card {
        grid-column: span 3
    }

    .payment .tenders {
        padding: 40px 20px 0
    }

    .payment .tenders .main-btn {
        justify-content: center;
        width: 100%
    }

    .payment .tenders__content, .payment .tenders__img {
        grid-column: span 8
    }

    .payment .tenders__img {
        margin-top: 30px
    }
}

.recolor-page .payment .payment-card svg path {
    fill: #2e80e0
}

.recolor-page .tenders .tenders__list-item:after {
    background-color: #2e80e0
}

.faq {
    background: #29343e
}

.faq .container {
    display: flex
}

.faq__content, .faq__questions {
    width: 50%
}

.faq__content {
    border-right: 1px solid #545d65;
    padding-right: 64px
}

.faq__questions {
    padding-left: 64px;
    padding-top: 10px
}

.faq__title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px
}

.faq__descr {
    color: hsla(0, 0%, 100%, .6);
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 32px
}

.faq .main-btn {
    align-items: center;
    display: flex;
    font-size: 15px;
    gap: 12px;
    line-height: 20px;
    margin-bottom: 32px;
    padding: 10px 20px
}

.faq .accordion {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    transition: background-color .2s ease-in-out
}

@media (hover: hover) {
    .faq .accordion:hover {
        background: hsla(0, 0%, 100%, .1)
    }
}

.faq .accordion:not(:last-child) {
    margin-bottom: 12px
}

.faq .accordion.open .accordion__icon, .faq .accordion.open .accordion__icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq .accordion__head {
    cursor: pointer;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 16px 24px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.faq .accordion__title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%
}

.faq .accordion__body {
    box-sizing: content-box;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    height: 0;
    line-height: 150%;
    overflow: hidden;
    padding-left: 24px;
    padding-right: 52px;
    transition: height .3s ease-in-out
}

.faq .accordion__icon {
    height: 28px;
    position: relative;
    width: 13px
}

.faq .accordion__icon, .faq .accordion__icon:after, .faq .accordion__icon:before {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.faq .accordion__icon:after, .faq .accordion__icon:before {
    background: hsla(0, 0%, 100%, .4);
    border-radius: 50px;
    content: "";
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%
}

.faq .accordion__icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (max-width: 1024px) {
    .faq__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .faq__content {
        padding-right: 40px
    }

    .faq__questions {
        padding-left: 40px;
        padding-top: 0
    }

    .faq .accordion__title {
        font-size: 18px
    }

    .faq .main-btn {
        margin-bottom: 60px
    }
}

@media (max-width: 1000px) {
    .faq__title {
        font-size: 24px
    }

    .faq__content {
        padding-right: 24px
    }

    .faq__questions {
        padding-left: 24px
    }

    .faq .main-btn {
        margin-bottom: 107px
    }
}

@media (max-width: 740px) {
    .faq .container {
        flex-direction: column;
        padding: 0 24px
    }

    .faq__content, .faq__questions {
        width: 100%
    }

    .faq__content {
        border: none;
        border-bottom: 1px solid #545d65;
        padding-bottom: 40px;
        padding-right: 0
    }

    .faq__questions {
        padding-left: 0;
        padding-top: 40px
    }

    .faq .main-btn {
        margin-bottom: 47px
    }
}

.recolor-page .faq {
    background: #fff
}

.recolor-page .faq__content {
    border-color: #eaebec
}

.recolor-page .faq__title {
    color: #29343e
}

.recolor-page .faq__descr {
    color: #545d65
}

.recolor-page .faq .contacts__left {
    border-color: #d4d6d8
}

.recolor-page .faq .contacts__descr {
    color: #545d65
}

.recolor-page .faq .contacts__tab .icon {
    background: #eaebec
}

.recolor-page .faq .contacts__tab .icon svg path {
    fill: #29343e
}

.recolor-page .faq .contacts__tab .text-top {
    color: #3e4851
}

.recolor-page .faq .contacts__tab .text-low {
    color: #7f858b
}

.recolor-page .faq__questions .accordion {
    background: #f4f5f5
}

.recolor-page .faq__questions .accordion__body, .recolor-page .faq__questions .accordion__title {
    color: #29343e
}

.shipments__title {
    color: #29343e;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px
}

.shipments .slider-wrapper {
    position: relative
}

.shipments .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.shipments .slider-next-btn, .shipments .slider-prev-btn {
    position: absolute;
    top: 44%;
    z-index: 1
}

.shipments .slider-prev-btn {
    left: -20px
}

.shipments .slider-next-btn {
    right: -20px
}

.shipments img {
    height: 360px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1400px) {
    .shipments .slider-next-btn {
        right: 0
    }

    .shipments .slider-prev-btn {
        left: 0
    }
}

@media (max-width: 1024px) {
    .shipments__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .shipments img {
        height: 320px
    }
}

@media (max-width: 1000px) {
    .shipments__title {
        font-size: 24px;
        margin-bottom: 24px
    }

    .shipments .shipments-next-btn, .shipments .shipments-prev-btn {
        display: none
    }
}

@media (max-width: 740px) {
    .shipments img {
        height: 296px;
        width: 296px
    }
}

.policy-page .header {
    background: rgba(41, 52, 62, .8);
    height: 112px
}

.policy {
    background: #fff;
    padding-top: 177px
}

.policy th, .policy td { border: 1px solid black;margin-bottom:40px; }
.policy td, .policy th {padding:10px;align-content: center;}
.policy th p, .policy td p {
    margin:0;
}

.policy .breadcrumbs {
    margin-bottom: 40px
}

.policy .breadcrumbs__link {
    color: #7f858b
}

.policy .breadcrumbs__link:nth-last-child(2) {
    color: #3e4851
}

.policy .breadcrumbs svg path {
    fill: #7f858b
}

.policy h1 {
    margin-bottom: 40px
}

.policy h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px
}

.policy p {
    color: #29343e;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 32px
}

.policy a {
    color: #0071e3
}

.policy ol li {
    margin-bottom: 32px
}

.policy ol li p {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 16px
}

.policy ol ol {
    list-style: none
}

.policy ol ol li {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.policy ol ol li, .policy ol ul li {
    color: #29343e;
    font-size: 16px;
    line-height: 150%
}

.policy ol ul li {
    margin-bottom: 16px;
    padding-left: 24px;
    position: relative
}

.policy ol ul li:after {
    background: #259d72;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: -1px;
    position: absolute;
    top: 10px;
    width: 8px
}

@media (max-width: 1000px) {
    .policy-page .header {
        height: 64px
    }

    .policy {
        padding-top: 104px
    }

    .policy .breadcrumbs {
        margin-bottom: 32px
    }

    .policy h1, .policy p {
        margin-bottom: 24px
    }
}

@media (max-width: 740px) {
    .policy h1 {
        font-size: 28px;
        line-height: 120%
    }

    .policy p {
        font-size: 15px;
        line-height: 133%
    }

    .policy h2 {
        font-size: 16px;
        line-height: 130%
    }

    .policy ol ol li, .policy ol ul li {
        font-size: 15px;
        line-height: 133%
    }
}

.not-found-page .header {
    background: rgba(41, 52, 62, .8);
    height: 112px
}

.not-found {
    background-image: url(../assets/img/not-found-bg.png);
    background-position: right 112px;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding-bottom: 119px;
    padding-top: 233px
}

.not-found__content {
    max-width: 50%
}

.not-found__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px
}

.not-found__descr {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 32px
}

.not-found span {
    color: #bfc2c5;
    display: block;
    font-size: 56px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px
}

.not-found .main-btn {
    align-items: center;
    display: flex;
    font-size: 15px;
    gap: 12px;
    justify-content: center;
    line-height: 133%;
    padding: 10px 14px 10px 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 1024px) {
    .not-found {
        background-size: 66%;
        padding-bottom: 104px;
        padding-top: 192px
    }
}

@media (max-width: 1000px) {
    .not-found-page .header {
        height: 64px
    }

    .not-found {
        background-position: right 64px;
        background-size: 74%;
        padding-bottom: 62px;
        padding-top: 123px
    }

    .not-found span {
        font-size: 48px;
        line-height: 120%;
        margin-bottom: 24px
    }

    .not-found__descr {
        font-size: 15px;
        line-height: 133%;
        margin-bottom: 24px
    }
}

@media (max-width: 740px) {
    .not-found {
        background-image: none;
        padding-bottom: 69px;
        padding-top: 128px
    }

    .not-found__content {
        max-width: 100%
    }

    .not-found .main-btn {
        font-size: 16px;
        line-height: 120%;
        padding: 12px 24px
    }
}

.search-result-page .header {
    background: rgba(41, 52, 62, .8);
    height: 112px
}

.search-results {
    padding-top: 177px
}

.search-results__title {
    margin-bottom: 40px
}

.search-results__found {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 24px
}

.search-results__found span {
    color: #a9aeb2
}

.search-results .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(6, 1fr);
    margin-bottom: 40px
}

.search-results .catalog-menu__card {
    background: #f4f5f5
}

.search-results .catalog-menu__card-title {
    color: #29343e
}

.search-results .products-found {
    color: #29343e;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 24px
}

.search-results .products-found span {
    color: #a9aeb2
}

@media (max-width: 1024px) {
    .search-results .cards-wrapper {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (max-width: 1000px) {
    .search-result-page .header {
        height: 64px
    }

    .search-results {
        padding-top: 105px
    }

    .search-results__found {
        margin-bottom: 16px
    }

    .search-results .cards-wrapper {
        gap: 8px;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 740px) {
    .search-results__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .search-results .products-found, .search-results__found {
        font-size: 16px
    }

    .search-results .cards-wrapper {
        grid-template-columns:1fr;
        margin-bottom: 32px
    }
}

.search-not-found-page .header {
    background: rgba(41, 52, 62, .8);
    height: 112px
}

.search-not-found {
    padding-top: 177px
}

.search-not-found__title {
    margin-bottom: 40px
}

.search-not-found__descr {
    font-size: 16px;
    line-height: 150%
}

.search-not-found__descr:nth-last-child(2) {
    margin-bottom: 40px
}

.search-not-found .link-wrapper {
    display: flex;
    gap: 16px
}

.search-not-found .main-btn, .search-not-found .option-btn {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 12px 24px
}

.search-not-found .main-btn svg, .search-not-found .option-btn svg {
    display: block
}

@media (max-width: 1000px) {
    .search-not-found-page .header {
        height: 64px
    }

    .search-not-found {
        padding-top: 105px
    }

    .search-not-found .main-btn, .search-not-found .option-btn {
        font-size: 15px;
        gap: 9px;
        line-height: 133%;
        padding: 10px 20px
    }
}

@media (max-width: 740px) {
    .search-not-found__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .search-not-found__descr {
        font-size: 15px;
        line-height: 133%
    }

    .search-not-found__descr:nth-last-child(2) {
        margin-bottom: 32px
    }

    .search-not-found .link-wrapper {
        flex-direction: column;
        gap: 8px
    }

    .search-not-found .main-btn, .search-not-found .option-btn {
        justify-content: center
    }
}

.hero-catalog {
    background: #f4f5f5;
    padding-bottom: 70px;
    padding-top: 160px
}

.hero-catalog h1 {
    margin-bottom: 24px
}

.hero-catalog .breadcrumbs__link {
    color: #7f858b
}

.hero-catalog .breadcrumbs__link:nth-last-child(2) {
    color: #29343e
}

.hero-catalog .breadcrumbs svg path {
    fill: #7f858b
}

@media (max-width: 1000px) {
    .hero-catalog {
        padding-top: 112px
    }
}

@media (max-width: 740px) {
    .hero-catalog h1 {
        font-size: 28px
    }
}

.constructor-alt-page .header, .constructor-page .header, .main-alternate-page .header {
    background: rgba(41, 52, 62, .8)
}

.hero-alternate {
    padding-bottom: 0;
    padding-top: 176px;
    position: relative
}

.hero-alternate:after {
    background: url(../assets/img/hero-alternate-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 112px
}

.hero-alternate .container {
    display: grid;
    gap: 24px;
    grid-template-columns:repeat(8, 1fr)
}

.hero-alternate__bg, .hero-alternate__content {
    grid-column: span 4;
    padding-bottom: 64px;
    position: relative;
    z-index: 1
}

.hero-alternate__bg {
    background: url(../assets/img/hero-alternate-bg-2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-alternate h1 {
    font-size: 40px;
    margin-bottom: 32px;
    padding-left: 24px;
    position: relative
}

.hero-alternate h1:after {
    background: #259d72;
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px
}

.hero-alternate .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 40px
}

.hero-alternate .cards-wrapper .card {
    align-items: center;
    display: flex;
    gap: 20px
}

.hero-alternate .cards-wrapper .card svg {
    flex-shrink: 0;
    height: 40px;
    width: 40px
}

.hero-alternate .cards-wrapper .card p {
    font-size: 16px;
    line-height: 150%
}

.hero-alternate .main-btn {
    display: flex;
    gap: 12px;
    padding: 12px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 1024px) {
    .hero-alternate .cards-wrapper {
        -webkit-column-gap: 8px;
        column-gap: 8px
    }

    .hero-alternate__bg {
        background-position: 66px 35px;
        background-size: 104%
    }
}

@media (max-width: 1000px) {
    .hero-alternate {
        padding-top: 104px
    }

    .hero-alternate:after {
        top: 64px
    }

    .hero-alternate__bg {
        display: none
    }

    .hero-alternate__content {
        grid-column: span 7;
        padding-bottom: 40px
    }

    .hero-alternate .cards-wrapper .card p {
        font-size: 15px;
        line-height: 133%
    }
}

@media (max-width: 740px) {
    .hero-alternate__content {
        grid-column: span 8
    }

    .hero-alternate h1 {
        font-size: 28px;
        line-height: 120%;
        padding-left: 0
    }

    .hero-alternate h1:after {
        display: none
    }

    .hero-alternate .cards-wrapper .card {
        grid-column: span 2
    }

    .hero-alternate .main-btn {
        justify-content: center;
        width: auto
    }

    .hero-alternate__content {
        padding-bottom: 16px
    }
}

.catalog h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 40px
}

.catalog .advantages {
    align-items: center;
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
    width: 79%
}

.catalog .advantages span {
    text-wrap: nowrap;
    color: #259d72;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%
}

.catalog .advantages p {
    font-size: 15px;
    line-height: 133%
}

.catalog__search {
    align-items: center;
    background: #f4f5f5;
    border-radius: 16px;
    display: flex;
    margin-bottom: 24px;
    padding: 24px 32px
}

.catalog__search p {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin-right: 24px
}

.catalog__search-trigger {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #fff;
    border: 1px solid #d4d6d8;
    border-radius: 6px;
    cursor: text;
    display: flex;
    flex-grow: 1;
    gap: 12px;
    margin-right: 16px;
    padding: 10px 20px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.catalog__search-trigger span {
    color: #a9aeb2;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%
}

.catalog__search .main-btn {
    padding: 10px 24px
}

.catalog__cards-wrapper {
    display: grid;
    gap: 24px;
    grid-template-columns:repeat(6, 1fr)
}

.catalog__cards-wrapper--constructor {
    gap: 16px;
    grid-template-columns:repeat(5, 1fr)
}

.catalog__card {
    background: #f4f5f5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    justify-content: space-between;
    min-height: 200px;
    padding: 32px;
    position: relative
}

.catalog__card a {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%
}

.catalog__card a:after {
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.catalog__card div {
    align-items: center;
    background: #eaebec;
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.catalog__card img {
    bottom: 0;
    height: 168px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    width: 242px
}

.catalog__card--constructor {
    grid-column: span 1;
    justify-content: flex-start;
    padding: 24px
}

.catalog__card--constructor div {
    display: none
}

.catalog__card--constructor a {
    font-size: 16px;
    margin-bottom: 8px
}

.catalog__card--constructor p {
    color: #7f858b;
    font-size: 14px;
    line-height: 120%
}

.catalog__card--constructor img {
    height: 122px;
    width: 152px
}

@media (max-width: 1024px) {
    .catalog .advantages {
        width: 100%
    }

    .catalog__cards-wrapper--constructor {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 1000px) {
    .catalog h2 {
        margin-bottom: 24px
    }

    .catalog .advantages {
        gap: 20px;
        margin-bottom: 24px
    }

    .catalog__card {
        grid-column: span 3
    }

    .catalog__card--constructor {
        grid-column: span 1
    }

    .catalog__cards-wrapper--constructor {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 740px) {
    .catalog .advantages {
        gap: 16px;
        margin-bottom: 40px
    }

    .catalog .advantages, .catalog__search {
        align-items: flex-start;
        flex-direction: column
    }

    .catalog__search {
        padding: 16px
    }

    .catalog__search p {
        margin-bottom: 16px;
        margin-right: 0
    }

    .catalog__search-trigger {
        margin-bottom: 8px;
        margin-right: 0;
        width: 100%
    }

    .catalog__search .main-btn {
        width: 100%
    }

    .catalog__cards-wrapper {
        gap: 8px
    }

    .catalog__cards-wrapper--constructor {
        grid-template-columns:1fr
    }

    .catalog__card {
        align-items: center;
        border-radius: 8px;
        flex-direction: row;
        grid-column: span 6;
        min-height: auto;
        padding: 12px 12px 12px 16px
    }

    .catalog__card--constructor {
        grid-column: span 1;
        justify-content: space-between
    }

    .catalog__card--constructor div {
        display: flex
    }

    .catalog__card--constructor a {
        font-size: 20px;
        margin-bottom: 0
    }

    .catalog__card img, .catalog__card--constructor p {
        display: none
    }
}

.recolor-page .catalog .advantages span {
    color: #2e80e0
}

.advantages-alt h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 60px;
    max-width: 68%
}

.advantages-alt h2 span {
    color: #1f8661
}

.advantages-alt .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(14, 1fr)
}

.advantages-alt .advantages-alt-card {
    background: #f8f9f9;
    border-radius: 16px;
    padding: 40px
}

.advantages-alt .advantages-alt-card p {
    color: #7f858b;
    font-size: 16px;
    line-height: 150%
}

.advantages-alt .advantages-alt-card p:first-child {
    color: #29343e;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px
}

.advantages-alt .advantages-alt-card:first-child {
    background-image: url(../assets/img/advantages-alt-1.png);
    background-position: 100%;
    background-repeat: no-repeat;
    grid-column: span 6
}

.advantages-alt .advantages-alt-card:first-child p {
    max-width: 73%
}

.advantages-alt .advantages-alt-card:nth-child(2) {
    grid-column: span 4
}

.advantages-alt .advantages-alt-card:nth-child(3) {
    background-image: url(../assets/img/advantages-map-bg.png);
    background-position: -30px 40px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    grid-column: span 4;
    grid-row: span 2;
    justify-content: flex-end
}

.advantages-alt .advantages-alt-card:nth-child(4) {
    grid-column: span 4
}

.advantages-alt .advantages-alt-card:nth-child(5) {
    align-items: flex-end;
    background-image: url(../assets/img/advantages-alt-3.png);
    background-position: left 40px bottom;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    grid-column: span 6
}

.advantages-alt .advantages-alt-card:nth-child(5) p {
    max-width: 60%
}

@media (max-width: 1024px) {
    .advantages-alt h2 {
        max-width: 94%
    }

    .advantages-alt .advantages-alt-card {
        padding: 24px
    }

    .advantages-alt .advantages-alt-card p:not(:first-child) {
        font-size: 15px;
        line-height: 133%
    }

    .advantages-alt .advantages-alt-card:first-child {
        background-size: 44%
    }

    .advantages-alt .advantages-alt-card:first-child p {
        max-width: 57%
    }

    .advantages-alt .advantages-alt-card:nth-child(3) {
        background-position: -16px 57px;
        background-size: 140%
    }

    .advantages-alt .advantages-alt-card:nth-child(3) p:first-child {
        max-width: 56%
    }

    .advantages-alt .advantages-alt-card:nth-child(5) {
        background-position: left 20px bottom 30px;
        background-repeat: no-repeat;
        background-size: 30%
    }
}

@media (max-width: 1000px) {
    .advantages-alt h2 {
        font-size: 28px;
        margin-bottom: 24px;
        max-width: 79%
    }

    .advantages-alt .advantages-alt-card p:not(:first-child) {
        font-size: 16px;
        line-height: 150%
    }

    .advantages-alt .advantages-alt-card:first-child {
        background-size: 38%;
        grid-column: span 14;
        order: 1
    }

    .advantages-alt .advantages-alt-card:nth-child(5) {
        align-items: flex-start;
        background-position: bottom left 68px;
        background-size: 17%;
        grid-column: span 14;
        height: 164px;
        order: 2
    }

    .advantages-alt .advantages-alt-card:nth-child(5) p {
        margin-left: 36%
    }

    .advantages-alt .advantages-alt-card:nth-child(4) {
        grid-column: span 7;
        order: 3
    }

    .advantages-alt .advantages-alt-card:nth-child(4) p {
        max-width: 83%
    }

    .advantages-alt .advantages-alt-card:nth-child(2) {
        grid-column: span 7;
        order: 4
    }

    .advantages-alt .advantages-alt-card:nth-child(3) {
        background-position: 107%;
        background-size: 53%;
        grid-column: span 14;
        grid-row: span 1;
        order: 5
    }

    .advantages-alt .advantages-alt-card:nth-child(3) p {
        max-width: 42%
    }
}

@media (max-width: 740px) {
    .advantages-alt h2 {
        font-size: 24px;
        max-width: 100%
    }

    .advantages-alt .cards-wrapper {
        grid-template-columns:1fr
    }

    .advantages-alt .advantages-alt-card {
        background-image: none !important;
        display: block !important;
        grid-column: span 1 !important;
        height: auto !important;
        padding: 20px
    }

    .advantages-alt .advantages-alt-card p {
        margin-left: 0 !important;
        max-width: 100% !important
    }
}

.recolor-page .advantages-alt h2 span {
    color: #2e80e0
}

.recolor-page .advantages-alt .advantages-alt-card:first-child {
    background-image: url(../assets/img/advantages-alt-1-incospipe.png)
}

.recolor-page .advantages-alt .advantages-alt-card:nth-child(3) {
    background-image: url(../assets/img/advantages-map-bg-incospipe.png);
    background-position: top
}

.advantages-alt-two .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(6, 1fr)
}

.advantages-alt-two .card {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #eaebec;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    padding: 32px;
    position: relative
}

.advantages-alt-two .card-title {
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 16px;
    line-height: 120%;
    margin-bottom: 24px
}

.advantages-alt-two .card-title svg {
    flex-shrink: 0
}

.advantages-alt-two .card-descr {
    margin-bottom: auto
}

.advantages-alt-two .card-descr p {
    color: #7f858b;
    font-size: 16px;
    line-height: 150%
}

.advantages-alt-two .card-descr p:not(:last-child) {
    margin-bottom: 12px
}

.advantages-alt-two .card .main-btn {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-top: 40px;
    padding: 12px 24px
}

.advantages-alt-two .card .main-btn:after {
    content: "";
    inset: 0;
    position: absolute
}

.advantages-alt-two .card:first-child {
    background: #f8f9f9;
    border: none;
    grid-row: span 2
}

.advantages-alt-two .card:first-child .card-title {
    margin-bottom: auto
}

.advantages-alt-two .card:first-child .card-title svg {
    margin-top: 7px
}

.advantages-alt-two .card:first-child .card-descr {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .advantages-alt-two .card {
        padding: 24px
    }

    .advantages-alt-two .card-title p {
        font-size: 20px;
        line-height: 130%
    }

    .advantages-alt-two .card-descr p {
        font-size: 14px;
        line-height: 120%
    }

    .advantages-alt-two .card .main-btn {
        margin-top: 24px
    }
}

@media (max-width: 1000px) {
    .advantages-alt-two .card {
        grid-column: span 3
    }

    .advantages-alt-two .card:first-child {
        grid-column: span 6
    }

    .advantages-alt-two .card:first-child .card-title {
        margin-bottom: 30px
    }

    .advantages-alt-two .card:first-child .card-title svg {
        margin-top: 4px
    }
}

@media (max-width: 740px) {
    .advantages-alt-two .card {
        grid-column: span 6;
        padding: 20px
    }

    .advantages-alt-two .card-title {
        gap: 8px
    }

    .advantages-alt-two .card-title svg {
        height: 24px;
        width: 24px
    }

    .advantages-alt-two .card-title p {
        font-size: 16px
    }

    .advantages-alt-two .card:first-child .card-title {
        margin-bottom: 24px
    }
}

.order h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 60px
}

.order .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(3, 1fr)
}

.order .step-card {
    border: 1px solid #eaebec;
    border-radius: 16px;
    padding: 32px
}

.order .step-card__title {
    color: #259d72;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 36px
}

.order .step-card__title span {
    font-size: 40px;
    margin-right: 8px
}

.order .step-card__subtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.order .step-card li {
    color: #7f858b;
    font-size: 16px;
    line-height: 150%;
    padding-left: 27px;
    position: relative
}

.order .step-card li:not(:last-child) {
    margin-bottom: 16px
}

.order .step-card li a {
    text-wrap: nowrap;
    font-weight: 700;
    line-height: 130%
}

.order .step-card li:after {
    background: #7f858b;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 15px
}

.order .help-card {
    background: #f8f9f9;
    background-image: url(../assets/img/help-card-bg.png);
    background-position: bottom right 50px;
    background-repeat: no-repeat;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    padding: 40px
}

.order .help-card p {
    line-height: 120%
}

.order .help-card p:first-child {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px
}

.order .help-card p:nth-child(2) {
    color: #7f858b;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: auto
}

.order .help-card p a {
    text-wrap: nowrap;
    font-weight: 700
}

.order .help-card .main-btn {
    align-items: center;
    align-self: flex-start;
    display: flex;
    gap: 12px;
    padding: 12px 24px
}

@media (max-width: 1024px) {
    .order h2 {
        margin-bottom: 40px
    }

    .order .step-card {
        padding: 32px 24px
    }

    .order .step-card__title {
        margin-bottom: 32px
    }

    .order .step-card__subtitle {
        font-size: 20px;
        line-height: 130%
    }

    .order .help-card {
        background-position: bottom right 30px;
        padding: 32px
    }

    .order .help-card p {
        max-width: 70%
    }

    .order .help-card p:nth-child(2) {
        margin-bottom: 32px
    }
}

@media (max-width: 1000px) {
    .order h2 {
        font-size: 28px;
        margin-bottom: 24px
    }

    .order .step-card {
        padding: 24px 20px
    }

    .order .step-card__title {
        font-size: 16px
    }

    .order .step-card__title span {
        font-size: 32px
    }

    .order .step-card__subtitle {
        font-size: 16px
    }

    .order .step-card li {
        font-size: 14px;
        line-height: 120%
    }

    .order .help-card {
        background-size: 25%
    }

    .order .help-card p:first-child {
        font-size: 20px;
        line-height: 130%
    }

    .order .help-card p:nth-child(2) {
        font-size: 16px
    }
}

@media (max-width: 740px) {
    .order h2 {
        margin-bottom: 40px
    }

    .order .step-card {
        grid-column: span 3;
        padding: 20px
    }

    .order .step-card__title {
        margin-bottom: 24px
    }

    .order .step-card__subtitle {
        margin-bottom: 16px
    }

    .order .help-card {
        background-image: none;
        grid-column: span 3;
        order: 5;
        padding: 24px
    }

    .order .help-card p {
        max-width: 100%
    }

    .order .help-card p:nth-child(2) {
        margin-bottom: 24px
    }

    .order .help-card .main-btn {
        justify-content: center;
        width: 100%
    }
}

.order-alt h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%
}

.order-alt .title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.order-alt .title-wrapper .links {
    align-items: center;
    display: flex;
    gap: 20px
}

.order-alt .title-wrapper .links a {
    align-items: center;
    display: flex;
    gap: 8px
}

.order-alt .title-wrapper .links a, .order-alt .title-wrapper .links p {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

.order-alt .cards-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.order-alt .card {
    border: 1px solid #eaebec;
    border-radius: 16px;
    min-height: 200px;
    padding: 24px;
    width: 224px
}

.order-alt .card .icon {
    align-items: center;
    background: #f8f9f9;
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    margin-bottom: 20px;
    width: 48px
}

.order-alt .card p:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 8px
}

.order-alt .card p:last-child {
    color: #7f858b;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%
}

@media (max-width: 1024px) {
    .order-alt .cards-wrapper {
        -webkit-column-gap: 16px;
        column-gap: 16px;
        row-gap: 24px
    }

    .order-alt .card {
        min-height: 183px;
        width: 266px
    }

    .order-alt h2 {
        margin-bottom: 0
    }
}

@media (max-width: 1000px) {
    .order-alt .title-wrapper {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 24px
    }

    .order-alt .title-wrapper .links a, .order-alt .title-wrapper .links p {
        font-size: 14px;
        line-height: 125%
    }

    .order-alt h2 {
        font-size: 28px
    }

    .order-alt .card {
        min-height: 200px;
        width: 198px
    }

    .order-alt .cards-wrapper {
        -webkit-column-gap: 12px;
        column-gap: 12px;
        row-gap: 24px
    }
}

@media (max-width: 740px) {
    .order-alt .title-wrapper .links {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px
    }

    .order-alt .title-wrapper .links p {
        margin-bottom: 4px
    }

    .order-alt .cards-wrapper {
        gap: 16px
    }

    .order-alt .cards-wrapper .arrow {
        display: none
    }

    .order-alt .cards-wrapper .card {
        display: flex;
        gap: 16px;
        min-height: auto;
        padding: 20px;
        width: 100%
    }

    .order-alt .cards-wrapper .card .icon {
        margin-bottom: 0
    }
}

.recolor-page .order-alt .title-wrapper .links svg path {
    fill: #2e80e0
}

.recolor-page .order-alt .cards-wrapper .card:nth-child(5) svg path:first-child {
    fill: #29343e
}

.recolor-page .order-alt .cards-wrapper .arrow svg path, .recolor-page .order-alt .cards-wrapper .card svg path:first-child, .recolor-page .order-alt .cards-wrapper .card:nth-child(5) svg path:last-child {
    fill: #2e80e0
}

.team h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 60px
}

.team h2 span {
    color: #259d72
}

.team .cards-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(3, 1fr)
}

.team-card {
    padding: 10px 32px 32px;
    position: relative
}

.team-card:after {
    background: #f8f9f9;
    border-radius: 16px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50px
}

.team-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1
}

.team-card img {
    border-radius: 100%;
    height: 100px;
    margin-bottom: 30px;
    width: 100px
}

.team-card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 8px
}

.team-card__post {
    color: #7f858b;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: auto
}

.team-card .links-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.team-card .address-links a {
    color: #545d65;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 12px;
    line-height: 120%
}

.team-card .address-links a:not(:last-child) {
    margin-bottom: 8px
}

.team-card .social-links {
    display: flex;
    gap: 12px
}

.team-card .social-links a {
    align-items: center;
    background: rgba(41, 52, 62, .04);
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (max-width: 1024px) {
    .team h2 {
        margin-bottom: 40px
    }

    .team-card__name {
        font-size: 20px;
        line-height: 130%
    }

    .team-card__post {
        font-size: 14px;
        line-height: 120%
    }

    .team-card .links-wrapper {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px
    }

    .team-card .links-wrapper .address-links a {
        font-size: 14px;
        line-height: 125%
    }
}

@media (max-width: 1000px) {
    .team h2 {
        font-size: 28px;
        margin-bottom: 24px
    }

    .team-card {
        padding: 10px 24px 24px
    }

    .team-card__name {
        font-size: 16px;
        line-height: 130%
    }

    .team-card__post {
        font-size: 13px;
        line-height: 125%
    }

    .team-card .links-wrapper {
        margin-top: 24px
    }

    .team-card img {
        height: 80px;
        width: 80px
    }
}

@media (max-width: 740px) {
    .team-card {
        grid-column: span 3
    }
}

.recolor-page .team h2 span {
    color: #2e80e0
}

.offer {
    background: #29343e
}

.offer .container {
    align-items: center;
    display: grid;
    gap: 80px;
    grid-template-columns:repeat(2, 1fr)
}

.offer__question {
    color: #259d72;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px
}

.offer h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px
}

.offer__descr {
    color: hsla(0, 0%, 100%, .6);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%
}

.offer__form {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px 8px 0 0;
    padding: 24px 32px
}

.offer__form .main-btn {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 12px 24px
}

.offer .form-inp {
    background: hsla(0, 0%, 100%, .05);
    border-color: transparent;
    color: #fff
}

.offer .form-inp .inp-placeholder, .offer .form-inp .inp-placeholder:after {
    color: hsla(0, 0%, 100%, .6)
}

.offer fieldset {
    display: grid;
    gap: 20px;
    grid-template-columns:repeat(2, 1fr)
}

.offer .form-notice {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 0 0 8px 8px;
    color: #d4d6d8;
    font-size: 13px;
    font-weight: 300;
    line-height: 140%;
    padding: 24px 32px
}

.offer .form-notice a {
    color: #259d72
}

@media (max-width: 1024px) {
    .offer .container {
        gap: 40px
    }

    .offer .fieldset {
        gap: 16px
    }

    .offer .form-inp {
        grid-column: span 2
    }

    .offer__form {
        padding: 24px
    }

    .offer .form-notice {
        padding: 16px 24px
    }
}

@media (max-width: 1000px) {
    .offer .container {
        gap: 24px
    }

    .offer .inp-file {
        grid-column: span 2
    }

    .offer__form .main-btn {
        grid-column: span 2;
        justify-content: center;
        justify-self: stretch
    }

    .offer .form-inp:nth-child(2) {
        margin-bottom: 8px
    }

    .offer fieldset {
        gap: 12px
    }

    .offer__question {
        font-size: 16px;
        line-height: 120%
    }

    .offer h2 {
        font-size: 28px
    }

    .offer__descr {
        font-size: 16px;
        line-height: 120%
    }
}

@media (max-width: 740px) {
    .offer .container {
        align-items: flex-start
    }

    .offer .form-wrapper, .offer .text-content {
        grid-column: span 2
    }

    .offer__form {
        padding: 16px
    }
}

.recolor-page .offer {
    background-image: url(../assets/img/offer-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.recolor-page .offer__question {
    color: #d4d6d8
}

.recolor-page .offer__form {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .4)
}

.recolor-page .offer .form-notice {
    background: hsla(0, 0%, 100%, .9);
    color: #29343e
}

.recolor-page .offer .form-notice a {
    color: #2e80e0
}

.header--2 .contacts-info-wrapper {
    align-self: stretch
}

.header--2 .header__contacts-info-btn {
    height: 100%
}

.header--2 .header__contacts-info-content {
    background: #29343e;
    border-radius: 16px;
    cursor: default;
    padding: 24px;
    top: 64px;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    width: 425px
}

.header--2 .header__contacts-info-content svg {
    -webkit-transform: none;
    transform: none
}

.header--2 .header__contacts-info-content .arrow {
    background: #29343e;
    height: 16px;
    left: 60px;
    position: absolute;
    top: -8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px
}

.header--2 .header__contacts-info-content .links-wrapper {
    display: flex;
    gap: 24px;
    margin-bottom: 24px
}

.header--2 .header__contacts-info-content .contacts-link {
    align-items: center;
    display: flex;
    flex-basis: 50%;
    gap: 12px;
    position: relative
}

.header--2 .header__contacts-info-content .contacts-link p {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    line-height: 150%
}

.header--2 .header__contacts-info-content .contacts-link a, .header--2 .header__contacts-info-content .contacts-link span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%
}

.header--2 .header__contacts-info-content .contacts-link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.header--2 .header__contacts-info-content .contacts-link .icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.header--2 .header__contacts-info-content .contacts-info {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 12px
}

.header--2 .header__contacts-info-content .contacts-info .contacts-link:not(:last-child) {
    margin-bottom: 16px
}

.header--2 .header__contacts-info-content .contacts-social {
    align-items: center;
    display: flex;
    gap: 16px
}

.header--2 .header__contacts-info-content .contacts-social .main-btn {
    align-items: center;
    display: flex;
    flex-grow: 1;
    font-size: 15px;
    gap: 12px;
    justify-content: center;
    line-height: 133%;
    padding: 10px 20px
}

.header--2 .header__contacts-info-content .contacts-social .social-link {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (max-width: 1000px) {
    .header--2 .contacts-info-wrapper {
        display: none
    }
}

.header--3 .header__calculator-btn, .header--3 .search-wrapper {
    display: none
}

.header--3 .header__search-btn {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.header--3 .header-contacts-wrapper {
    display: flex;
    gap: 24px;
    margin-right: auto
}

.header--3 .header-contacts-wrapper .contacts-link {
    align-items: center;
    display: flex;
    gap: 12px;
    position: relative
}

.header--3 .header-contacts-wrapper .contacts-link .icon {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .2);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

.header--3 .header-contacts-wrapper .contacts-link a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.header--3 .header-contacts-wrapper .contacts-link a:after {
    content: "";
    inset: 0;
    position: absolute
}

.header--3 .header__logo {
    order: 1
}

.header--3 .header__catalog-btn {
    order: 2
}

.header--3 .header-contacts-wrapper {
    order: 3
}

.header--3 .header__low .btn-wrapper {
    order: 4
}

@media (max-width: 1024px) {
    .header--3 .header-contacts-wrapper {
        display: none
    }

    .header--3 .search-wrapper {
        display: block;
        order: 3
    }

    .header--3 .header__search-btn {
        display: none
    }
}

@media (max-width: 1000px) {
    .header--3 .search-wrapper {
        display: none
    }

    .header--3 .header__search-btn {
        display: flex
    }

    .header--3 .header__logo {
        order: 3
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}
#ocfilter_button {
    display:none;
}
.footer .footer__contacts {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
}
.footer .contacts__links .link:not(:last-child) {
    margin-bottom: 20px;
}
.footer .contacts__links .link p {
    color: #d4d6d8;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 4px;
}
.footer .contacts__links .link a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
}
.footer .contacts__social {
    border-left: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-left: 16px;
    padding-right: 50px;
}
.footer .contacts__social .link:not(:last-child) {
    margin-bottom: 16px;
}
.footer .contacts__social .link {
    align-items: center;
    display: flex;
    gap: 12px;
}
.footer .contacts__social .link .icon {
    align-items: center;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px;
}
.footer .contacts__social .link p {
    color: #d4d6d8;
    font-size: 14px;
    line-height: 120%;
}