@charset "UTF-8";

.carousel {
    box-sizing: border-box;
    position: relative
}

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

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

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

.carousel__viewport {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.carousel__track {
    display: flex
}

.carousel__slide {
    -ms-scroll-chaining: none;
    flex: 0 0 auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    position: relative;
    width: var(--carousel-slide-width, 60%)
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    cursor: pointer;
    display: block;
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 22px
}

.carousel__dots .carousel__dot:after {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    opacity: .25;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .15s ease-in-out;
    width: 8px
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    align-items: center;
    background: var(--carousel-button-bg, transparent);
    border: 0;
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    color: var(--carousel-button-color, currentColor);
    cursor: pointer;
    display: flex;
    height: var(--carousel-button-height, 48px);
    justify-content: center;
    padding: 0;
    pointer-events: all;
    transition: opacity .15s ease;
    width: var(--carousel-button-width, 48px)
}

.carousel__button.is-next,
.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    height: var(--carousel-button-svg-height, 50%);
    pointer-events: none;
    width: var(--carousel-button-svg-width, 50%)
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    bottom: 0;
    box-sizing: border-box;
    color: var(--fancybox-color, #fff);
    direction: ltr;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    position: fixed;
    right: 0;
    top: 0;
    transform-origin: top left;
    z-index: 1050
}

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

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

.fancybox__backdrop {
    background: var(--fancybox-bg, rgba(24, 24, 27, .92));
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fancybox__carousel {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    cursor: default;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    -ms-scroll-chaining: none;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 48px 8px 8px;
    position: relative;
    width: 100%
}

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

.fancybox__content {
    -ms-grid-row-align: center;
    align-self: center;
    background: var(--fancybox-content-bg, #fff);
    color: var(--fancybox-content-color, #374151);
    display: flex;
    flex-direction: column;
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    position: relative;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    box-shadow: none;
    outline: thin dotted
}

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

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    color: var(--fancybox-color, #fff);
    top: 100%
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

.carousel__button.is-close {
    position: absolute;
    right: 8px;
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    top: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    z-index: 40
}

.fancybox__content>.carousel__button.is-close {
    color: var(--fancybox-color, #fff);
    position: absolute;
    right: 0;
    top: -40px
}

.fancybox__no-click,
.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    color: var(--fancybox-color, currentColor);
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: currentColor;
    animation: fancybox-dash 1.5s ease-in-out infinite
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: fancybox-fadeIn .15s ease backwards
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: fancybox-fadeOut .15s ease both
}

.fancybox-fadeIn {
    animation: fancybox-fadeIn .15s ease both
}

.fancybox-fadeOut {
    animation: fancybox-fadeOut .1s ease both
}

.fancybox-zoomInUp {
    animation: fancybox-zoomInUp .2s ease both
}

.fancybox-zoomOutDown {
    animation: fancybox-zoomOutDown .15s ease both
}

.fancybox-throwOutUp {
    animation: fancybox-throwOutUp .15s ease both
}

.fancybox-throwOutDown {
    animation: fancybox-throwOutDown .15s ease both
}

@keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    0% {
        opacity: 0;
        transform: scale(.97) translate3d(0, 16px, 0)
    }

    to {
        opacity: 1;
        transform: scale(1) translateZ(0)
    }
}

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

@keyframes fancybox-throwOutUp {
    to {
        opacity: 0;
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fancybox-throwOutDown {
    to {
        opacity: 0;
        transform: translate3d(0, 30%, 0)
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-color: #ccc hsla(0, 0%, 100%, .1);
    scrollbar-width: thin
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

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

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

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

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

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

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

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

.fancybox__image {
    transform-origin: 0 0;
    transition: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-image .fancybox__content {
    background: transparent;
    min-height: 1px;
    padding: 0
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    height: auto;
    max-width: 100%
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    height: 100%;
    width: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

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

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    height: 80%;
    width: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

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

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

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

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

.fancybox__thumbs {
    flex: 0 0 auto;
    opacity: var(--fancybox-opacity, 1);
    padding: 0 3px;
    position: relative
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 8px 3px;
    width: var(--fancybox-thumbs-width, 96px)
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    border-style: solid;
    border-width: 5px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    background-color: hsla(0, 0%, 100%, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    position: relative;
    width: 100%
}

.fancybox__toolbar {
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44));
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: var(--fancybox-opacity, 1);
    padding: 0;
    position: absolute;
    right: 0;
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4));
    top: 0;
    touch-action: none;
    z-index: 20
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

.fancybox__counter {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: var(--carousel-button-height, 48px);
    min-width: 72px;
    padding: 0 10px;
    text-align: center
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 30
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2),
.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

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

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

.swiper {
    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;
    width: 100%;
    z-index: 1
}

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

.swiper-pointer-events {
    touch-action: pan-y
}

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

.swiper-slide {
    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-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

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

.swiper-button-lock {
    display: none
}

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

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

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
    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-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper-cards {
    overflow: visible
}

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

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 14px
}

.noUi-horizontal .noUi-handle {
    height: 28px;
    right: -17px;
    top: -6px;
    width: 34px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    bottom: -17px;
    height: 34px;
    right: -6px;
    width: 28px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    transform: translateY(-50%)
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    bottom: 10px;
    left: auto;
    transform: translate(50%)
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    right: 28px;
    top: auto;
    transform: translateY(-18px)
}

.flatpickr-calendar {
    animation: none;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    direction: ltr;
    display: none;
    font-size: 14px;
    line-height: 24px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    touch-action: manipulation;
    visibility: hidden;
    width: 307.875px
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    max-height: 640px;
    opacity: 1;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    display: block;
    z-index: 999
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 40px
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    border: solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 22px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    display: inline-block;
    position: relative
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    flex: 1;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center
}

.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    fill: rgba(0, 0, 0, .9);
    color: rgba(0, 0, 0, .9);
    height: 34px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 3
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    height: 14px;
    width: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    fill: inherit;
    transition: fill .1s
}

.numInputWrapper {
    height: auto;
    position: relative
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

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

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.numInputWrapper span {
    border: 1px solid rgba(57, 57, 57, .15);
    box-sizing: border-box;
    cursor: pointer;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    padding: 0 4px 0 2px;
    position: absolute;
    right: 0;
    width: 14px
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    content: "";
    display: block;
    position: absolute
}

.numInputWrapper span.arrowUp {
    border-bottom: 0;
    top: 0
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    height: auto;
    width: inherit
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 135%;
    font-weight: 300;
    height: 34px;
    left: 12.5%;
    line-height: inherit;
    line-height: 1;
    padding: 7.48px 0 0;
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    width: 75%
}

.flatpickr-current-month span.cur-month {
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    -webkit-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 .5ch;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    background: transparent;
    color: rgba(0, 0, 0, .5);
    font-size: 100%;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    align-items: center;
    background: transparent;
    display: flex;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    background: transparent;
    color: rgba(0, 0, 0, .54);
    cursor: default;
    display: block;
    flex: 1;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    margin: 0;
    text-align: center
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    transform: translateZ(0);
    width: 307.875px
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 39px;
    justify-content: center;
    line-height: 39px;
    margin: 0;
    max-width: 39px;
    position: relative;
    text-align: center;
    width: 14.2857143%
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background: #e6e6e6;
    border-color: #e6e6e6;
    cursor: pointer;
    outline: 0
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    background: #959ea9;
    border-color: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    border-color: #569ff7;
    box-shadow: none;
    color: #fff
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    background: transparent;
    border-color: transparent;
    color: rgba(57, 57, 57, .3);
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57, 57, 57, .1);
    cursor: not-allowed
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: 1px 0 0 #e6e6e6;
    padding: 0 12px
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    line-height: 28px;
    width: 100%
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    background: transparent;
    border: none;
    color: rgba(57, 57, 57, .3);
    cursor: default;
    display: block;
    max-width: none;
    width: 100%
}

.flatpickr-innerContainer {
    box-sizing: border-box;
    display: block;
    display: flex;
    overflow: hidden
}

.flatpickr-rContainer {
    box-sizing: border-box;
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    box-sizing: border-box;
    display: block;
    display: flex;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: center
}

.flatpickr-time:after {
    clear: both;
    content: "";
    display: table
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    float: left;
    height: 40px;
    width: 40%
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    -webkit-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #393939;
    font-size: 14px;
    height: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    border: 0;
    outline: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    -ms-grid-row-align: center;
    align-self: center;
    color: #393939;
    float: left;
    font-weight: 700;
    height: inherit;
    line-height: inherit;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2%
}

.flatpickr-time .flatpickr-am-pm {
    cursor: pointer;
    font-weight: 400;
    outline: 0;
    text-align: center;
    width: 18%
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg")
}

.fa {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    text-align: center;
    width: 1.28571429em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.14285714em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2.14285714em;
    position: absolute;
    text-align: center;
    top: .14285714em;
    width: 2.14285714em
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    animation: fa-spin 1s steps(8) infinite
}

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

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,
.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.flip-book {
    height: 100%;
    position: relative
}

.flip-book .view {
    height: 100%;
    text-align: center
}

.flip-book .view .next,
.flip-book .view .prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.flip-book .view .prev {
    left: 20px
}

.flip-book .view .next {
    right: 20px
}

.flip-book .view .fnav a {
    color: #666;
    font-size: 72pt
}

.flip-book .view .fnav a:hover {
    cursor: pointer;
    text-shadow: 0 0 7px #000
}

.flip-book .view .fnav a:active {
    font-size: 70pt
}

.flip-book .view .fnav .hidden {
    display: none
}

.flip-book .view .fnav .active {
    color: #555
}

.flip-book .view .fnav .disabled {
    color: #aaa
}

.flip-book .view .fnav .disabled:hover {
    cursor: not-allowed;
    text-shadow: none
}

.flip-book .view .loading-progress {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.flip-book .view .loading-progress.hidden {
    display: none
}

.flip-book .loading-progress .progress {
    background-color: #555;
    background-image: none;
    border-radius: 30px;
    box-shadow: 0 0 3px #000;
    height: 50px;
    margin: 0 auto 10px;
    padding: 5px;
    width: 50px
}

.flip-book .loading-progress .progress:after {
    background-image: url(../images/light-loader.gif);
    background-size: contain;
    content: " ";
    display: block;
    height: 100%;
    width: 100%
}

.flip-book .page-loading {
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    z-index: 1
}

.flip-book .page-loading.hidden {
    display: none
}

.flip-book .page-loading:after {
    background-image: url(../images/light-loader.gif);
    background-size: contain;
    content: " ";
    display: block;
    height: 100%;
    width: 100%
}

.flip-book .loading-progress .caption {
    background-color: #555;
    border: 1px solid #333;
    border-radius: 5px;
    color: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    font-style: italic;
    padding: 7px 10px
}

.flip-book .controls {
    bottom: 0;
    position: absolute;
    width: 100%
}

.flip-book .controls .fnavbar {
    margin: 0 auto;
    opacity: .3;
    transition: opacity 2s ease-in-out 3s
}

.flip-book .controls .fnavbar:hover {
    opacity: 1;
    transition: opacity 1s ease
}

.ctrl {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.ctrl ul {
    margin: 0;
    padding: 0
}

.ctrl .fnavbar {
    background-color: #3c3c3c;
    background-image: linear-gradient(180deg, #3c3c3c 0, #222);
    background-repeat: repeat-x;
    overflow: visible;
    padding: 3px;
    text-align: center
}

.ctrl .fnavbar a {
    font-size: 14px;
    text-decoration: none
}

.ctrl .fnavbar .fnav {
    display: inline-block;
    font-size: 0;
    text-align: left
}

.ctrl .fnavbar .fnav li {
    font-size: 12pt;
    margin: 0;
    width: auto
}

.ctrl .fnavbar .fnav .fnav-item {
    display: inline-block
}

.ctrl .fnavbar .fnav .hidden {
    display: none
}

.ctrl .fnavbar .fnav .fnav-item>a {
    color: #ccc;
    display: inline-block;
    padding: 10px
}

.ctrl .fnavbar .fnav>.active>a {
    color: #fff
}

.ctrl .fnavbar .fnav .fnav-item>a:hover {
    color: #fff;
    cursor: pointer
}

.ctrl .fnavbar .fnav .fnav-item>a:active {
    text-shadow: 0 0 2px #fff
}

.ctrl .fnavbar .fnav>.disabled>a {
    color: #888
}

.ctrl .fnavbar .fnav>.disabled>a:hover {
    color: #888;
    cursor: not-allowed
}

.ctrl .fnavbar .fnav>.active {
    background: #222
}

.ctrl .fnavbar .fnav .dropdown,
.ctrl .fnavbar .fnav .dropup {
    position: relative
}

.ctrl .fnavbar .fnav .dropdown .menu {
    box-shadow: 3px 0 3px #222;
    top: 100%
}

.ctrl .fnavbar .fnav .dropdown .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ccc;
    display: inline-block
}

.ctrl .fnavbar .fnav .dropup .menu {
    bottom: 100%;
    box-shadow: 3px 0 3px #222
}

.ctrl .fnavbar .fnav .dropup .caret {
    border-bottom: 5px solid #ccc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block
}

.ctrl .fnavbar .menu {
    background-color: #222;
    border: 1px solid #444;
    min-width: 160px;
    position: absolute;
    z-index: 10
}

.ctrl .fnavbar .menu li {
    display: block;
    padding: 5px 10px
}

.ctrl .fnavbar .menu .divider {
    background-color: #444;
    height: 1px;
    margin: 5px 0;
    padding: 0
}

.ctrl .fnavbar .menu .active {
    background-color: #444
}

.ctrl .fnavbar .menu li:hover {
    background-color: #333;
    cursor: pointer
}

.ctrl .fnavbar .menu li a {
    color: #fff
}

.ctrl .fnavbar .menu .disabled a {
    color: #aaa;
    cursor: not-allowed
}

.ctrl .fnavbar .menu .icon {
    display: inline-block;
    height: 14px;
    text-align: center;
    width: 14px
}

.ctrl .pages {
    display: inline-block;
    font-size: 0;
    padding: 0 10px
}

.ctrl .pages .amount,
.ctrl .pages .number {
    background-color: #ccc;
    border: 0;
    border-radius: 0;
    color: #000;
    display: inline-block;
    font-size: 11pt;
    font-weight: 700;
    height: 20px;
    margin: 0;
    padding: 2px;
    text-align: center;
    width: 50px
}

.ctrl .pages .number {
    background-color: #ddd;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.ctrl .pages .amount {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.flip-book .float-wnd {
    background-color: #1a1a1a;
    border-radius: 5px 5px 0 0;
    box-shadow: 3px 0 3px #222;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 300px;
    z-index: 1
}

.flip-book .float-wnd.hidden {
    display: none
}

.flip-book .float-wnd .header {
    background-color: #3c3c3c;
    background-image: linear-gradient(180deg, #3c3c3c 0, #222);
    background-repeat: repeat-x;
    border: 1px solid #444;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    color: #fff;
    cursor: move;
    font-weight: 700;
    padding: 7px 10px
}

.flip-book .float-wnd .header .close {
    color: #ccc;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 5px
}

.flip-book .float-wnd .header .close:hover {
    color: #fff
}

.flip-book .float-wnd .header .close:active {
    font-size: 12px;
    padding-right: 1px;
    padding-top: 1px
}

.flip-book .float-wnd .body {
    border: 1px solid #444;
    border-top: none
}

.ctrl .toc {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.ctrl .toc a {
    text-decoration: none
}

.ctrl .toc .hidden {
    display: none
}

.ctrl .toc .toc-menu {
    padding: 5px 10px
}

.ctrl .toc .toc-menu ul {
    list-style: none;
    padding: 0
}

.ctrl .toc .toc-menu li {
    display: inline-block;
    padding-right: 5px
}

.ctrl .toc .toc-menu a {
    color: #ccc;
    font-size: 14px
}

.ctrl .toc .toc-menu a:hover {
    color: #fff
}

.ctrl .toc .toc-menu a:active {
    text-shadow: 0 0 2px #fff
}

.ctrl .toc .toc-menu .active a {
    color: #fff
}

.ctrl .toc .toc-view {
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0
}

.ctrl .toc .toc-view::-webkit-scrollbar {
    height: 7px;
    width: 7px
}

.ctrl .toc .toc-view::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

.ctrl .toc .toc-view::-webkit-scrollbar-thumb {
    background: #4a4a4a;
    border-radius: 2px
}

.ctrl .toc .toc-view::-webkit-scrollbar-thumb:hover {
    background: #3a3a3a
}

.ctrl .toc .toc-view::-webkit-scrollbar-thumb:active {
    background: #5a5a5a
}

.ctrl .toc .toc-view::-webkit-scrollbar-track {
    background: #2a2a2a;
    border-left: 2px solid #1a1a1a;
    border-right: 2px solid #1a1a1a
}

.ctrl .bookmarks .togle,
.ctrl .bookmarks .togle i,
.ctrl .bookmarks .white-space {
    height: 18px;
    width: 18px
}

.ctrl .bookmarks .white-space {
    display: inline-block
}

.ctrl .bookmarks li {
    width: 10000px
}

.ctrl .bookmarks .item .area {
    padding: 2px 0
}

.ctrl .bookmarks .level-0 .area {
    padding-left: 5px
}

.ctrl .bookmarks .level-1 .area {
    padding-left: 10px
}

.ctrl .bookmarks .level-2 .area {
    padding-left: 15px
}

.ctrl .bookmarks .level-3 .area {
    padding-left: 20px
}

.ctrl .bookmarks .level-4 .area {
    padding-left: 25px
}

.ctrl .bookmarks .item .area:hover {
    background-color: #444
}

.ctrl .bookmarks .item .area:active {
    background-color: #333
}

.ctrl .bookmarks .item a {
    color: #fff;
    font-size: 14px
}

.ctrl .bookmarks ul {
    list-style: none;
    padding: 0
}

.ctrl .bookmarks .togle {
    display: inline-block;
    position: relative;
    text-align: center
}

.ctrl .bookmarks .togle:before {
    border: 0 solid #222;
    border-radius: 50%;
    content: " ";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: border .2s
}

.ctrl .bookmarks .togle:active:before {
    border: 12px solid #222;
    transition: border .05s
}

.ctrl .bookmarks .togle i {
    transform: rotate(0deg);
    transition: transform .2s
}

.ctrl .bookmarks .togle.minimized i {
    transform: rotate(90deg);
    transition: transform .2s
}

.ctrl .thumbnails .item a {
    color: #fff;
    font-size: 14px
}

.ctrl .thumbnails {
    padding: 10px 0;
    text-align: center
}

.ctrl .thumbnails .thumbnail {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 170px;
    margin-bottom: 5px
}

.ctrl .thumbnails .loading {
    position: relative
}

.ctrl .thumbnails .loading:after {
    background-image: url(../images/light-loader.gif);
    background-size: contain;
    content: " ";
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

.ctrl .thumbnails .item {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    width: 128px
}

.ctrl .thumbnails .item:hover {
    background-color: #444;
    border: 1px solid #555
}

.ctrl .thumbnails .heading {
    height: 20px;
    overflow: hidden
}

.ctrl .search .result {
    cursor: pointer;
    padding: 7px 10px
}

.ctrl .search .result:hover {
    background-color: #444
}

.ctrl .search .results a {
    color: #fff;
    font-size: 14px
}

.ctrl .search .query {
    padding: 0 10px 10px
}

.ctrl .search .query input {
    width: 100%
}

.ctrl .search .status {
    color: #ccc;
    font-size: 12px;
    text-align: center
}

@font-face {
    font-display: swap;
    font-family: SuisseIntl;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/SuisseIntl/SuisseIntl-Regular.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SuisseIntl;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/SuisseIntl/SuisseIntl-Medium.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SuisseIntl;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/SuisseIntl/SuisseIntl-Bold.otf) format("opentype")
}

html {
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    letter-spacing: -.01em;
    line-height: 1.33;
    scroll-behavior: smooth;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin
}

html::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

html::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

html::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

body {
    background-color: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: SuisseIntl, sans-serif;
    margin: 0;
    min-height: 100%;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin;
    width: 100%
}

body::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

body::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

body::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

body.catalog-nav-open,
body.fancybox-active {
    overflow: hidden
}

body.mobilemenu-opened,
body.popup-opened {
    height: 100%;
    overflow: hidden;
    position: relative
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    appearance: none;
    color: currentColor;
    font: inherit;
    margin: 0
}

a,
h1,
h2,
h3,
h4,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

::selection {
    background: #ded3e8;
    color: #000
}

.wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: visible;
    position: relative;
    width: 100%
}

.wrap main {
    flex-grow: 1
}

.wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1520px;
    padding: 0 8px;
    position: relative;
    width: 100%
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1
}

.section-title:not(:last-child) {
    margin-bottom: 32px
}

.section+.section {
    margin-top: 110px
}

.old-price,
.price {
    white-space: nowrap
}

.old-price {
    color: #b9b9b9;
    text-decoration-line: line-through
}

.rub {
    font-style: normal
}

*,
:after,
:before {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

button {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

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

input,
textarea {
    border: none
}

a {
    color: inherit;
    font-weight: inherit
}

a:active,
a:focus {
    outline: none
}

a:not([class]) {
    border-bottom: 1px solid #b9b9b9;
    transition: border-color .4s ease, color .4s ease
}

a:not([class]):focus,
a:not([class]):hover {
    border-color: #b9b9b9;
    color: #b9b9b9
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: none
}

button,
input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit
}

input:-webkit-autofill {
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: autofill;
    -webkit-box-shadow: inset 0 0 0 30px #fff !important
}

input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 30px #fff !important
}

input:-internal-autofill-selected {
    background-color: #fff !important;
    color: inherit !important
}

fieldset,
legend {
    border: 0;
    box-shadow: none
}

fieldset,
legend,
p {
    margin: 0;
    padding: 0
}

p {
    color: inherit
}

iframe,
img,
svg,
video {
    max-width: 100%
}

li {
    list-style: none
}

details summary::-webkit-details-marker {
    display: none
}

details summary:focus {
    outline: none
}

ymaps canvas,
ymaps[class*=-ground-pane] {
    filter: grayscale(1)
}

ymaps[class*=-controls__toolbar_right] ymaps[class*=-controls__control_toolbar]:last-child,
ymaps[class*=-listbox],
ymaps[class*=-searchbox],
ymaps[class*=-traffic],
ymaps[class*=-zoom__scale] {
    display: none
}

ymaps[class*=-float-button] {
    background-color: #000;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    height: 36px;
    padding-left: 36px
}

ymaps[class*=-float-button-icon] {
    border: 0;
    height: 36px;
    padding-left: 0;
    width: 100%
}

ymaps[class*=_icon_geolocation] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.096 6.561 14.4 1.241a.3.3 0 0 1 .397.373l-4.43 13.288c-.098.293-.522.264-.58-.04L8.5 8l-7.327-.862c-.31-.036-.366-.461-.077-.577Z' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

ymaps[class$=-zoom] {
    height: 32px !important;
    width: 36px !important
}

ymaps[class*=-zoom__plus] ymaps[class*=-zoom__icon] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23EAE0D7' d='M0 7.5h16v1H0z'/%3E%3Cpath fill='%23EAE0D7' d='M8.5 0v16h-1V0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

ymaps[class*=-zoom__minus] ymaps[class*=-zoom__icon] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23EAE0D7' d='M0 7.5h16v1H0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.07;
    padding: 16px 18px;
    text-align: left;
    transition: background-color .3s, color .3s, border-color .3s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.btn--flex {
    flex: 1 0 auto;
    min-width: 240px;
    max-width: 380px;
}

.btn.btn-arrow:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn:disabled {
    pointer-events: none
}

.btn-color {
    background: #000;
    border-color: #000;
    color: #fff
}

.btn-color.btn-arrow:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn-color.btn-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.243 3.714 2 13.957M12.742 11.714V3.25h-8.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn-color:hover {
    background: #3a0d55;
    border-color: #3a0d55
}

.btn-color:disabled {
    background: #000;
    border-color: #000;
    color: #b9b9b9;
    pointer-events: none
}

.btn-color:disabled.btn-arrow {
    color: #b9b9b9
}

.btn-color:disabled.btn-arrow:after {
    opacity: .7
}

.btn-color:disabled.btn-link {
    color: #b9b9b9
}

.btn-color:disabled.btn-link:after {
    opacity: .7
}

.btn-color-2 {
    background: #3a0d55;
    border-color: #3a0d55;
    color: #fff
}

.btn-color-2.btn-arrow:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn-color-2.btn-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.243 3.714 2 13.957M12.742 11.714V3.25h-8.5' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.btn-color-2:hover {
    background: #000;
    border-color: #000
}

.btn-color-2:disabled {
    background: #3a0d55;
    border-color: #3a0d55;
    color: #b9b9b9;
    pointer-events: none
}

.btn-color-2:disabled.btn-arrow {
    color: #b9b9b9
}

.btn-color-2:disabled.btn-arrow:after {
    filter: invert(1);
    opacity: .7
}

.btn-color-2:disabled.btn-link {
    color: #b9b9b9
}

.btn-color-2:disabled.btn-link:after {
    filter: invert(1);
    opacity: .7
}

.btn-border {
    background: transparent;
    color: currentColor
}

.btn-border.btn-arrow:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity .3s
}

.btn-border.btn-arrow:hover:after {
    opacity: .5
}

.btn-border.btn-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.243 3.714 2 13.957M12.742 11.714V3.25h-8.5' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity .3s
}

.btn-border.btn-link:hover:after {
    opacity: .5
}

.btn-border:hover {
    background: transparent;
    border-color: #b9b9b9;
    color: #b9b9b9
}

.btn-border:disabled {
    background: transparent;
    border-color: #000;
    color: #b9b9b9
}

.btn-agree:after,
.btn-arrow:after,
.btn-link:after {
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-left: 8px;
    position: relative;
    width: 16px
}

.btn-agree:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.857 6.09 13 15 4' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.logout {
    cursor: pointer;
    display: flex;
    line-height: 1;
    transition: opacity .3s ease
}

.logout:hover {
    opacity: .5
}

.logout:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 8h-8M8 1H2v14h6M11 3l4 5-4 5' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.edit {
    cursor: pointer;
    display: flex;
    line-height: 1;
    transition: opacity .3s ease
}

.edit:hover {
    opacity: .5
}

.edit:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23000'%3E%3Cpath d='M9.5 1H4a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V7.3'/%3E%3Cpath d='M14.253 1.768a1.5 1.5 0 0 1 0 2.121l-5.55 5.55-2.652.53.53-2.651 5.55-5.55a1.5 1.5 0 0 1 2.122 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.repeat {
    cursor: pointer;
    display: flex;
    line-height: 1;
    transition: opacity .3s ease
}

.repeat:hover {
    opacity: .5
}

.repeat:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.535 8.071 3.536-3.535L8.535 1' stroke='%23000'/%3E%3Cpath d='M11.5 4.5h-7a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V9' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.repeat:disabled {
    pointer-events: none
}

.delete {
    cursor: pointer;
    display: flex;
    line-height: 1;
    transition: opacity .3s ease
}

.delete:hover {
    opacity: .5
}

.delete:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5M1 4.5h14M6 4V3a2 2 0 1 1 4 0v1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.letter {
    cursor: pointer;
    display: inline-flex;
    line-height: 1;
    transition: opacity .3s ease
}

.letter:hover {
    opacity: .5
}

.letter:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000' d='M.5 2.5h15v11H.5z'/%3E%3Cpath d='M.5 2.5 8 9l7.5-6.5M10 7.5l5.5 5.5M6 7.5.5 13' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.letter--confirm {
    pointer-events: none
}

.letter--confirm:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.857 6.09 13 15 4' stroke='%23000'/%3E%3C/svg%3E")
}

.find {
    cursor: pointer;
    display: inline-flex;
    line-height: 1;
    transition: opacity .3s ease
}

.find:hover {
    opacity: .5
}

.find:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.333 10-4.266-4.267M14.333 10l-4.266 4.267M14.333 10H4a3 3 0 0 1-3-3V1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.download {
    cursor: pointer;
    display: flex;
    line-height: 1;
    transition: opacity .3s ease
}

.download:hover {
    opacity: .5
}

.download:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11 4 7m4 4 4-4m-4 4V1M1.5 11v3.5h13V11' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.show {
    cursor: pointer;
    display: flex;
    line-height: 1;
    transition: opacity .3s ease
}

.show:hover {
    opacity: .5
}

.show:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23000'/%3E%3Cpath d='M5.5 4.809 11.882 8 5.5 11.191V4.809Z' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.more-btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: opacity .3s ease;
    width: 100%
}

.more-btn:hover {
    opacity: .5
}

.more-btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 7.5h16v1H0z'/%3E%3Cpath fill='%23000' d='M8.5 0v16h-1V0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.all-btn {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    transition: opacity .3s ease;
    width: 100%
}

.all-btn:hover {
    opacity: .5
}

.all-btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 3h11v1H0zM0 7h16v1H0zM0 11h16v1H0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.show-map {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: opacity .3s ease
}

.show-map:hover {
    opacity: .5
}

.show-map:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.096 6.561 14.4 1.241a.3.3 0 0 1 .397.373l-4.43 13.288c-.098.293-.522.264-.58-.04L8.5 8l-7.327-.862c-.31-.036-.366-.461-.077-.577Z' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.back-link {
    align-items: center;
    display: flex;
    font-weight: 400;
    transition: opacity .3s ease
}

.back-link:hover {
    opacity: .5
}

.back-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.5 5.48 12M1 7.5 5.48 3M1 7.5h14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.next-link {
    align-items: center;
    display: flex;
    line-height: 1.07;
    transition: opacity .3s
}

.next-link:hover {
    opacity: .7
}

.next-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 8px;
    position: relative;
    width: 16px
}

button {
    text-align: left
}

.quantity {
    align-items: center;
    display: flex;
    position: relative;
    width: 74px
}

.quantity .tooltip-info {
    max-width: 190px;
    opacity: 1;
    width: max-content
}

.quantity__control {
    border: 0;
    flex: 1 1 auto;
    font: inherit;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 42px
}

.quantity__link {
    cursor: pointer;
    flex: none;
    height: 16px;
    transition: opacity .3s;
    width: 16px
}

.quantity__link:hover {
    opacity: .5
}

.quantity__link--plus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 7.5h16v1H0z'/%3E%3Cpath fill='%23000' d='M8.5 0v16h-1V0z'/%3E%3C/svg%3E")
}

.quantity__link--minus,
.quantity__link--plus {
    background-position: 50%;
    background-repeat: no-repeat
}

.quantity__link--minus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 7.5h16v1H0z'/%3E%3C/svg%3E")
}

.tooltip-info {
    background: #000;
    bottom: calc(100% + 12px);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    letter-spacing: -.03em;
    line-height: 1.2;
    max-width: 120px;
    padding: 5px 15px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%)
}

.tooltip-info:after {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 7px 7.5px 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7.5px;
    position: absolute;
    top: 100%;
    width: 0
}

.tooltip {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1.2;
    max-width: 280px;
    padding: 5px 15px;
    pointer-events: none;
    position: fixed;
    z-index: 60
}

.tooltip:after {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 7px 7.5px 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7.5px;
    position: absolute;
    top: 100%;
    width: 0
}

.tooltip--left:after {
    left: 17px
}

.tooltip--bottom:after {
    border-color: transparent transparent #000;
    border-width: 0 7.5px 7px;
    bottom: 100%;
    top: auto
}

.info {
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 3h1v2h-1V3ZM8.5 6v7h-1V6h1Z' fill='%23B9B9B9'/%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23B9B9B9'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    margin-left: 5px;
    position: relative;
    top: 2px;
    width: 16px;
    z-index: 1
}

.modal strong,
.popup strong {
    display: block;
    font-weight: 700
}

.modal p:not(:first-child),
.popup p:not(:first-child),
main p:not(:first-child) {
    margin-top: 20px
}

.modal p:not(:last-child),
.popup p:not(:last-child),
main p:not(:last-child) {
    margin-bottom: 20px
}

.modal h2:not(.section-title),
.modal h3:not(.section-title),
.modal h4:not(.section-title),
.modal h5:not(.section-title),
.modal h6:not(.section-title),
.popup h2:not(.section-title),
.popup h3:not(.section-title),
.popup h4:not(.section-title),
.popup h5:not(.section-title),
.popup h6:not(.section-title),
main h2:not(.section-title),
main h3:not(.section-title),
main h4:not(.section-title),
main h5:not(.section-title),
main h6:not(.section-title) {
    font-weight: 700;
    margin-bottom: 20px
}

.modal h2:not(.section-title):not(:first-child),
.modal h3:not(.section-title):not(:first-child),
.modal h4:not(.section-title):not(:first-child),
.modal h5:not(.section-title):not(:first-child),
.modal h6:not(.section-title):not(:first-child),
.popup h2:not(.section-title):not(:first-child),
.popup h3:not(.section-title):not(:first-child),
.popup h4:not(.section-title):not(:first-child),
.popup h5:not(.section-title):not(:first-child),
.popup h6:not(.section-title):not(:first-child),
main h2:not(.section-title):not(:first-child),
main h3:not(.section-title):not(:first-child),
main h4:not(.section-title):not(:first-child),
main h5:not(.section-title):not(:first-child),
main h6:not(.section-title):not(:first-child) {
    margin-top: 50px
}

.modal h2+*,
.modal h3+*,
.modal h4+*,
.modal h5+*,
.modal h6+*,
.popup h2+*,
.popup h3+*,
.popup h4+*,
.popup h5+*,
.popup h6+*,
main h2+*,
main h3+*,
main h4+*,
main h5+*,
main h6+* {
    margin-top: 0
}

.modal h2,
.popup h2,
main h2 {
    font-size: 32px;
    line-height: 1.1
}

.modal h3,
.popup h3,
main h3 {
    font-size: 24px;
    line-height: 1.1
}

.modal h4,
.popup h4,
main h4 {
    font-size: 20px;
    line-height: 1.2
}

.modal h5,
.popup h5,
main h5 {
    font-size: 18px;
    line-height: 1.2
}

.modal img[height],
.popup img[height],
main img[height] {
    height: auto
}

.modal img[align=right],
.popup img[align=right],
main img[align=right] {
    float: right;
    margin-left: 60px
}

.modal img[align=left],
.popup img[align=left],
main img[align=left] {
    float: left;
    margin-right: 60px
}

.modal [align],
.popup [align],
main [align] {
    margin-bottom: 35px
}

.modal [align] img,
.popup [align] img,
main [align] img {
    display: block;
    margin: 0
}

.modal table:not([class]),
.popup table:not([class]),
main table:not([class]) {
    background-color: transparent;
    border: 0;
    border-collapse: collapse
}

.modal table:not([class]) thead td,
.modal table:not([class]) thead th,
.popup table:not([class]) thead td,
.popup table:not([class]) thead th,
main table:not([class]) thead td,
main table:not([class]) thead th {
    background-color: transparent;
    padding-bottom: 18px;
    padding-top: 18px;
    text-align: left
}

.modal table:not([class]) td,
.modal table:not([class]) th,
.popup table:not([class]) td,
.popup table:not([class]) th,
main table:not([class]) td,
main table:not([class]) th {
    font-weight: inherit;
    padding: 10px 8px
}

.modal table:not([class]) td:not([valign]),
.modal table:not([class]) td[valign=middle],
.modal table:not([class]) th:not([valign]),
.modal table:not([class]) th[valign=middle],
.popup table:not([class]) td:not([valign]),
.popup table:not([class]) td[valign=middle],
.popup table:not([class]) th:not([valign]),
.popup table:not([class]) th[valign=middle],
main table:not([class]) td:not([valign]),
main table:not([class]) td[valign=middle],
main table:not([class]) th:not([valign]),
main table:not([class]) th[valign=middle] {
    vertical-align: middle
}

.modal table:not([class]) td[valign=top],
.modal table:not([class]) th[valign=top],
.popup table:not([class]) td[valign=top],
.popup table:not([class]) th[valign=top],
main table:not([class]) td[valign=top],
main table:not([class]) th[valign=top] {
    vertical-align: top
}

.modal table:not([class]) td[valign=bottom],
.modal table:not([class]) th[valign=bottom],
.popup table:not([class]) td[valign=bottom],
.popup table:not([class]) th[valign=bottom],
main table:not([class]) td[valign=bottom],
main table:not([class]) th[valign=bottom] {
    vertical-align: bottom
}

.modal table:not([class]) td:first-child,
.modal table:not([class]) th:first-child,
.popup table:not([class]) td:first-child,
.popup table:not([class]) th:first-child,
main table:not([class]) td:first-child,
main table:not([class]) th:first-child {
    padding-left: 0
}

.modal table:not([class]) td:last-child,
.modal table:not([class]) th:last-child,
.popup table:not([class]) td:last-child,
.popup table:not([class]) th:last-child,
main table:not([class]) td:last-child,
main table:not([class]) th:last-child {
    padding-right: 0
}

.modal table:not([class]) tr:first-child td,
.modal table:not([class]) tr:first-child th,
.popup table:not([class]) tr:first-child td,
.popup table:not([class]) tr:first-child th,
main table:not([class]) tr:first-child td,
main table:not([class]) tr:first-child th {
    padding-top: 0
}

.modal table:not([class]) tr:last-child td,
.modal table:not([class]) tr:last-child th,
.popup table:not([class]) tr:last-child td,
.popup table:not([class]) tr:last-child th,
main table:not([class]) tr:last-child td,
main table:not([class]) tr:last-child th {
    padding-bottom: 0
}

.modal table:not([class]) td,
.popup table:not([class]) td,
main table:not([class]) td {
    transition: background .3s ease
}

.modal table[border="1"]:not([class]),
.popup table[border="1"]:not([class]),
main table[border="1"]:not([class]) {
    min-width: 100%
}

.modal table[border="1"]:not([class]) td,
.modal table[border="1"]:not([class]) th,
.popup table[border="1"]:not([class]) td,
.popup table[border="1"]:not([class]) th,
main table[border="1"]:not([class]) td,
main table[border="1"]:not([class]) th {
    border: 1px solid
}

.modal table[border="1"]:not([class]) tbody td:first-child,
.popup table[border="1"]:not([class]) tbody td:first-child,
main table[border="1"]:not([class]) tbody td:first-child {
    border-left: 0
}

.modal table[border="1"]:not([class]) tbody td:last-child,
.popup table[border="1"]:not([class]) tbody td:last-child,
main table[border="1"]:not([class]) tbody td:last-child {
    border-right: 0
}

.modal table[border="1"]:not([class]) tbody tr:last-child td,
.popup table[border="1"]:not([class]) tbody tr:last-child td,
main table[border="1"]:not([class]) tbody tr:last-child td {
    border-bottom: 0
}

.modal ol:not([class]):not(:first-child),
.modal ul:not([class]):not(:first-child),
.popup ol:not([class]):not(:first-child),
.popup ul:not([class]):not(:first-child),
main ol:not([class]):not(:first-child),
main ul:not([class]):not(:first-child) {
    margin-top: 20px
}

.modal ol:not([class]):not(:last-child),
.modal ul:not([class]):not(:last-child),
.popup ol:not([class]):not(:last-child),
.popup ul:not([class]):not(:last-child),
main ol:not([class]):not(:last-child),
main ul:not([class]):not(:last-child) {
    margin-bottom: 20px
}

.modal ol:not([class]):before,
.modal ul:not([class]):before,
.popup ol:not([class]):before,
.popup ul:not([class]):before,
main ol:not([class]):before,
main ul:not([class]):before {
    display: inline-block
}

.modal ol:not([class]) ol,
.modal ol:not([class]) ul,
.modal ul:not([class]) ol,
.modal ul:not([class]) ul,
.popup ol:not([class]) ol,
.popup ol:not([class]) ul,
.popup ul:not([class]) ol,
.popup ul:not([class]) ul,
main ol:not([class]) ol,
main ol:not([class]) ul,
main ul:not([class]) ol,
main ul:not([class]) ul {
    margin-bottom: 20px;
    margin-top: 20px
}

.modal ol:not([class]) li:before,
.modal ul:not([class]) li:before,
.popup ol:not([class]) li:before,
.popup ul:not([class]) li:before,
main ol:not([class]) li:before,
main ul:not([class]) li:before {
    margin-right: 10px
}

.modal ol:not([class]) li:not(:first-child),
.modal ul:not([class]) li:not(:first-child),
.popup ol:not([class]) li:not(:first-child),
.popup ul:not([class]) li:not(:first-child),
main ol:not([class]) li:not(:first-child),
main ul:not([class]) li:not(:first-child) {
    margin-top: 20px
}

.modal ul:not([class])>li,
.popup ul:not([class])>li,
main ul:not([class])>li {
    padding-left: 110px;
    position: relative
}

.modal ul:not([class])>li:before,
.popup ul:not([class])>li:before,
main ul:not([class])>li:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 8px
}

.modal ul:not([class]) ul>li:before,
.popup ul:not([class]) ul>li:before,
main ul:not([class]) ul>li:before {
    background: transparent;
    border-radius: 0;
    content: "—";
    display: inline-block;
    height: auto;
    left: 0;
    margin: 0 16px 2px 0;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: auto
}

.modal ol:not([class]),
.popup ol:not([class]),
main ol:not([class]) {
    counter-reset: list
}

.modal ol:not([class])>li,
.popup ol:not([class])>li,
main ol:not([class])>li {
    padding-left: 110px;
    position: relative
}

.modal ol:not([class])>li:before,
.popup ol:not([class])>li:before,
main ol:not([class])>li:before {
    content: counter(list) ".";
    counter-increment: list;
    left: 0;
    position: absolute;
    top: 0
}

.modal ul.list-column,
.popup ul.list-column,
main ul.list-column {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 18px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

blockquote,
figure {
    margin: 0
}

.table-wrap {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.table-wrap::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.text-block {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 16px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.text-block:not(:first-child) {
    margin-top: 110px
}

.text-block__title {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 440px;
    position: sticky;
    top: 80px;
    width: 100%
}

.text-block__cont {
    -ms-grid-column-span: 5;
    -ms-grid-column: 5;
    grid-column: 5/10
}

.text-block__cont>img {
    display: block;
    width: 100%
}

.text-block__cont>img:not(:first-child) {
    margin-top: 32px
}

.text-block__cont>img:not(:last-child) {
    margin-bottom: 32px
}

.text-block__cont figure:not(:first-child) {
    margin-top: 64px
}

.text-block__cont figure:not(:last-child) {
    margin-bottom: 32px
}

.text-block__cont blockquote {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    position: relative
}

.text-block__cont blockquote:before {
    content: "«";
    display: inline
}

.text-block__cont blockquote:after {
    content: "»";
    display: inline
}

.text-block__cont blockquote+figcaption {
    display: flex;
    line-height: 1.07;
    margin-top: 18px
}

.text-block__cont blockquote+figcaption span {
    margin-right: 24px;
    max-width: 216px;
    width: 100%
}

.text-block__cont blockquote+figcaption i {
    font-style: normal
}

.text-block__btns {
    align-items: center;
    display: flex;
    margin-top: 32px
}

.text-block__btns>* {
    margin-right: 8px
}

.text-block__btns .btn {
    min-width: 230px
}

.text-block__btns a:not([class]) {
    border: 0
}

.video {
    cursor: pointer;
    display: block;
    padding-top: 56%;
    position: relative;
    width: 100%
}

.video:hover:after {
    opacity: .5
}

.video:after {
    background-color: rgba(0, 0, 0, .2);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='90' height='90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='45' cy='45' r='44.5' stroke='%23fff'/%3E%3Cpath d='M28.625 23.309 72.007 45 28.625 66.691V23.309Z' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    transition: opacity .3s ease
}

.video img,
.video:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video img {
    display: block;
    object-fit: cover;
    object-position: center
}

.video:not(:first-child) {
    margin-top: 64px
}

.video:not(:last-child) {
    margin-bottom: 32px
}

.modal ol:not([class])>li,
.modal ul:not([class])>li,
.popup ol:not([class])>li,
.popup ul:not([class])>li {
    padding-left: 42px
}

.form__item:not(:last-child) {
    margin-bottom: 24px
}

.form__item-btn {
    margin-top: 12px
}

.form__item-text {
    margin-top: 16px
}

.form__submit {
    margin-top: 32px
}

.form__links:not(:first-child) {
    margin-top: 18px
}

.form__links a:not([class]),
.form__links button:not([class]) {
    flex: none;
    transition: color .3s
}

.form__links a:not([class]):hover,
.form__links button:not([class]):hover {
    color: #b9b9b9
}

.form__items--2 {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-gap: 0 10px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.form__items--2 .form__item--2 {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.form__confirm svg {
    display: block;
    margin-top: 32px
}

.form__btns {
    align-items: center;
    display: flex;
    margin-top: 42px
}

.form__btns .btn {
    margin-right: 32px;
    min-width: 230px
}

.form__btns .btn:only-child {
    margin-right: 0;
    max-width: 350px;
    width: 100%
}

.form__btns button:not([class]):hover {
    color: #b9b9b9
}

.default-input {
    display: flex;
    flex-direction: column-reverse;
    position: relative
}

.default-input__input {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #b9b9b9;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.07;
    padding: 0 0 12px;
    text-align: left;
    transition: border-color .3s ease;
    width: 100%
}

.default-input__input:not(:-ms-input-placeholder) {
    border-color: #000
}

.default-input__input:focus,
.default-input__input:not(:placeholder-shown) {
    border-color: #000
}

.default-input__input:not(:-ms-input-placeholder)~.default-input__label {
    font-weight: 500;
    transform: none
}

.default-input__input:focus~.default-input__label,
.default-input__input:not(:placeholder-shown)~.default-input__label {
    font-weight: 500;
    transform: none
}

.default-input__input--code::-webkit-input-placeholder,
.default-input__input--tel::-webkit-input-placeholder {
    color: #b9b9b9
}

.default-input__input--code:-moz-placeholder,
.default-input__input--code::-moz-placeholder,
.default-input__input--tel:-moz-placeholder,
.default-input__input--tel::-moz-placeholder {
    color: #b9b9b9
}

.default-input__input--code:-ms-input-placeholder,
.default-input__input--tel:-ms-input-placeholder {
    color: #b9b9b9
}

.default-input__input:not(.default-input__input--code):not(.default-input__input--tel)::-webkit-input-placeholder {
    color: transparent
}

.default-input__input:not(.default-input__input--code):not(.default-input__input--tel):-moz-placeholder,
.default-input__input:not(.default-input__input--code):not(.default-input__input--tel)::-moz-placeholder {
    color: transparent
}

.default-input__input:not(.default-input__input--code):not(.default-input__input--tel):-ms-input-placeholder {
    color: transparent
}

.default-input__input--error {
    border-bottom-color: #000
}

.default-input__input--error~.default-input__error {
    display: block
}

.default-input__input[readonly] {
    cursor: default
}

.default-input__input:disabled {
    border-color: #b9b9b9;
    color: #b9b9b9
}

.default-input__input.required~.default-input__label:after,
.default-input__input[required]~.default-input__label:after {
    content: "*"
}

.default-input__input--textarea {
    max-height: 150px;
    max-width: 100%;
    min-height: 32px;
    min-width: 100%;
    resize: vertical
}

.default-input__input--date {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block
}

.default-input__input--date::-webkit-calendar-picker-indicator {
    opacity: 0
}

.default-input__input--date::-webkit-date-and-time-value {
    text-align: left
}

.default-input__label {
    color: #b9b9b9;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    pointer-events: none;
    transform: translateY(12px) scale(1.3);
    transform-origin: 0 0;
    transition: all .3s ease;
    width: max-content
}

.default-input__error {
    color: #eb5757;
    display: none;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px;
    order: -1;
    padding-left: 13px;
    position: relative
}

.default-input__error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='4' stroke='%23EB5757'/%3E%3Cpath stroke='%23EB5757' d='M2 4.5h5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 9px
}

.default-input__edit {
    cursor: pointer;
    transition: color .3s ease
}

.default-input__edit:hover {
    color: #b9b9b9
}

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

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

textarea {
    max-height: 150px;
    min-height: 80px;
    resize: vertical
}

.default-checkbox {
    position: relative
}

.default-checkbox+.default-checkbox {
    margin-top: 16px
}

.default-checkbox__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.default-checkbox__label {
    color: #000;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    position: relative
}

.default-checkbox__label::selection {
    background: transparent;
    color: #000
}

.default-checkbox__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5h15v15H.5V.5Z' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    top: 2px;
    width: 16px
}

.default-checkbox__input:checked+.default-checkbox__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 8v7.5H.5V.5H8' stroke='%23000'/%3E%3Cpath d='m3 7 4 4 7-7' stroke='%23000'/%3E%3C/svg%3E")
}

.default-radio {
    position: relative
}

.default-radio+.default-radio {
    margin-top: 18px
}

.default-radio__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.default-radio__input:checked+.default-radio__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' transform='rotate(-90 8 8)' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.default-radio__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.07;
    position: relative
}

.default-radio__label:before {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.custom-select {
    position: relative
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #b9b9b9;
    color: inherit;
    color: #b9b9b9;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.07;
    padding: 0 0 12px;
    transition: border-color .3s, color .3s;
    width: 100%
}

.select-selected:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 11-7 8-7-8' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 12px;
    content: "";
    cursor: pointer;
    height: 16px;
    opacity: .5;
    position: absolute;
    right: 0;
    transition: opacity .3s, transform .3s ease;
    width: 16px
}

.select-selected.select-arrow-active {
    border-color: #000;
    color: #000
}

.select-selected.select-arrow-active:after {
    opacity: 1;
    transform: rotate(180deg)
}

.select-items {
    -ms-scroll-chaining: none;
    background-color: #3a0d55;
    left: 0;
    max-height: 220px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0 12px;
    position: absolute;
    right: 0;
    scrollbar-color: #3a0d55 #fff;
    scrollbar-width: thin;
    top: 100%;
    transition: opacity .3s ease, transform .3s ease;
    z-index: 99
}

.select-items::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 12px
}

.select-items::-webkit-scrollbar-track {
    background: #3a0d55;
    border-radius: 0
}

.select-items::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 0;
    border-bottom: 4px solid #3a0d55;
    border-radius: 0;
    border-right: 10px solid #3a0d55;
    border-top: 4px solid #3a0d55
}

.select-items:hover div:not(.same-as-selected) {
    color: #b9b9b9
}

.select-items:hover div:not(.same-as-selected):hover {
    color: #fff
}

.select-items>div:first-child {
    margin-top: 12px
}

.select-items>div:last-child {
    margin-bottom: 12px
}

.select-hide {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px)
}

.select-items div {
    color: #fff;
    cursor: pointer;
    transition: color .3s
}

.same-as-selected {
    color: #fff
}

.custom-file {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 36px;
    position: relative
}

.custom-file__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.custom-file__label {
    cursor: pointer;
    display: block;
    line-height: 1.07;
    padding-left: 24px;
    position: relative;
    width: 100%
}

.custom-file__label-info {
    color: #b9b9b9;
    font-size: 12px;
    line-height: 1.33;
    margin-top: 4px
}

.custom-file__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5h15v15H.5V.5Z' stroke='%23000'/%3E%3Cpath fill='%23000' d='M3.5 7.5h9v1h-9z'/%3E%3Cpath fill='%23000' d='M8.5 3.5v9h-1v-9z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.custom-file__item {
    line-height: 1.07;
    padding-left: 24px;
    position: relative;
    z-index: 1
}

.custom-file__item+.custom-file__item {
    margin-top: 12px
}

.custom-file__item+.custom-file__input+.custom-file__label {
    margin-top: 32px
}

.custom-file__item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5.5h5.302L14.5 7.717V15.5h-13V.5Z' stroke='%23000'/%3E%3Cpath d='M7 1v7h7' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.custom-file__item--template {
    display: none
}

.custom-file__item span {
    display: block;
    max-width: 350px;
    overflow: hidden;
    padding-right: 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-file__prev {
    display: block;
    display: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.custom-file__del {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5M1 4.5h14M6 4V3a2 2 0 1 1 4 0v1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    width: 16px;
    z-index: 1
}

.custom-file__del:hover {
    opacity: .5
}

.swiper-container {
    position: relative
}

.swiper-container:not(.main-banner__slider) {
    padding-bottom: 24px
}

.swiper-pagination,
.swiper-pagination-bullet {
    align-items: center;
    display: flex;
    justify-content: center
}

.swiper-pagination-bullet {
    background: transparent;
    border: 0;
    border-radius: 0;
    height: 16px;
    margin: 0 4px;
    opacity: 1;
    position: relative;
    width: 16px
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: #000
}

.swiper-pagination-bullet:after {
    border: 1px solid #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    transition: all .3s;
    width: 8px
}

.swiper-button {
    bottom: 0;
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    width: 25%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.swiper-button:after {
    display: none
}

.swiper-button-prev {
    cursor: url(../img/svg/prev.svg), pointer;
    left: 0
}

.swiper-button-next {
    cursor: url(../img/svg/next.svg), pointer;
    right: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0
}

.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.fancybox-gallery .fancybox__backdrop {
    background: #fff
}

.fancybox-gallery .fancybox__slide {
    padding: 48px 16px 32px
}

.fancybox-gallery .fancybox__carousel.has-dots {
    margin-bottom: 0
}

.fancybox-gallery .carousel__dots {
    bottom: 10px;
    top: auto
}

.fancybox-gallery .carousel__dots .carousel__dot {
    height: 16px;
    width: 16px
}

.fancybox-gallery .carousel__dots .carousel__dot:after {
    background: transparent;
    border: 1px solid #000;
    opacity: 1;
    transition: background .3s ease
}

.fancybox-gallery .carousel__dots .carousel__dot.is-selected:after {
    background: #000
}

.fancybox-gallery .carousel__button.is-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    height: 16px;
    right: 16px;
    top: 16px;
    width: 16px
}

.fancybox-gallery .carousel__button.is-close svg {
    display: none
}

.fancybox-gallery .carousel__button.is-next,
.fancybox-gallery .carousel__button.is-prev {
    bottom: 0;
    height: auto;
    top: 0;
    transform: none;
    width: 30%
}

.fancybox-gallery .carousel__button.is-next svg,
.fancybox-gallery .carousel__button.is-prev svg {
    display: none
}

.fancybox-gallery .carousel__button.is-prev {
    cursor: url(../img/svg/prev.svg), w-resize
}

.fancybox-gallery .carousel__button.is-next {
    cursor: url(../img/svg/next.svg), w-resize
}

.fancybox-modal .fancybox__backdrop {
    background: rgba(0, 0, 0, .7)
}

.fancybox-modal .carousel__button.is-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px auto;
    border-radius: 0;
    height: 16px;
    right: 18px;
    top: 18px;
    width: 16px
}

.fancybox-modal .carousel__button.is-close svg {
    display: none
}

.fancybox-modal .carousel__button.is-close:before {
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: none
}

.flatpickr-calendar {
    background: #ded3e8;
    border-radius: 0;
    box-shadow: none
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #ded3e8
}

span.flatpickr-weekday {
    color: #3a0d55
}

.flatpickr-day {
    border-radius: 0;
    color: #000;
    transition: all .3s ease
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: #b9b9b9
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background-color: transparent;
    border-color: transparent;
    opacity: .5
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: transparent;
    border-color: transparent;
    color: #000;
    font-weight: 700;
    position: relative
}

.flatpickr-day.endRange.inRange:after,
.flatpickr-day.endRange.nextMonthDay:after,
.flatpickr-day.endRange.prevMonthDay:after,
.flatpickr-day.endRange:after,
.flatpickr-day.endRange:focus:after,
.flatpickr-day.endRange:hover:after,
.flatpickr-day.selected.inRange:after,
.flatpickr-day.selected.nextMonthDay:after,
.flatpickr-day.selected.prevMonthDay:after,
.flatpickr-day.selected:after,
.flatpickr-day.selected:focus:after,
.flatpickr-day.selected:hover:after,
.flatpickr-day.startRange.inRange:after,
.flatpickr-day.startRange.nextMonthDay:after,
.flatpickr-day.startRange.prevMonthDay:after,
.flatpickr-day.startRange:after,
.flatpickr-day.startRange:focus:after,
.flatpickr-day.startRange:hover:after {
    background: currentColor;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 6px
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #3a0d55
}

.fadeInUp {
    opacity: 0;
    transform: translate3d(0, 35px, 0);
    transition: opacity .5s linear, transform .7s ease;
    transition-delay: .25s
}

.fadeInUp.js-visible {
    opacity: 1;
    transform: translateZ(0)
}

.fadeInBottom {
    opacity: 0;
    transform: translate3d(0, -35px, 0);
    transition: opacity .5s linear, transform .7s ease;
    transition-delay: .25s
}

.fadeInBottom.js-visible {
    opacity: 1;
    transform: translateZ(0)
}

.fadeInLeft {
    opacity: 0;
    transform: translate3d(35px, 0, 0);
    transition: opacity .5s linear, transform .7s ease;
    transition-delay: .25s
}

.fadeInLeft.js-visible {
    opacity: 1;
    transform: none
}

.fadeInRight {
    opacity: 0;
    transform: translate3d(-35px, 0, 0);
    transition: opacity 1s linear, transform 1.1s ease;
    transition-delay: .25s
}

.fadeInRight.js-visible {
    opacity: 1;
    transform: none
}

.omay-stock__block-title a {
    border: 0;
    text-decoration: none
}

.omay-product .text-block__cont {
    z-index: 10 !important
}

.omay-anim__swiper {
    padding-top: 40px !important
}

.popup {
    -ms-scroll-chaining: none;
    cursor: url(../img/svg/close-w.svg), pointer;
    overscroll-behavior: contain
}

.popup__block {
    cursor: auto
}

.popup:not(.popup-search):not(.popup-map) {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 50
}

.popup:not(.popup-search):not(.popup-map).opening {
    display: flex;
    opacity: 1
}

.popup:not(.popup-search):not(.popup-map).opened {
    display: flex;
    opacity: 1;
    pointer-events: all
}

.popup:not(.popup-search):not(.popup-map).opened .popup__block {
    transform: translate(0)
}

.popup:not(.popup-search):not(.popup-map).closing {
    opacity: 0
}

.popup:not(.popup-search):not(.popup-map).closing .popup__block {
    transform: translate(100%)
}

.popup:not(.popup-search):not(.popup-map) .popup__close {
    background-color: #fff;
    cursor: pointer;
    height: 16px;
    height: 32px;
    margin-bottom: -32px;
    padding: 8px 18px;
    position: sticky;
    top: 0;
    transition: opacity .3s ease;
    width: 16px;
    width: 100%;
    z-index: 2
}

.popup:not(.popup-search):not(.popup-map) .popup__close:hover span {
    opacity: .7
}

.popup:not(.popup-search):not(.popup-map) .popup__close span {
    background-color: #000;
    color: #000;
    display: block;
    height: 1px;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    width: 16px
}

.popup:not(.popup-search):not(.popup-map) .popup__close span:first-of-type {
    transform: rotate(45deg)
}

.popup:not(.popup-search):not(.popup-map) .popup__close span:last-of-type {
    transform: rotate(-45deg)
}

.popup:not(.popup-search):not(.popup-map) .popup__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1
}

.popup:not(.popup-search):not(.popup-map) .popup__block {
    background: #fff;
    margin-left: auto;
    max-height: 100%;
    max-width: 495px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin;
    transform: translate(100%);
    transition: transform .4s;
    width: 100%
}

.popup:not(.popup-search):not(.popup-map) .popup__block::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

.popup:not(.popup-search):not(.popup-map) .popup__block::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

.popup:not(.popup-search):not(.popup-map) .popup__block::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

.popup:not(.popup-search):not(.popup-map) .popup__content {
    background: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 100px 18px 0;
    width: 100%
}

.popup:not(.popup-search):not(.popup-map) .popup__bottom {
    align-items: center;
    background: #fff;
    bottom: 0;
    display: flex;
    margin-top: auto;
    padding: 8px 0;
    position: sticky;
    z-index: 1
}

.popup:not(.popup-search):not(.popup-map) .popup__bottom .btn {
    margin-right: 12px;
    min-width: 214px
}

.popup:not(.popup-search):not(.popup-map) .popup__bottom .btn:only-child {
    max-width: 350px;
    width: 100%
}

.popup:not(.popup-search):not(.popup-map) .popup__bottom a,
.popup:not(.popup-search):not(.popup-map) .popup__bottom button {
    text-align: left
}

.popup:not(.popup-search):not(.popup-map) .popup__bottom a:not([class]),
.popup:not(.popup-search):not(.popup-map) .popup__bottom button:not([class]) {
    flex: none;
    transition: color .3s
}

.popup:not(.popup-search):not(.popup-map) .popup__bottom a:not([class]):hover,
.popup:not(.popup-search):not(.popup-map) .popup__bottom button:not([class]):hover {
    color: #b9b9b9
}

.filter .popup__bottom .btn {
    flex: 1 1 auto
}

.popup-search {
    background-color: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 50
}

.popup-search.opened,
.popup-search.opening {
    display: flex;
    opacity: 1
}

.popup-search.opened .search-block {
    opacity: 1;
    transform: translate(0)
}

.popup-search.closing {
    opacity: 0
}

.popup-search.closing .search-block {
    opacity: 0;
    transform: translateY(80px)
}

.popup-search .popup__close {
    background-color: #fff;
    cursor: pointer;
    height: 16px;
    height: 32px;
    margin-bottom: -32px;
    padding: 8px 18px;
    position: sticky;
    top: 0;
    transition: opacity .3s ease;
    width: 16px;
    width: 100%;
    z-index: 2
}

.popup-search .popup__close:hover span {
    opacity: .7
}

.popup-search .popup__close span {
    background-color: #000;
    color: #000;
    display: block;
    height: 1px;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    width: 16px
}

.popup-search .popup__close span:first-of-type {
    transform: rotate(45deg)
}

.popup-search .popup__close span:last-of-type {
    transform: rotate(-45deg)
}

.popup-search .popup__block {
    background: #fff;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin;
    width: 100%
}

.popup-search .popup__block::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

.popup-search .popup__block::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

.popup-search .popup__block::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

.popup-search .popup__content {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 36px 0;
    width: 100%
}

.popup-search .search-block {
    height: 100%;
    opacity: 0;
    transform: translateY(80px);
    transition: all .4s
}

.popup-search .search-block>.wrapper,
.popup-search .search-block__cont {
    height: 100%
}

.popup-search .search-block__bottom {
    display: flex;
    flex-direction: column
}

.popup-search .search-block__bottom .search-trends {
    justify-self: flex-end
}

.popup-search .search-results .shops-list__item:not(:last-child) {
    margin-bottom: 64px
}

.popup-map {
    background-color: #fff;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: translate(100%);
    transition: opacity .3s;
    transition: transform .3s;
    width: 100%;
    z-index: 50
}

.popup-map.opening {
    display: flex
}

.popup-map.opened {
    display: flex;
    transform: translate(0)
}

.popup-map.closing {
    transform: translate(100%)
}

.popup-map .popup__close {
    background-color: #fff;
    cursor: pointer;
    height: 16px;
    margin-bottom: 22px;
    padding: 18px 0;
    position: sticky;
    top: 0;
    width: 16px;
    width: 100%;
    z-index: 2
}

.popup-map .popup__block {
    background: #fff;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin;
    width: 100%
}

.popup-map .popup__block::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

.popup-map .popup__block::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

.popup-map .popup__block::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

.popup-map .popup__content {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.popup:not(.popup-search):not(.popup-map).design-info .popup__block {
    max-width: 742px
}

.popup:not(.popup-search):not(.popup-map).design-info .popup__content {
    padding-top: 32px
}

.modal {
    background: #fff;
    color: #000;
    display: none;
    max-width: 600px;
    padding: 66px 18px 18px;
    width: 100%
}

.modal__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 16px
}

.modal__btns,
.modal__title+form {
    margin-top: 64px
}

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

.modal__btns .btn {
    margin-right: 32px;
    min-width: 230px
}

.modal__btns button:not([class]):hover {
    color: #b9b9b9
}

.modal__form {
    margin-top: 32px
}

.choose-image-box img {
    display: block
}

.toast {
    align-items: flex-end;
    display: flex;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 150
}

.toast.toast-inserting {
    animation: toast-in .5s ease forwards
}

.toast.toast-removing {
    animation: toast-in .5s ease reverse forwards
}

.toast__content {
    pointer-events: all;
    position: relative
}

.toast__link {
    background: #3a0d55;
    color: #fff;
    display: flex;
    min-width: 218px;
    padding: 16px;
    transition: opacity .3s ease
}

.toast__link:hover {
    opacity: .7
}

.toast__link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 8px;
    position: relative;
    top: 3px;
    width: 16px
}

@keyframes toast-in {
    0% {
        transform: translateY(calc(-100% - 30px))
    }

    to {
        transform: translate(0)
    }
}

.cookie {
    background: #3a0d55;
    bottom: 8px;
    color: #fff;
    font-weight: 400;
    max-width: 232px;
    padding: 18px 8px 8px;
    position: fixed;
    right: 8px;
    width: 100%;
    z-index: 20
}

.cookie__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 18px;
    transition: opacity .3s ease;
    width: 16px
}

.cookie__close:hover {
    opacity: .5
}

.cookie__text {
    padding-right: 32px
}

.cookie__text a {
    color: inherit
}

.cookie__btn {
    margin-top: 32px
}

.cookie__btn .btn {
    color: #fff;
    font-weight: 400;
    transition: opacity .3s ease;
    width: 100%
}

.cookie__btn .btn-border:hover {
    border-color: #fff;
    opacity: .5
}

.notification {
    background: #ded3e8;
    font-weight: 400;
    line-height: 1.1;
    padding: 12px 0;
    position: relative
}

.notification:hover .notification__text {
    opacity: .8
}

.notification__cont {
    align-items: flex-start;
    display: flex
}

.notification__text {
    flex: 1 1 auto;
    transition: opacity .3s
}

.notification__text a {
    border: 0;
    transition: opacity .3s
}

.notification__text a:hover {
    color: #000;
    opacity: .8
}

.notification__link {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    flex: none;
    height: 16px;
    margin-left: 8px;
    transition: opacity .3s ease;
    width: 16px
}

.notification__link:hover {
    opacity: .5
}

.notification__link:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pagination {
    padding: 16px 0
}

.pagination__list {
    align-items: center;
    display: flex;
    margin-left: -8px;
    margin-right: -8px
}

.pagination__item {
    color: #b9b9b9;
    line-height: 1.07
}

.pagination__item.next,
.pagination__item.prev {
    flex: none
}

.pagination__item.prev .arrow svg {
    transform: rotate(180deg)
}

.pagination__item.active .pagination__link {
    color: #000
}

.pagination__item.active .pagination__link:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 2px);
    width: 8px
}

.pagination__link {
    align-items: center;
    color: currentColor;
    color: #b9b9b9;
    display: flex;
    justify-content: center;
    padding: 8px;
    position: relative;
    transition: color .3s ease
}

.pagination__link:hover {
    color: #000
}

.pagination__link.arrow:hover svg path {
    stroke: #000
}

.pagination__link.arrow svg {
    display: block
}

.pagination__more {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    transition: opacity .3s ease
}

.pagination__more:hover {
    opacity: .5
}

.pagination__more:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 7.5h16v1H0z'/%3E%3Cpath fill='%23000' d='M8.5 0v16h-1V0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.pagination__show-all {
    color: #b9b9b9;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.07;
    padding: 8px 0;
    transition: color .3s ease
}

.pagination__show-all:hover {
    color: #000
}

.page-title {
    padding: 64px 0
}

.page-title .page-header:not(.catalog-nav__link) {
    border-bottom: 1px solid;
    padding-bottom: 6px
}

.page-header {
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1
}

.social {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px
}

.social__item {
    margin-bottom: 8px;
    margin-right: 18px;
    transition: opacity .3s ease
}

.social__item:hover {
    opacity: .5
}

.social__item img {
    display: block;
    max-width: 16px
}

.banner-slider {
    overflow-x: hidden;
    position: relative
}

.banner-slider__item {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 8px;
    background-color: currentColor;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    height: 27.5vw;
    padding: 0 8px;
    position: relative
}

.banner-slider__cont {
    -ms-grid-column-span: 4;
    color: #000;
    display: flex;
    flex-direction: column;
    grid-column: span 4;
    padding: clamp(8px, 1.4vw, 40px) 0
}

.banner-slider__info {
    align-items: flex-end;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: clamp(12px, 1.1vw, 26px);
    font-weight: 400;
    justify-content: center;
    letter-spacing: -.03em;
    line-height: 1.14;
    padding-bottom: 8px
}

.banner-slider__info span:first-child {
    align-items: baseline;
    display: flex
}

.banner-slider__info span:first-child:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(6px, .7vw, 14px);
    margin-left: 4px;
    position: relative;
    width: clamp(6px, .7vw, 14px)
}

.banner-slider__title {
    font-size: clamp(20px, 3vw, 78px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-top: auto
}

.banner-slider__img {
    -ms-grid-column-span: 5;
    -ms-grid-column: 6;
    grid-column: 6/11
}

.banner-slider__img img {
    display: block;
    height: 100%;
    mix-blend-mode: multiply;
    object-fit: contain;
    object-position: left top;
    width: 100%
}

.banner-slider__link {
    z-index: 1
}

.banner-slider__bg,
.banner-slider__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner-slider__bg img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.gallery-block:not(:first-child) {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-top: 64px
}

.gallery-block .gallery-slider,
.gallery-block .gallery-slider__info {
    -ms-grid-column-span: 10;
    -ms-grid-column: 3;
    grid-column: 3/13
}

.gallery-slider {
    overflow: hidden
}

.gallery-slider__item {
    cursor: pointer;
    padding-top: 50.7%;
    position: relative
}

.gallery-slider__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.gallery-slider__img img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.gallery-slider__info {
    color: #b9b9b9;
    font-weight: 400;
    text-align: center
}

.banner {
    background-color: currentColor;
    height: 27.5vw;
    position: relative
}

.banner+.banner {
    margin-top: 32px
}

.banner__bg-circle {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.banner__bg-circle:after,
.banner__bg-circle:before {
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.banner__bg-circle:before {
    left: 0
}

.banner__bg-circle:after {
    right: 0
}

.banner__bg-circle:first-child {
    left: 2%;
    right: 2%
}

.banner__bg-circle:first-child:after,
.banner__bg-circle:first-child:before {
    background: linear-gradient(89.77deg, #fff .24%, hsla(0, 0%, 100%, 0) 64.37%);
    opacity: .3;
    padding-top: 40%;
    width: 40%
}

.banner__bg-circle:first-child:after {
    background: linear-gradient(270deg, #fff .24%, hsla(0, 0%, 100%, 0) 64.37%)
}

.banner__bg-circle:nth-child(2) {
    left: 15%;
    right: 15%
}

.banner__bg-circle:nth-child(2):after,
.banner__bg-circle:nth-child(2):before {
    background: linear-gradient(89.77deg, #fff .24%, hsla(0, 0%, 100%, 0) 64.37%);
    opacity: .5;
    padding-top: 40%;
    width: 40%
}

.banner__bg-circle:nth-child(2):after {
    background: linear-gradient(270deg, #fff .24%, hsla(0, 0%, 100%, 0) 64.37%)
}

.banner__info {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    font-size: clamp(12px, 1.1vw, 26px);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1.14;
    margin-bottom: 4px;
    margin-right: clamp(-90px, -5vw, -12px)
}

.banner__info:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(6px, .7vw, 14px);
    margin-bottom: 8px;
    position: relative;
    width: clamp(6px, .7vw, 14px)
}

.banner__text {
    color: #000;
    height: 100%;
    left: 0;
    padding: 24px 8px;
    position: absolute;
    top: 0;
    width: 100%
}

.banner__text,
.banner__title {
    display: flex;
    flex-direction: column
}

.banner__title {
    font-size: clamp(20px, 3vw, 78px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin: auto;
    padding-right: clamp(12px, 5vw, 90px)
}

.banner__title span:first-child {
    display: flex
}

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

.banner__img img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.banner__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.range__inputs {
    -ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
    grid-gap: 16px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: calc(50% - 4px) calc(50% - 4px);
    margin-top: 16px
}

.range__inputs-item {
    width: 100%
}

.range__inputs-label {
    color: #b9b9b9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1.33
}

.range__input {
    border-bottom: 1px solid #000;
    display: flex;
    padding-bottom: 8px
}

.range__input-symbol {
    flex: none;
    margin-right: 5px
}

.range__input-input {
    flex: 1 1 auto;
    max-width: 100%;
    padding: 0
}

.range__slider {
    margin-left: 8px;
    margin-right: 8px;
    position: relative
}

.range__slider:before {
    background: #b9b9b9;
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    right: -8px;
    top: 0
}

.range .noUi-target {
    background: #b9b9b9;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 1px
}

.range .noUi-connect {
    background: #000
}

.range .noUi-handle {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h1v6H0zM3 0h1v6H3z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 2px;
    box-shadow: none;
    cursor: grab;
    height: 16px;
    right: -8px;
    top: -8px;
    width: 16px
}

.range .noUi-handle:after,
.range .noUi-handle:before {
    display: none
}

.range--temperature .noUi-target {
    background: linear-gradient(90deg, red, #faff00 27.08%, #fff 50%, #00a3ff);
    height: 29px;
    margin-bottom: 65px
}

.range--temperature .noUi-connect {
    background: transparent
}

.range--temperature .range__slider {
    margin-left: 0;
    margin-right: 0
}

.range--temperature .range__slider:before {
    display: none
}

.range--temperature .range__slider-text {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    left: 0;
    line-height: 1.3;
    position: absolute;
    right: 0;
    top: calc(100% + 9px)
}

.range--temperature .noUi-handle:focus-visible {
    outline: none
}

.range--temperature .noUi-handle-lower {
    right: -16px
}

.range--temperature .noUi-handle-lower:after {
    background: #000;
    content: "";
    display: block;
    height: 22px;
    left: -1px;
    position: absolute;
    top: 100%;
    width: 1px
}

.range--temperature .noUi-handle-upper {
    right: 0
}

.range--temperature .noUi-handle-upper:after {
    background: #000;
    content: "";
    display: block;
    height: 22px;
    left: 100%;
    position: absolute;
    top: 100%;
    width: 1px
}

.filter.loading:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='.2' cx='60' cy='60' r='59' stroke='%23fff'/%3E%3Cpath d='M60 1a59 59 0 1 0 50.495 89.516' stroke='%23fff'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 60 60;360 60 60' keyTimes='0;1'/%3E%3C/path%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 495px)
}

.filter-btn {
    cursor: pointer;
    display: flex;
    font-weight: 700;
    line-height: 1.07;
    margin-right: 16px;
    transition: opacity .3s ease
}

.filter-btn:hover {
    opacity: .7
}

.filter-new {
    cursor: pointer;
    display: flex;
    font-weight: 700;
    line-height: 1.07;
    margin-right: 16px;
    transition: opacity .3s ease
}

.filter-new:hover {
    opacity: .7
}

.filter-new.active:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.857 6.09 13 15 4' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-left: 8px;
    position: relative;
    width: 16px
}

.filter-sort {
    cursor: pointer;
    display: flex;
    font-weight: 700;
    line-height: 1.07;
    margin-right: 16px;
    transition: opacity .3s ease
}

.filter-sort:hover {
    opacity: .7
}

.filter-sort.filter-sort--up:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14H0m10-6H0m6-6H0' stroke='%23000'/%3E%3C/svg%3E")
}

.filter-sort.filter-sort--down:after,
.filter-sort.filter-sort--up:after {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-left: 8px;
    position: relative;
    width: 16px
}

.filter-sort.filter-sort--down:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2h16M0 8h10M0 14h6' stroke='%23000'/%3E%3C/svg%3E")
}

.filter-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: 12px;
    width: 100%
}

.filter-tags__item {
    align-items: center;
    background: #ded3e8;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    line-height: 1.07;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    transition: background .3s ease
}

.filter-tags__item:hover {
    background: rgba(222, 211, 232, .5)
}

.filter-tags__item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px auto;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.filter__cont>form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.filter__clear {
    transition: color .3s
}

.filter__clear:hover {
    color: #b9b9b9
}

.filter .section-title:not(:last-child) {
    margin-bottom: 64px
}

.filter-item {
    margin-bottom: 64px;
    position: relative
}

.filter-item.disabled {
    opacity: .5;
    pointer-events: none
}

.filter-item__name {
    font-weight: 700;
    line-height: 1.07;
    margin-bottom: 18px
}

.filter-item__name+.filter-item__subname {
    margin-top: -14px
}

.filter-item__subname {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 18px
}

.filter-item__more {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    margin-top: 18px;
    transition: color .3s ease
}

.filter-item__more:hover {
    color: #b9b9b9
}

.filter-item__more:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 7.5h16v1H0z'/%3E%3Cpath fill='%23000' d='M8.5 0v16h-1V0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.filter-item .more-btn__count {
    opacity: 0
}

.filter-item .link {
    cursor: pointer;
    display: flex;
    margin-top: 24px;
    transition: opacity .3s ease
}

.filter-item .link:hover {
    opacity: .5
}

.filter-item .link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.243 3.714 2 13.957M12.742 11.714V3.25h-8.5' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    transition: opacity .3s;
    width: 16px
}

.filter-colors {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-right: -12px
}

.filter-colors__item {
    margin-bottom: 12px;
    margin-right: 12px;
    position: relative
}

.filter-colors__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.filter-colors__input:checked+.filter-colors__label {
    border-color: #000
}

.filter-colors__input:checked+.filter-colors__label:after {
    opacity: 1
}

.filter-colors__label {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 20px
}

.filter-colors__label[data-colors="1"] .color {
    height: 100%;
    width: 100%
}

.filter-colors__label[data-colors="2"] .color {
    height: 50%;
    width: 100%
}

.filter-colors__label[data-colors="3"] .color:not(:nth-child(3)) {
    height: 50%;
    width: 50%
}

.filter-colors__label[data-colors="3"] .color:nth-child(3) {
    height: 50%;
    width: 100%
}

.filter-colors__label .color {
    background: currentColor;
    display: block
}

.filter-colors__label:after {
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.filter-checkbox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-right: -18px
}

.filter-checkbox--col {
    flex-direction: column
}

.filter-checkbox__item {
    margin-bottom: 12px;
    margin-right: 18px;
    position: relative
}

.filter-checkbox__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.filter-checkbox__input:checked+.filter-checkbox__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' transform='rotate(-90 8 8)' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.filter-checkbox__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.07;
    padding-left: 24px;
    position: relative
}

.filter-checkbox__label:before {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    content: "";
    flex: none;
    height: 16px;
    left: 0;
    margin-right: 8px;
    position: absolute;
    top: 0;
    width: 16px
}

.color-radio,
.price-radio {
    display: flex;
    justify-content: space-between
}

.color-radio__item,
.price-radio__item {
    position: relative
}

.color-radio__input,
.price-radio__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.color-radio__input:checked+.price-radio__label:after,
.price-radio__input:checked+.price-radio__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' transform='rotate(-90 8 8)' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.color-radio__label,
.price-radio__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.color-radio__label:after,
.price-radio__label:after {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    content: "";
    flex: none;
    height: 16px;
    margin-top: 8px;
    position: relative;
    width: 16px
}

.color-radio .price,
.price-radio .price {
    font-weight: 500
}

.color-radio {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    position: relative
}

.color-radio:before {
    background: linear-gradient(90deg, red, #faff00 27.08%, #fff 50%, #00a3ff);
    content: "";
    height: 11px;
    left: 2px;
    position: absolute;
    right: 2px;
    top: 3px
}

.color-radio:not(:last-child) {
    margin-bottom: 18px
}

.color-radio__item {
    position: relative
}

.color-radio__item:first-child .color-radio__label:after {
    margin-left: 0
}

.color-radio__item:last-child .color-radio__label:after {
    margin-right: 0
}

.color-radio__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.color-radio__input:checked+.color-radio__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' transform='rotate(-90 8 8)' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.color-radio__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    position: relative
}

.color-radio__label:after {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    bottom: calc(100% + 8px);
    content: "";
    height: 16px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 16px
}

.range--price .range__slider:after {
    content: attr(data-max-large) "₽";
    font-size: 10px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    top: 18px
}

.range--price .noUi-marker:not(.noUi-value-sub):not(.noUi-marker-sub):not(.noUi-marker-large),
.range--price .range__inputs {
    display: none
}

.range--price .noUi-value-large,
.range--price .noUi-value-sub {
    color: #000;
    font-size: 10px;
    transition: color .3s
}

.range--price .noUi-value-large:after,
.range--price .noUi-value-sub:after {
    content: "₽";
    display: inline;
    position: relative
}

.range--price .noUi-value-large:before,
.range--price .noUi-value-sub:before {
    background: #000;
    bottom: calc(100% - 1px);
    content: "";
    height: 10px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 1px
}

.range--price .noUi-value-large.active-pip:before,
.range--price .noUi-value-sub.active-pip:before {
    opacity: 1
}

.range--price .noUi-marker-large {
    height: 10px
}

.range--price .noUi-marker-large,
.range--price .noUi-marker-sub {
    background: #ded3e8
}

.range--price .noUi-value-large:last-child {
    color: transparent
}

.range--price .noUi-base:after {
    content: "";
    cursor: pointer;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.characteristic .section-title {
    margin-bottom: 64px
}

.characteristic.popup .characteristic__content {
    padding-bottom: 64px
}

.characteristic__item {
    margin-bottom: 64px
}

.characteristic__item-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 18px
}

.characteristic-list__item {
    border-bottom: 1px solid #b9b9b9;
    display: flex;
    line-height: 1.07;
    padding-bottom: 8px
}

.characteristic-list__item:not(:last-child) {
    margin-bottom: 18px
}

.characteristic-list__item-name {
    flex: none;
    margin-right: 42px;
    max-width: 188px;
    width: 100%
}

.characteristic-list__item-text {
    flex: none;
    max-width: 104px;
    width: 100%
}

.product-design__img {
    border: 1px solid #b9b9b9;
    padding-top: 100%;
    position: relative
}

.product-design__img img {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.product-design__info {
    color: #b9b9b9;
    line-height: 1.07;
    margin-top: 12px
}

.show-more .more-btn:not(.js__active),
.show-more__item.js__hidden {
    display: none
}

.show-more .more-btn__count {
    margin-left: 5px
}

.auth .popup__bottom {
    padding-bottom: 32px
}

.auth-form {
    max-width: 350px;
    width: 100%
}

.auth-form__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 18px
}

.auth-form__confirm,
.auth-form__text {
    line-height: 1.07
}

.auth-form__nav {
    display: flex;
    margin-bottom: 80px;
    margin-right: -8px
}

.auth-form__nav-item {
    color: #b9b9b9;
    cursor: pointer;
    font-size: 16px;
    margin-right: 8px;
    padding-bottom: 16px;
    position: relative;
    transition: color .3s ease
}

.auth-form__nav-item.active,
.auth-form__nav-item:hover {
    color: #000
}

.auth-form__nav-item.active:after {
    opacity: 1
}

.auth-form__nav-item:after {
    background: currentColor;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 8px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .3s ease;
    width: 8px
}

.auth-form__confirm:not(:first-child) {
    margin-top: 64px
}

.auth-form__confirm-icon {
    margin-top: 32px
}

.auth-form__confirm-icon svg {
    display: block
}

.auth-form .form__items:not(:first-child) {
    margin-top: 80px
}

.auth-form .form__item:not(:last-child) {
    margin-bottom: 42px
}

.auth-form .form__item+.form__item--agree {
    margin-top: -20px
}

.auth-form__phone .default-input__input {
    padding-right: 90px
}

.auth-form__phone .default-input__edit {
    position: absolute;
    right: 0;
    top: -3px
}

.user-menu {
    background: #3a0d55;
    color: #fff;
    font-weight: 400;
    line-height: 1.07;
    opacity: 0;
    padding: 18px 8px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(100% + 16px);
    transform: translateY(-16px);
    transition: opacity .3s ease .2s, transform .3s ease .1s;
    width: 232px;
    z-index: 10
}

.user-menu:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h16V0L0 10Z' fill='%233A0D55'/%3E%3C/svg%3E");
    background-position: right 8px bottom;
    background-repeat: no-repeat;
    bottom: 100%;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    width: 40px
}

.user-menu__top {
    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 32px;
    padding-bottom: 4px
}

.user-menu__name {
    align-self: flex-start;
    display: flex
}

.user-menu__name:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.2 13.867v.533h1.067v-.533H3.2Zm8.533 0v.533H12.8v-.533h-1.067Zm-7.466 0v-.534H3.2v.534h1.067Zm2.666-3.2h2.134V9.6H6.933v1.067Zm4.8 2.666v.534H12.8v-.534h-1.067Zm-2.666-2.666a2.667 2.667 0 0 1 2.666 2.666H12.8A3.733 3.733 0 0 0 9.067 9.6v1.067Zm-4.8 2.666a2.667 2.667 0 0 1 2.666-2.666V9.6A3.733 3.733 0 0 0 3.2 13.333h1.067ZM8 3.2a2.667 2.667 0 0 0-2.667 2.667H6.4a1.6 1.6 0 0 1 1.6-1.6V3.2Zm2.667 2.667A2.667 2.667 0 0 0 8 3.2v1.067a1.6 1.6 0 0 1 1.6 1.6h1.067ZM8 8.533a2.667 2.667 0 0 0 2.667-2.666H9.6a1.6 1.6 0 0 1-1.6 1.6v1.066Zm0-1.066a1.6 1.6 0 0 1-1.6-1.6H5.333A2.667 2.667 0 0 0 8 8.533V7.467Zm0 7.466A6.933 6.933 0 0 1 1.067 8H0a8 8 0 0 0 8 8v-1.067ZM14.933 8A6.934 6.934 0 0 1 8 14.933V16a8 8 0 0 0 8-8h-1.067ZM8 1.067A6.933 6.933 0 0 1 14.933 8H16a8 8 0 0 0-8-8v1.067ZM8 0a8 8 0 0 0-8 8h1.067A6.933 6.933 0 0 1 8 1.067V0Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.user-menu__item:not(:last-child) {
    margin-bottom: 4px
}

.user-menu__link {
    color: #fff;
    transition: color .3s ease
}

.user-menu__link span,
.user-menu__link:hover {
    color: #b9b9b9
}

.user-menu__bottom {
    margin-top: 64px
}

.product-docs__item {
    border: 1px solid #b9b9b9;
    display: block;
    font-weight: 400;
    line-height: 1.07;
    padding: 18px 110px 18px 18px;
    position: relative;
    transition: all .3s
}

.product-docs__item:not(:last-child) {
    margin-bottom: 8px
}

.product-docs__item:hover {
    background: #3a0d55
}

.product-docs__item:hover .product-docs__item-name {
    filter: invert(1)
}

.product-docs__item:hover .product-docs__item-link {
    filter: invert(1);
    opacity: 1
}

.product-docs__item-name {
    display: flex;
    transition: all .3s
}

.product-docs__item-icon:before {
    align-items: center;
    display: flex;
    flex: none;
    height: 16px;
    justify-content: center;
    margin-right: 8px;
    width: 16px
}

.product-docs__item-info {
    color: #b9b9b9;
    font-weight: 400;
    margin-top: 8px
}

.product-docs__item-link {
    opacity: 0;
    position: absolute;
    right: 18px;
    top: 18px;
    transition: all .3s
}

.cart-block.popup {
    display: block;
    pointer-events: none
}

.cart-block.popup.opened {
    pointer-events: all
}

.cart-block__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 12px
}

.cart-block__empty {
    margin-bottom: 64px
}

.cart-block__empty>p {
    max-width: 350px
}

.cart-block__empty .btn {
    margin-top: 64px;
    max-width: 350px
}

.cart-block__bottom {
    margin-top: auto
}

.cart-block__slider-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 18px
}

.cart-block__slider-btns {
    display: flex;
    position: absolute;
    right: 18px;
    top: 0
}

.cart-block__slider-btns .swiper-button {
    bottom: auto;
    cursor: pointer;
    height: 16px;
    left: auto;
    margin-left: 12px;
    position: relative;
    right: auto;
    top: auto;
    width: 16px
}

.cart-block__slider-btns .swiper-button.swiper-button-disabled {
    opacity: 0
}

.cart-block__slider-btns .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15 4 8l8-7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.cart-block__slider-btns .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 1 8 7-8 7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.cart-block__slider-list {
    margin-right: -18px;
    margin-top: -38px;
    overflow: hidden;
    padding-right: 126px;
    padding-top: 38px
}

.cart-block__products {
    margin-bottom: 64px
}

.cart-block__products-title {
    border-bottom: 1px solid #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 32px;
    padding-bottom: 6px
}

.cart-block__products-item {
    margin-bottom: 32px
}

.cart-block__products-bottom {
    background: #fff;
    border-top: 1px solid #000;
    bottom: 0;
    padding: 16px 0 8px;
    position: sticky;
    z-index: 2
}

.cart-block__products-bottom .btn {
    margin-top: 16px
}

.cart-block__sale,
.cart-block__total {
    display: flex
}

.cart-block__sale:not(:last-child),
.cart-block__total:not(:last-child) {
    margin-bottom: 4px
}

.cart-block__sale-label,
.cart-block__total-label {
    flex: none;
    margin-right: 8px;
    width: 110px
}

.cart-block__sale {
    color: #b9b9b9
}

.copy,
.copy__code {
    position: relative
}

.copy__code:hover .input {
    border-color: transparent
}

.copy__code .input {
    border-bottom: 1px solid #b9b9b9;
    transition: border-color .3s
}

.copy__code .input::selection {
    background: transparent;
    color: #000
}

.copy__code .copy-btn {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.copy__text {
    color: #b9b9b9;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: opacity .3s ease
}

.copy__text:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.857 6.09 13 15 4' stroke='%23B9B9B9'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 8px;
    position: relative;
    width: 16px
}

.copy__text.active {
    opacity: 1
}

.mobile-menu {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    transition: transform .4s;
    width: 100%;
    z-index: 20
}

.mobile-menu>.wrapper {
    height: 100%
}

.mobile-menu__cont {
    -ms-grid-columns: 1fr 8px 1fr;
    -ms-grid-rows: auto 32px 1fr 32px auto;
    grid-gap: 32px 8px;
    -ms-overflow-style: none;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr auto;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
    position: static;
    scrollbar-width: none
}

.mobile-menu__cont>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.mobile-menu__cont>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.mobile-menu__cont>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.mobile-menu__cont>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3
}

.mobile-menu__cont>:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 5
}

.mobile-menu__cont>:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-row: 5
}

.mobile-menu__cont::-webkit-scrollbar {
    display: none
}

.mobile-menu__top {
    -ms-grid-column-span: 2;
    align-items: center;
    display: flex;
    grid-column: span 2;
    justify-content: space-between;
    padding: 8px 0
}

.mobile-menu__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    position: relative;
    width: 16px
}

.mobile-menu__close:before {
    bottom: -8px;
    content: "";
    display: block;
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.mobile-menu__logo .logo img {
    display: block;
    margin-top: -6px
}

.mobile-menu__bottom {
    -ms-grid-column-span: 2;
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
    margin-top: auto
}

.mobile-menu__btns {
    display: flex
}

.mobile-menu__btns .header__btns-item {
    position: relative
}

.mobile-menu__btns .header__btns-item:first-child {
    margin-left: 0
}

.mobile-menu__search {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
    transition: color .3s
}

.mobile-menu__search:hover {
    color: #b9b9b9
}

.mobile-menu__search:hover svg path {
    stroke: #b9b9b9
}

.mobile-menu__search img,
.mobile-menu__search svg {
    display: block;
    flex: none;
    margin-right: 8px;
    max-width: 16px
}

.mobile-menu__search svg path {
    transition: all .3s
}

.mobile-menu .lang-toggle {
    align-items: flex-start;
    flex-direction: column
}

.mobile-menu .lang-toggle:hover .lang-toggle__list {
    animation: lang-toggle-2 .5s linear forwards
}

.mobile-menu .lang-toggle:hover .lang-toggle__item {
    margin-right: 0;
    margin-top: 4px
}

.mobile-menu .lang-toggle__list {
    bottom: calc(100% + 5px);
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    flex-direction: column;
    left: 16px;
    right: auto
}

.mobile-menu .lang-toggle__item {
    margin-right: 0
}

@keyframes lang-toggle-2 {
    0% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
    }
}

.burger {
    display: flex;
    flex-direction: column;
    height: 16px;
    justify-content: space-between;
    margin-left: 16px;
    padding: 3px 0;
    position: relative;
    width: 16px
}

.burger:before {
    bottom: -8px;
    content: "";
    display: block;
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.burger.opened span:first-child {
    transform: rotate(-45deg) translateY(-2px)
}

.burger.opened span:nth-child(2) {
    transform: rotate(45deg) translateY(1px)
}

.burger span {
    background: currentColor;
    height: 1px;
    transition: all .3s;
    width: 16px
}

.burger span:first-child,
.burger span:nth-child(2) {
    transform-origin: right
}

.main-menu__item {
    line-height: 1.07
}

.main-menu__item:not(:last-child) {
    margin-bottom: 18px
}

.main-menu__link {
    transition: color .3s
}

.main-menu__link.active,
.main-menu__link:hover {
    color: #b9b9b9
}

.main-submenu__item {
    line-height: 1.07
}

.main-submenu__item:not(:last-child) {
    margin-bottom: 18px
}

.main-submenu__link {
    transition: color .3s
}

.main-submenu__link.active,
.main-submenu__link:hover {
    color: #b9b9b9
}

.mobile-menu__submenu {
    -ms-overflow-style: none;
    background: #fff;
    bottom: 0;
    color: #000;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 32px 8px 18px;
    position: fixed;
    right: 0;
    scrollbar-width: none;
    top: 32px;
    transform: translate(100%);
    transition: transform .3s
}

.mobile-menu__submenu::-webkit-scrollbar {
    display: none
}

.mobile-menu__submenu.opened {
    transform: translate(0);
    z-index: 1
}

.mobile-menu__submenu-close {
    margin-bottom: 32px
}

.mobile-menu__user {
    -ms-overflow-style: none;
    background: #fff;
    bottom: 0;
    color: #000;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 32px 8px 18px;
    position: fixed;
    right: 0;
    scrollbar-width: none;
    top: 32px;
    transform: translate(100%);
    transition: transform .3s
}

.mobile-menu__user::-webkit-scrollbar {
    display: none
}

.mobile-menu__user.opened {
    transform: translate(0)
}

.mobile-menu__user-close {
    margin-bottom: 32px
}

.mobile-menu__user .user-menu__name:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.2 13.867v.533h1.067v-.533H3.2Zm8.533 0v.533H12.8v-.533h-1.067Zm-7.466 0v-.534H3.2v.534h1.067Zm2.666-3.2h2.134V9.6H6.933v1.067Zm4.8 2.666v.534H12.8v-.534h-1.067Zm-2.666-2.666a2.667 2.667 0 0 1 2.666 2.666H12.8A3.733 3.733 0 0 0 9.067 9.6v1.067Zm-4.8 2.666a2.667 2.667 0 0 1 2.666-2.666V9.6A3.733 3.733 0 0 0 3.2 13.333h1.067ZM8 3.2a2.667 2.667 0 0 0-2.667 2.667H6.4a1.6 1.6 0 0 1 1.6-1.6V3.2Zm2.667 2.667A2.667 2.667 0 0 0 8 3.2v1.067a1.6 1.6 0 0 1 1.6 1.6h1.067ZM8 8.533a2.667 2.667 0 0 0 2.667-2.666H9.6a1.6 1.6 0 0 1-1.6 1.6v1.066Zm0-1.066a1.6 1.6 0 0 1-1.6-1.6H5.333A2.667 2.667 0 0 0 8 8.533V7.467Zm0 7.466A6.933 6.933 0 0 1 1.067 8H0a8 8 0 0 0 8 8v-1.067ZM14.933 8A6.934 6.934 0 0 1 8 14.933V16a8 8 0 0 0 8-8h-1.067ZM8 1.067A6.933 6.933 0 0 1 14.933 8H16a8 8 0 0 0-8-8v1.067ZM8 0a8 8 0 0 0-8 8h1.067A6.933 6.933 0 0 1 8 1.067V0Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-menu__user .user-menu__link {
    color: #000
}

.mobile-menu__user .user-menu__bottom {
    margin-top: auto;
    padding-top: 32px
}

.mobile-menu__user .user-menu__bottom .logout:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 8h-8M8 1H2v14h6M11 3l4 5-4 5' stroke='%23000'/%3E%3C/svg%3E")
}

body.mobilemenu-opened .mobile-menu {
    transform: translate(0)
}

body.mobilemenu-opened .header,
body.mobilemenu-opened.design-page .header,
body.mobilemenu-opened.main .header {
    background-color: #fff;
    color: #000
}

body.mobilemenu-opened.design-page .header .header__links-item img,
body.mobilemenu-opened.design-page .header .logo img,
body.mobilemenu-opened.main .header .header__links-item img,
body.mobilemenu-opened.main .header .logo img {
    filter: invert(0)
}

body.mobilemenu-opened.design-page .header .header__links-item svg path,
body.mobilemenu-opened.design-page .header .logo svg path,
body.mobilemenu-opened.main .header .header__links-item svg path,
body.mobilemenu-opened.main .header .logo svg path {
    stroke: #000
}

body.mobilemenu-opened.design-page .header .header__btns-item img,
body.mobilemenu-opened.main .header .header__btns-item img {
    filter: invert(0)
}

body.mobilemenu-opened.design-page .header .header__btns-item a:not(.profile) svg path,
body.mobilemenu-opened.main .header .header__btns-item a:not(.profile) svg path {
    stroke: #000;
    transition: all .3s
}

body.mobilemenu-opened.design-page .header .header__btns-item a.profile svg path,
body.mobilemenu-opened.main .header .header__btns-item a.profile svg path {
    fill: #000
}

.header {
    font-weight: 400;
    padding: 8px 0;
    position: relative;
    z-index: 20
}

.header.catalog-open,
.header.js__scroll {
    background-color: #fff;
    color: #000
}

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

.header__nav {
    display: flex;
    flex: 1 1 auto;
    padding: 0 8px
}

.header__nav .catalog-link {
    margin-right: 120px
}

.header__nav .catalog-link>a {
    border: 0;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    transition: color .3s;
    z-index: 25
}

.header__nav .catalog-link>a:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 2px;
    opacity: 0;
    position: absolute;
    top: calc(100% + 4px);
    transition: opacity .3s;
    width: 8px;
    z-index: 25
}

.header__nav .catalog-link>a:hover {
    color: inherit
}

.header__nav .catalog-link>a:hover:after {
    opacity: 1
}

.header__menu {
    display: flex
}

.header__menu-item {
    margin-right: 16px
}

.header__menu-link {
    font-weight: 400;
    position: relative;
    transition: color .3s
}

.header__menu-link:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 2px;
    opacity: 0;
    position: absolute;
    top: calc(100% + 4px);
    transition: opacity .3s;
    width: 8px
}

.header__menu-link:hover:after {
    opacity: 1
}

.header__logo {
    flex: none;
    margin-right: 120px
}

.header__logo img {
    display: block;
    margin-top: -6px
}

.header__lang .lang-toggle {
    align-items: flex-start;
    flex-direction: column;
    position: relative
}

.header__lang .lang-toggle:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%
}

.header__lang .lang-toggle:hover .lang-toggle__list {
    animation: lang-toggle-3 .5s linear forwards
}

.header__lang .lang-toggle:hover .lang-toggle__item {
    margin-bottom: 4px;
    margin-right: 0
}

.header__lang .lang-toggle__list {
    background-color: #000;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    color: #fff;
    flex-direction: column;
    left: 4px;
    padding: 7px 12px;
    right: auto;
    top: calc(100% + 10px)
}

.header__lang .lang-toggle__item {
    margin-right: 0
}

.header__links {
    display: flex
}

.header__links-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    margin-left: 16px;
    position: relative;
    transition: color .3s
}

.header__links-item:hover svg.hover {
    opacity: 1
}

.header__links-item img,
.header__links-item svg {
    display: block;
    flex: none;
    margin-right: 8px;
    max-width: 16px
}

.header__links-item img.hover,
.header__links-item svg.hover {
    opacity: 0;
    position: absolute;
    transition: opacity .3s
}

.header__links-item svg path {
    transition: all .3s
}

.header__btns {
    display: flex;
    margin-left: 20px
}

.header__btns:empty {
    display: none
}

.header__btns-item {
    cursor: pointer;
    margin-left: 16px;
    position: relative
}

.header__btns-item:hover .user-menu {
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

.header__btns-link {
    display: block;
    position: relative
}

.header__btns-link img,
.header__btns-link svg {
    display: block;
    flex: none;
    max-width: 16px
}

.header__btns-link img.hover,
.header__btns-link svg.hover {
    opacity: 0;
    position: absolute;
    transition: opacity .3s
}

.header__btns-link svg path {
    transition: all .3s
}

.header__btns-link.cart[data-count]:not([data-count="0"]):after,
.header__btns-link.compare[data-count]:not([data-count="0"]):after,
.header__btns-link.fav[data-count]:not([data-count="0"]):after {
    transform: scale(1)
}

.header__btns-link.cart:after,
.header__btns-link.compare:after,
.header__btns-link.fav:after {
    background: #3a0d55;
    border-radius: 10px;
    color: #fff;
    content: attr(data-count);
    display: block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1;
    padding: 1px 3px;
    position: absolute;
    right: -8px;
    top: -4px;
    transform: scale(0);
    transition: transform .3s ease
}

.header__btns-link.profile {
    align-items: center;
    display: flex;
    line-height: 1
}

.header__btns-link.profile.active:after {
    background: #3a0d55;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 12px;
    position: absolute;
    top: -4px;
    width: 8px
}

.header__btns-link.profile span {
    transition: color .3s
}

.header__btns-link.profile:hover svg.hover {
    opacity: 1
}

@keyframes lang-toggle-3 {
    0% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.main {
    background: #ded3e8
}

.main .header {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.main .header:not(.js__scroll):not(.catalog-open) {
    background: transparent;
    color: #fff
}

.main .header:not(.js__scroll):not(.catalog-open) .header__links-item img,
.main .header:not(.js__scroll):not(.catalog-open) .logo img {
    filter: invert(1)
}

.main .header:not(.js__scroll):not(.catalog-open) .header__links-item svg path,
.main .header:not(.js__scroll):not(.catalog-open) .logo svg path {
    stroke: #fff;
    transition: all .3s
}

.main .header:not(.js__scroll):not(.catalog-open) .header__links-item:hover svg.hover {
    filter: invert(1)
}

.main .header:not(.js__scroll):not(.catalog-open) .header__links-item:hover svg.hover path {
    stroke: #000
}

.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile):hover svg.hover,
.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item img {
    filter: invert(1)
}

.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile):hover svg.hover path {
    stroke: #000
}

.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile) svg path {
    stroke: #fff;
    transition: all .3s
}

.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile:hover svg.hover {
    filter: invert(1)
}

.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile:hover svg.hover path {
    stroke: #000
}

.main .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile svg path {
    fill: #fff;
    transition: all .3s
}

.design-page .header {
    margin-bottom: -36px
}

.design-page .header:not(.js__scroll):not(.catalog-open) {
    background: transparent;
    color: #fff
}

.design-page.white-header .header:not(.js__scroll):not(.catalog-open) .logo img {
    filter: invert(0);
}

.design-page.white-header .header:not(.js__scroll):not(.catalog-open) {
    color: #000;
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__links-item img,
.design-page .header:not(.js__scroll):not(.catalog-open) .logo img {
    filter: invert(1)
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__links-item svg path,
.design-page .header:not(.js__scroll):not(.catalog-open) .logo svg path {
    stroke: #fff;
    transition: all .3s
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__links-item:hover svg.hover {
    filter: invert(1)
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__links-item:hover svg.hover path {
    stroke: #000
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item img {
    filter: invert(1)
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile) svg path {
    stroke: #fff;
    transition: all .3s
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile):hover svg.hover {
    filter: invert(1)
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile):hover svg.hover path {
    stroke: #000
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile svg path {
    fill: #fff;
    transition: all .3s
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile:hover svg.hover {
    filter: invert(1)
}

.design-page .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile:hover svg.hover path {
    stroke: #000
}

.inner .header {
    position: sticky;
    top: -1px
}

.header__nav .catalog-link {
    position: relative
}

.header__nav .catalog-link:after {
    bottom: -64px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.header__nav .catalog-link:hover .header__catalog-nav {
    opacity: 1;
    pointer-events: all
}

.header__nav .catalog-link:hover>a:after {
    opacity: 1
}

.header__catalog-nav {
    color: #000;
    opacity: 0;
    top: 35px;
    z-index: 20
}

.header__catalog-nav,
.header__catalog-nav:before {
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0
}

.header__catalog-nav:before {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    top: 64px
}

.header__catalog-nav>.wrapper {
    background: #fff;
    padding-bottom: 50px;
    padding-right: 0;
    padding-top: 64px
}

.header__catalog-nav .catalog-nav__list {
    -webkit-clip-path: none;
    clip-path: none
}

.header__catalog-nav .catalog-nav__item {
    margin-bottom: 16px;
    width: 420px;
}

.header__catalog-nav .catalog-nav__item:hover .catalog-nav__img {
    opacity: 1
}

.header__catalog-nav .catalog-nav__img {
    height: 220px;
    max-width: 438px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    width: calc(100% - 436px)
}

.header__catalog-nav .catalog-nav__img img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

body.design-page .header.catalog-open .header__menu-link-partner,
body.main .header.catalog-open .header__menu-link-partner,
body:not(.design-page):not(.main) .header__menu-link-partner {
    color: #3a0d55
}

.footer {
    background: #fff;
    font-weight: 400;
    margin-top: 64px;
    padding: 8px 0;
    position: relative;
    z-index: 15
}

.footer a {
    transition: margin .5s linear .2s, color .3s
}

.footer a:hover {
    color: #b9b9b9
}

.footer__top {
    margin-bottom: 126px
}

.footer__bottom,
.footer__top {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 16px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.footer__contacts,
.footer__logo {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.footer__nav {
    -ms-grid-column-span: 6;
    -ms-grid-column: 4;
    grid-column: 4/10
}

.footer__about {
    -ms-grid-column-span: 3;
    -ms-grid-column: 10;
    grid-column: 10/13
}

.footer__socials {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    grid-column: 1/3;
    -ms-grid-row: 2;
    grid-row-start: 2
}

.footer__lang {
    -ms-grid-column-span: 1;
    align-items: flex-start;
    display: flex;
    -ms-grid-column: 12;
    grid-column: 12/13;
    justify-content: flex-end
}

.footer__lang .lang-toggle__list {
    background: #fff;
    justify-content: flex-end;
    padding: 4px;
    width: 340px
}

.footer__brands {
    -ms-grid-column-span: 2;
    display: flex;
    -ms-grid-column: 10;
    grid-column: 10/12
}

.footer__brands:last-child {
    -ms-grid-column-span: 3;
    -ms-grid-column: 10;
    grid-column: 10/13;
    justify-content: flex-end
}

.footer__brands-item img {
    display: block;
    min-height: 22px;
    width: auto
}

.footer__phone {
    margin-bottom: 8px
}

.footer__phone-link {
    align-items: center;
    display: flex;
    line-height: 1.07
}

.footer__phone-link:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    flex: none;
    height: 8px;
    margin-right: 4px;
    position: relative;
    width: 8px
}

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

.footer__logo img {
    display: block
}

.footer__links {
    -ms-grid-row-align: center;
    -ms-grid-column-span: 5;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    -ms-grid-column: 4;
    grid-column: 4/9;
    margin-bottom: -8px;
    margin-right: -16px
}

.footer__links-item {
    font-size: 12px;
    letter-spacing: -.03em;
    margin-bottom: 8px;
    margin-right: 16px
}

.footer-menu__item {
    line-height: 1.07;
    margin-bottom: 8px
}

.inner .footer:before {
    background: currentColor;
    content: "";
    height: 1px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 0
}

.lang-toggle {
    align-items: center;
    display: flex;
    position: relative
}

.lang-toggle:hover .lang-toggle__list {
    animation: lang-toggle .5s linear forwards;
    pointer-events: all
}

.lang-toggle:hover .lang-toggle__item {
    margin-right: 12px
}

.lang-toggle__this {
    align-items: center;
    cursor: pointer;
    display: flex
}

.lang-toggle__this:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    flex: none;
    height: 8px;
    margin-right: 8px;
    position: relative;
    width: 8px
}

.lang-toggle__list {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    display: flex;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 100%;
    transition: all .3s
}

.lang-toggle__item {
    margin-right: -5px;
    text-transform: uppercase;
    transition: margin .5s linear .2s, color .3s
}

.lang-toggle__link {
    transition: color .3s
}

.lang-toggle__link:hover {
    color: #b9b9b9
}

@keyframes lang-toggle {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

body.loaded .loader,
body.loaded .video-loader {
    animation: loaderSlideOut .5s cubic-bezier(.55, .085, .68, .53) both
}

body.loading {
    overflow: hidden
}

.video-loader {
    display: flex;
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100vw;
    z-index: 100
}

.video-loader video {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.loader,
.video-loader video {
    left: 0;
    position: absolute;
    top: 0
}

.loader {
    background: #ded3e8;
    display: flex;
    height: 100vh;
    overflow: hidden;
    padding: 60px 30px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100vw;
    z-index: 100
}

.loader__cont {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 765px;
    margin: auto;
    position: relative;
    width: 650px
}

.loader__logo {
    animation: logoInBottom 2s cubic-bezier(.25, .46, .45, .94) 1s both;
    opacity: 0;
    padding-top: 41.2%;
    position: relative;
    transform: translateY(50px);
    z-index: 1
}

.loader__logo img {
    display: block;
    height: auto;
    width: 266px
}

.loader__circle {
    background: radial-gradient(65.97% 128% at 50% -28%, #fff 21.8%, hsla(0, 0%, 100%, 0) 100%);
    border-radius: 50%;
    opacity: .6;
    opacity: 0;
    position: absolute;
    transform: translateY(100px)
}

.loader__circle--1 {
    left: 0;
    padding-top: 100%;
    top: 0;
    width: 100%;
    z-index: 0
}

.loader__circle--1,
.loader__circle--2 {
    animation: circleInBottom 2.5s cubic-bezier(.25, .46, .45, .94) .5s both
}

.loader__circle--2 {
    padding-top: 70%;
    top: 40%;
    width: 70%;
    z-index: 2
}

@keyframes loaderSlideOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    80% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes circleInBottom {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    70% {
        opacity: .6;
        transform: translate(0)
    }

    95% {
        opacity: 0;
        transform: translateY(-100px)
    }
}

@keyframes logoInBottom {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    50% {
        opacity: 1;
        transform: translate(0)
    }

    95% {
        opacity: 0;
        transform: translateY(-50px)
    }
}

.main .wrap {
    flex: 1 1;
    height: 100%;
    min-height: auto
}

.main main {
    position: relative
}

.main-banner {
    background-color: #ded3e8;
    /*background-image:url(../img/photo/main/all-off.jpg);*/
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.main-banner__slider {
    flex: 1 1 auto;
    width: 100%
}

.main-banner__slide:after {
    background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, rgba(0, 0, 0, .5) 90%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.main-banner__item {
    height: 100%;
    width: 100%
}

.main-banner__bg {
    display: block
}

.main-banner__bg,
.main-banner__bg:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.main-banner__bg:after {
    background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, rgba(0, 0, 0, .15) 90%);
    content: "";
    pointer-events: none
}

.main-banner__bg img,
.main-banner__bg video {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.main-banner__bg--animate {
    transition: opacity .1s
}

.main-banner__bg--animate.main-banner__bg--animate-2 {
    opacity: 0
}

.main-banner__header,
.main-banner__title {
    bottom: 0;
    font-size: 80px;
    font-weight: 700;
    left: 0;
    letter-spacing: -.04em;
    line-height: .9;
    padding-bottom: 110px;
    position: absolute;
    right: 0
}

.main-banner__header {
    z-index: 10
}

.main-banner__btn {
    bottom: 0;
    left: 0;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    z-index: 10
}

.main-banner__btn .btn-arrow:after {
    filter: invert(1)
}

.main-banner__nav {
    bottom: 0;
    color: #fff;
    left: 0;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    z-index: 10
}

.main-banner__nav .wrapper {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.main-banner__nav-item {
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff;
    display: flex;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    padding-bottom: 22px;
    padding-top: 8px;
    position: relative
}

.main-banner__nav-item:after {
    background: #fff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 0
}

.main-banner__nav-item:before {
    border-radius: 50%;
    content: "";
    flex: none;
    height: 16px;
    transform: scale(0);
    transition: all .3s;
    width: 16px
}

.main-banner__nav-item.active:before,
.main-banner__nav-item:hover:before {
    margin-right: 8px;
    transform: scale(1)
}

.main-banner__nav-item.decorative:before {
    background-color: rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 5px #fff
}

.main-banner__nav-item.street:before {
    background-color: #fff
}

.main-banner__nav-item.functional:before {
    border: 1px solid #fff
}

@keyframes progress-nav {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes filter-slide {
    0% {
        filter: brightness(.9)
    }

    4% {
        filter: brightness(1)
    }

    97% {
        filter: brightness(1)
    }

    to {
        filter: brightness(.9)
    }
}

@keyframes main-banner {
    0% {
        background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, rgba(0, 0, 0, .5) 50%);
        opacity: .2
    }

    7% {
        background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, rgba(0, 0, 0, .5) 90%);
        opacity: 0
    }

    94% {
        background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, rgba(0, 0, 0, .5) 90%);
        opacity: 0
    }

    to {
        background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, rgba(0, 0, 0, .5) 50%);
        opacity: .2
    }
}

.fav-auth__cont {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 350px
}

.fav-auth__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 12px
}

.fav-auth__text {
    margin-bottom: 32px
}

.fav-auth__btns {
    align-items: center;
    display: flex;
    margin-top: auto
}

.fav-auth__btns .btn {
    flex: 1 1 auto;
    margin-right: 12px
}

.fav-auth .register-link {
    transition: color .3s ease
}

.fav-auth .register-link:hover {
    color: #b9b9b9
}

.catalog__item .fav-auth {
    padding-top: calc(50% - 4px);
    position: relative;
    width: calc(50% - 4px)
}

.catalog__item .fav-auth__cont {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.downloads__top {
    padding: 64px 0 32px
}

.downloads__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.downloads__left {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 350px;
    position: sticky;
    top: 80px;
    width: 100%
}

.downloads__right {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13
}

.downloads__item:not(:last-child) {
    margin-bottom: 64px
}

.downloads__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 18px
}

.downloads-3d {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 960px;
    width: 100%
}

.downloads-3d__item {
    border: 1px solid #b9b9b9;
    font-weight: 400;
    line-height: 1.07;
    padding: 18px 110px 18px 18px;
    position: relative;
    transition: all .3s
}

.downloads-3d__item:hover {
    background: #3a0d55
}

.downloads-3d__item:hover .downloads-3d__item-name {
    filter: invert(1)
}

.downloads-3d__item:hover .downloads-3d__item-link {
    filter: invert(1);
    opacity: 1
}

.downloads-3d__item-name {
    display: flex;
    line-height: 1.07;
    transition: all .3s
}

.downloads-3d__item-name:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='m0 3 7-3 7 3v10l-7 3-7-3V3Z'/%3E%3C/mask%3E%3Cpath d='m-.197 3.46 7 3 .394-.92-7-3-.394.92Zm7.394 3 7-3-.394-.92-7 3 .394.92ZM6.5 6v10h1V6h-1ZM0 3l-.394-.92-.606.26V3h1Zm14 0h1v-.66l-.606-.26L14 3Zm0 10 .394.92.606-.26V13h-1ZM0 13h-1v.66l.606.26L0 13Zm7 3-.394.92.394.168.394-.169L7 16ZM7 0l.394-.92L7-1.087l-.394.169L7 0Zm6 3v10h2V3h-2ZM1 13V3h-2v10h2Zm12.606-.92-7 3 .788 1.84 7-3-.788-1.84Zm-6.212 3-7-3-.788 1.84 7 3 .788-1.84Zm-7-11.16 7-3-.788-1.84-7 3 .788 1.84Zm6.212-3 7 3 .788-1.84-7-3L6.606.92Z' fill='%23000' mask='url(%23a)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.downloads-3d__item-info {
    color: #b9b9b9;
    font-weight: 400;
    margin-top: 8px
}

.downloads-3d__item-link {
    opacity: 0;
    position: absolute;
    right: 18px;
    top: 18px;
    transition: all .3s
}

.downloads-catalog {
    max-width: 960px;
    width: 100%
}

.downloads-catalog__item {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 18px 8px;
    border-top: 1px solid #b9b9b9;
    display: -ms-grid;
    display: grid;
    font-weight: 400;
    grid-template-columns: repeat(8, 1fr);
    line-height: 1.07;
    padding-top: 8px
}

.downloads-catalog__item:hover .downloads-catalog__item-btns {
    opacity: 1
}

.downloads-catalog__item:not(:last-child) {
    margin-bottom: 18px
}

.downloads-catalog__item-img img {
    display: block
}

.downloads-catalog__item-name {
    -ms-grid-column-span: 3;
    font-weight: 700;
    grid-column: span 3;
    line-height: 1.07
}

.downloads-catalog__item-btns {
    -ms-grid-column-span: 4;
    display: flex;
    grid-column: span 4;
    opacity: 0;
    transition: opacity .3s
}

.downloads-catalog__item-btns>:not(:last-child) {
    margin-right: 40px
}

.downloads-catalog__item-info {
    color: #b9b9b9;
    font-weight: 400;
    margin-top: 8px
}

.comparison__top {
    padding: 64px 0 80px
}

.comparison__title {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    margin-bottom: 18px;
    padding-bottom: 6px
}

.comparison__title .page-header {
    flex: 1 1 auto
}

.comparison__title .page-header:not(:last-child) {
    margin-right: 32px
}

.comparison__title .more-btn {
    flex: none;
    width: max-content
}

.comparison__nav {
    display: flex
}

.comparison__nav .comparison-tabs {
    flex: 1 1 auto;
    margin-right: 32px
}

.comparison__empty {
    max-width: 350px;
    min-height: 250px
}

.comparison__empty-btn {
    margin-top: 32px
}

.comparison-tabs {
    display: flex
}

.comparison-tabs__item {
    color: #b9b9b9;
    cursor: pointer;
    line-height: 1.07;
    margin-right: 16px;
    padding-bottom: 16px;
    position: relative;
    transition: color .3s ease
}

.comparison-tabs__item.active,
.comparison-tabs__item:hover {
    color: #000
}

.comparison-tabs__item.active:after {
    opacity: 1
}

.comparison-tabs__item:after {
    background: currentColor;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 8px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    width: 8px
}

.comparison-tabs__list {
    position: relative;
    width: 100%
}

.comparison-tabs__list-item {
    transition: opacity .3s, transform .3s;
    width: 100%
}

.comparison-tabs__list-item:not(.active) {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.compare-slider {
    margin-left: -4px;
    margin-right: -4px;
    overflow: hidden
}

.compare-slider:not(:last-child) {
    margin-bottom: 24px
}

.compare-slider-wrap {
    position: relative
}

.compare-slider-wrap .compare-card--legend {
    bottom: 0;
    left: -4px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    z-index: 10
}

.compare-slider-wrap .compare-card--legend .compare-card__item-label,
.compare-slider-wrap .compare-card--legend .compare-card__list-title,
.compare-slider-wrap .compare-card--legend .compare-filter {
    pointer-events: all
}

.compare-slider__cont {
    position: relative
}

.compare-slider__cont .compare-slider:not(.compare-slider--head) {
    padding-bottom: 0
}

.compare-slider__cont--right {
    display: none
}

.compare-slider__cont .swiper-controls {
    display: flex;
    justify-content: flex-end;
    position: relative
}

.compare-slider__cont .swiper-controls .swiper-button {
    bottom: auto;
    cursor: pointer;
    height: 16px;
    margin-left: 8px;
    position: relative;
    top: auto;
    width: 16px
}

.compare-slider__cont .swiper-controls .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15 4 8l8-7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.compare-slider__cont .swiper-controls .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 1 8 7-8 7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.compare-slider__cont .swiper-pagination {
    bottom: 0;
    display: none;
    height: 100%;
    padding: 3px 40px 0;
    pointer-events: none
}

.compare-slider__item {
    width: 25%
}

.compare-slider__item .compare-card__item-label,
.compare-slider__item .compare-card__list-title {
    opacity: 0
}

.compare-slider__item.ghost .compare-card__img:before {
    border: 2px dashed;
    border-radius: 2px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.compare-card {
    line-height: 1.07;
    padding: 0 4px
}

.compare-card:hover .compare-card__img-img {
    transform: scale(1)
}

.compare-card:hover .compare-card__img:after {
    opacity: .2
}

.compare-card:hover .compare-card__del,
.compare-card:hover .compare-card__fav {
    opacity: 1
}

.compare-card__design {
    padding-bottom: 100px;
    position: relative
}

.compare-card__design-img {
    align-items: center;
    border: 1px solid #b9b9b9;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    padding-top: 100%;
    position: relative
}

.compare-card__design-img img {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.compare-card__img {
    background: #fff;
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.compare-card__img:after {
    /*background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent 25%,transparent 75%,rgba(0,0,0,.6));*/
    content: "";
    opacity: .3;
    pointer-events: none;
    transition: opacity .3s
}

.compare-card__img-img,
.compare-card__img:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.compare-card__img-img {
    display: block;
    object-fit: contain;
    object-position: center;
    transform: scale(1.1);
    transition: transform 1s;
    will-change: trasform
}

.compare-card__label {
    display: flex;
    left: 8px;
    position: absolute;
    top: 8px
}

.compare-card__label .label {
    margin-right: 8px
}

.compare-card__label .label img {
    filter: invert(1)
}

.compare-card__fav {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.752 10.566.5 14.138V.5h13v13.638l-6.252-3.572L7 10.424l-.248.142Z' stroke='%23fff'/%3E%3C/svg%3E");
    cursor: pointer;
    filter: invert(1);
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: opacity .3s ease;
    width: 16px;
    z-index: 2
}

.compare-card__fav,
.compare-card__fav.active {
    background-position: 50%;
    background-repeat: no-repeat
}

.compare-card__fav.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.752 10.566.5 14.138V.5h13v13.638l-6.252-3.572L7 10.424l-.248.142Z' stroke='%23fff'/%3E%3C/svg%3E");
    opacity: 1
}

.compare-card__fav+.compare-card__del {
    right: 36px
}

.compare-card__del {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5M1 4.5h14M6 4V3a2 2 0 1 1 4 0v1' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: invert(1);
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 7px;
    transition: opacity .3s ease;
    width: 16px;
    z-index: 2
}

.compare-card__title {
    display: block;
    transition: color .3s
}

.compare-card__title:hover {
    color: #b9b9b9
}

.compare-card__price {
    margin-bottom: 8px
}

.compare-card__list:not(:last-child) {
    margin-bottom: 64px
}

.compare-card__list-title {
    font-weight: 700;
    margin-bottom: 18px;
    white-space: nowrap
}

.compare-card__list .product-docs {
    padding-bottom: 2px
}

.compare-card__item {
    padding-bottom: 8px;
    position: relative
}

.compare-card__item:not(:last-child) {
    margin-bottom: 18px
}

.compare-card__item.same .compare-card__item-text {
    color: #b9b9b9
}

.compare-card__item-label {
    margin-bottom: 8px;
    white-space: nowrap
}

.compare-slider-wrap.js__scroll .compare-slider--head {
    box-shadow: 0 4px 25px rgba(0, 0, 0, .2);
    margin-bottom: 320px;
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

.compare-slider--img {
    margin-top: -48px
}

.compare-slider--img .swiper-controls {
    margin-bottom: 32px
}

.compare-slider--head {
    background: #fff;
    box-shadow: none;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1520px;
    opacity: 0;
    padding: 16px 8px !important;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: box-shadow .5s ease, transform .5s ease;
    z-index: 60
}

.compare-slider--head:before {
    left: 0
}

.compare-slider--head:after,
.compare-slider--head:before {
    background: #fff;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 8px;
    z-index: 1
}

.compare-slider--head:after {
    right: 0
}

.compare-slider--head.compare-slider {
    margin-bottom: 0
}

.compare-slider--head .swiper-controls {
    margin-bottom: -8px;
    margin-top: 4px
}

.compare-slider--head .compare-card__head {
    -ms-grid-columns: 60px 8px 1fr;
    -ms-grid-rows: auto 0 auto 0 1fr;
    grid-gap: 0 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-template-rows: auto auto 1fr;
    padding-bottom: 0
}

.compare-slider--head .compare-card__head>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.compare-slider--head .compare-card__head>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.compare-slider--head .compare-card__head>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.compare-slider--head .compare-card__head>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3
}

.compare-slider--head .compare-card__head>:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 5
}

.compare-slider--head .compare-card__head>:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-row: 5
}

.compare-slider--head .compare-card__img {
    -ms-grid-row-span: 3;
    grid-row: span 3;
    height: 60px;
    margin-bottom: 0;
    padding-top: 0;
    width: 60px
}

.compare-slider--head .compare-card__price {
    margin-bottom: 8px
}

.compare-card--legend {
    pointer-events: none
}

.compare-card--legend .compare-card__design {
    display: flex;
    flex-direction: column
}

.compare-card--legend .compare-card__design .compare-card__item-label {
    margin-top: auto
}

.compare-card--legend .compare-card__design .compare-filter {
    bottom: 18px;
    position: absolute
}

.compare-card--legend .compare-card__list-title {
    width: max-content;
    z-index: 2
}

.compare-card--legend .compare-card__item-label {
    color: #b9b9b9;
    width: max-content
}

.compare-card--legend .compare-card__item:after {
    background: #b9b9b9;
    bottom: 0;
    content: "";
    height: 1px;
    left: -4px;
    position: absolute;
    right: -4px
}

.compare-filter__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.compare-filter__input:checked+.compare-filter__label .switch {
    background: #000
}

.compare-filter__input:checked+.compare-filter__label .switch:before {
    background: #fff;
    transform: translate(10px)
}

.compare-filter__label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    transition: color .3s ease
}

.compare-filter__label:hover {
    color: #b9b9b9
}

.compare-filter__label .switch {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    display: flex;
    flex: none;
    height: 12px;
    margin-left: 8px;
    padding: 1px;
    position: relative;
    top: 3px;
    transition: background .3s ease;
    width: 22px
}

.compare-filter__label .switch:before {
    background: #000;
    border-radius: 50%;
    content: "";
    height: 8px;
    position: relative;
    transition: background .3s ease, transform .3s ease;
    width: 8px
}

.colors {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px
}

.colors__item {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    display: flex;
    flex: none;
    flex-wrap: wrap;
    height: 20px;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    width: 20px
}

.colors__item[data-colors="1"] .color {
    height: 100%;
    width: 100%
}

.colors__item[data-colors="2"] .color {
    height: 50%;
    width: 100%
}

.colors__item[data-colors="3"] .colorДа:not(:nth-child(3)) {
    height: 50%;
    width: 50%
}

.colors__item[data-colors="3"] .colorДа:nth-child(3) {
    height: 50%;
    width: 100%
}

.colors__item .color {
    background: currentColor;
    display: block
}

.colors__item .tooltip {
    top: 60%
}

.colors__item:hover {
    z-index: 10
}

.colors__item:hover .tooltip {
    opacity: 1
}

.chosen,
.ghost {
    cursor: grabbing;
    opacity: 1
}

.search-block {
    padding: 168px 0 8px
}

.search-block__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    -ms-grid-rows: auto 32px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto 1fr
}

.search-block__cont>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(5) {
    -ms-grid-column: 9;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(6) {
    -ms-grid-column: 11;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(7) {
    -ms-grid-column: 13;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(8) {
    -ms-grid-column: 15;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(9) {
    -ms-grid-column: 17;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(10) {
    -ms-grid-column: 19;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(11) {
    -ms-grid-column: 21;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(12) {
    -ms-grid-column: 23;
    -ms-grid-row: 1
}

.search-block__cont>:nth-child(13) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(14) {
    -ms-grid-column: 3;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(15) {
    -ms-grid-column: 5;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(16) {
    -ms-grid-column: 7;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(17) {
    -ms-grid-column: 9;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(18) {
    -ms-grid-column: 11;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(19) {
    -ms-grid-column: 13;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(20) {
    -ms-grid-column: 15;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(21) {
    -ms-grid-column: 17;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(22) {
    -ms-grid-column: 19;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(23) {
    -ms-grid-column: 21;
    -ms-grid-row: 3
}

.search-block__cont>:nth-child(24) {
    -ms-grid-column: 23;
    -ms-grid-row: 3
}

.search-block__top {
    -ms-grid-column-span: 8;
    -ms-grid-column: 3;
    grid-column: 3/11
}

.search-block__bottom {
    -ms-grid-column-span: 12;
    grid-column: span 12
}

.search-block .search-results {
    -ms-grid-column-span: 8;
    -ms-grid-column: 3;
    grid-column: 3/11
}

.search-empty {
    max-width: 580px;
    width: 100%
}

.search-form {
    margin-bottom: 18px;
    position: relative
}

.search-form .search-submit {
    left: 0;
    position: absolute;
    top: calc(100% + 18px)
}

.search-input {
    position: relative
}

.search-input__input {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #b9b9b9;
    color: inherit;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    padding: 0 80px 4px 0;
    transition: border-color .3s ease;
    width: 100%
}

.search-input__input:not(:-ms-input-placeholder) {
    border-color: #000
}

.search-input__input:focus,
.search-input__input:not(:placeholder-shown) {
    border-color: #000
}

.search-input__input:not(:-ms-input-placeholder)~.search-input__clear {
    opacity: 1
}

.search-input__input:not(:placeholder-shown)~.search-input__clear {
    opacity: 1
}

.search-input__input::-webkit-input-placeholder {
    color: #b9b9b9
}

.search-input__input:-moz-placeholder,
.search-input__input::-moz-placeholder {
    color: #b9b9b9
}

.search-input__input:-ms-input-placeholder {
    color: #b9b9b9
}

.search-input__clear {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: color .3s ease, opacity .3s
}

.search-input__clear:hover {
    color: #b9b9b9
}

.search-results {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin
}

.search-results::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

.search-results::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

.search-results::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

.search-results__list {
    max-width: 720px;
    width: 100%
}

.search-results__list:not(:last-child) {
    margin-bottom: 64px
}

.search-results__list-label {
    color: #b9b9b9;
    margin-bottom: 18px
}

.search-results__item {
    color: #b9b9b9;
    display: block;
    transition: color .3s
}

.search-results__item:not(:last-child) {
    margin-bottom: 8px
}

.search-results__item b,
.search-results__item:hover {
    color: #000
}

.search-results__item--product {
    -ms-grid-columns: 1fr 16px 160px 16px 80px;
    -ms-grid-rows: auto 0 1fr;
    display: -ms-grid;
    display: grid;
    gap: 0 16px;
    grid-template-columns: 1fr 160px 80px;
    grid-template-rows: auto 1fr;
    min-height: 118px;
    padding-left: 126px;
    position: relative
}

.search-results__item--product>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.search-results__item--product>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.search-results__item--product>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.search-results__item--product>:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.search-results__item--product>:nth-child(5) {
    -ms-grid-column: 3;
    -ms-grid-row: 3
}

.search-results__item--product>:nth-child(6) {
    -ms-grid-column: 5;
    -ms-grid-row: 3
}

.search-results__item--product:not(:last-child) {
    margin-bottom: 18px
}

.search-results__item--product .search-results__item-info {
    grid-column: -1/1
}

.search-results__item--product .search-results__item-image {
    height: 118px;
    left: 0;
    position: absolute;
    top: 0;
    width: 118px
}

.search-results__item--product .search-results__item-image:after {
    background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, #000 90%);
    content: "";
    height: 100%;
    left: 0;
    opacity: .03;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.search-results__item--product .search-results__item-image img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.search-products__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.search-news__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.search-trends {
    margin-top: 100px
}

.search-trends__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.search-trends__label {
    margin-bottom: 8px
}

.trends-label {
    display: flex;
    line-height: 1
}

.trends-label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 12 5-4 3 3 6-6m0 0v5m0-5h-5' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.search-tabs {
    display: flex
}

.search-tabs__item {
    color: #b9b9b9;
    cursor: pointer;
    line-height: 1.07;
    margin-right: 16px;
    padding-bottom: 16px;
    position: relative;
    transition: color .3s ease
}

.search-tabs__item.active,
.search-tabs__item:hover {
    color: #000
}

.search-tabs__item.active:after {
    opacity: 1
}

.search-tabs__item:after {
    background: currentColor;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 8px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    width: 8px
}

.search-tabs__list {
    overflow: hidden;
    padding-bottom: 8px;
    position: relative;
    width: 100%
}

.search-tabs__list-item {
    transition: opacity .3s, transform .3s;
    width: 100%
}

.search-tabs__list-item:not(.active) {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.order-form .section-title {
    border-bottom: 1px solid #000;
    margin-bottom: 80px;
    padding-bottom: 4px
}

.order-form__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.order-form__text {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 350px;
    position: sticky;
    top: 80px;
    width: 100%
}

.order-form__form {
    -ms-grid-column-span: 4;
    -ms-grid-column: 5;
    grid-column: 5/9
}

.order-form__form .default-input__input--tel::-webkit-input-placeholder {
    color: transparent
}

.order-form__form .default-input__input--tel:-moz-placeholder,
.order-form__form .default-input__input--tel::-moz-placeholder {
    color: transparent
}

.order-form__form .default-input__input--tel:-ms-input-placeholder {
    color: transparent
}

.order-form__form .default-input__input--textarea {
    height: 32px
}

.questions-form__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.questions-form__text {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 350px;
    position: sticky;
    top: 80px;
    width: 100%
}

.questions-form__form {
    -ms-grid-column-span: 4;
    -ms-grid-column: 5;
    grid-column: 5/9
}

.questions-form__form .default-input__input--tel::-webkit-input-placeholder {
    color: transparent
}

.questions-form__form .default-input__input--tel:-moz-placeholder,
.questions-form__form .default-input__input--tel::-moz-placeholder {
    color: transparent
}

.questions-form__form .default-input__input--tel:-ms-input-placeholder {
    color: transparent
}

.questions-form__form .default-input__input--textarea {
    height: 80px;
    margin-bottom: 64px
}

.questions-form__form .default-input__input--textarea~.default-input__error {
    position: relative;
    top: -64px
}

.questions-form__form .form__btns {
    margin-top: 18px
}

.questions-form__form .form__btns .btn:only-child {
    max-width: 230px
}

.cooperation-form__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 16px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.cooperation-form__text {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 350px;
    position: sticky;
    top: 80px;
    width: 100%
}

.cooperation-form__text .section-title {
    margin-bottom: 18px
}

.cooperation-form__tabs {
    display: flex
}

.cooperation-form__tabs-item {
    cursor: pointer;
    margin-right: 16px;
    opacity: .5;
    padding-bottom: 16px;
    position: relative;
    transition: opacity .3s
}

.cooperation-form__tabs-item.active,
.cooperation-form__tabs-item.active:after,
.cooperation-form__tabs-item:hover {
    opacity: 1
}

.cooperation-form__tabs-item:after {
    background: currentColor;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 8px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 8px
}

.cooperation-form__list {
    -ms-grid-column-span: 4;
    -ms-grid-column: 5;
    grid-column: 5/9;
    position: relative
}

.cooperation-form__page {
    width: 100%
}

.cooperation-form__page:not(.active) {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.cooperation-form .form .default-input__input--tel::-webkit-input-placeholder {
    color: transparent
}

.cooperation-form .form .default-input__input--tel:-moz-placeholder,
.cooperation-form .form .default-input__input--tel::-moz-placeholder {
    color: transparent
}

.cooperation-form .form .default-input__input--tel:-ms-input-placeholder {
    color: transparent
}

.cooperation-form .form .default-input__input--textarea {
    height: 80px
}

.cooperation-form .form .form__item--agree {
    margin-top: 64px
}

.cooperation-form .form .form__btns {
    margin-top: 18px
}

.cooperation-form .form .form__btns .btn:only-child {
    max-width: 230px
}

.return-form__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 16px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.return-form__text {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 350px;
    position: sticky;
    top: 80px;
    width: 100%
}

.return-form__form {
    -ms-grid-column-span: 5;
    -ms-grid-column: 5;
    grid-column: 5/10
}

.return-form__form .default-input__input--tel::-webkit-input-placeholder {
    color: transparent
}

.return-form__form .default-input__input--tel:-moz-placeholder,
.return-form__form .default-input__input--tel::-moz-placeholder {
    color: transparent
}

.return-form__form .default-input__input--tel:-ms-input-placeholder {
    color: transparent
}

.return-form__form .default-input__input--textarea {
    height: 80px
}

.return-form__form .form__item--agree {
    margin-top: 64px
}

.return-form__form .form__btns {
    margin-top: 18px
}

.return-form__form .form__btns .btn:only-child {
    max-width: 230px
}

.contacts__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.contacts__list {
    -ms-grid-column-span: 3;
    -ms-grid-column: 1;
    grid-column: 1/4;
    max-width: 400px;
    padding-right: 48px
}

.contacts__map {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13
}

.contacts__map .map {
    padding-top: 57%;
    position: relative;
    width: 100%
}

.contacts__map .map img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: right bottom;
    position: absolute;
    top: 0;
    width: 100%
}

.contacts__map .js-ymap {
    height: 800px;
    position: relative;
    width: 100%
}

.contacts__map .js-ymap>ymaps {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.contacts__map .js-ymap>ymaps>ymaps {
    height: 100%;
    width: 100%
}

.contacts__item {
    position: relative
}

.contacts__item:not(:last-child) {
    margin-bottom: 64px
}

.contacts__item-name {
    border-bottom: 1px solid #000;
    display: flex;
    margin-bottom: 18px;
    padding-bottom: 4px
}

.contacts__item-name:before {
    align-self: flex-start;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%233A0D55' stroke='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm.8 1h-1.6v9h1.6V6Zm-7.4 9V8.767l2.9 4.125 2.1-2.986V7.122L9.7 10.11 6.81 6H5.2v9h1.6Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    flex: none;
    height: 17px;
    margin-right: 8px;
    position: relative;
    top: 1px;
    width: 17px
}

.contacts__item-text a {
    border: 0
}

.contacts__item-img {
    margin-top: 64px
}

.contacts__item-img img {
    display: block
}

.contacts__item-hours {
    display: flex;
    line-height: 1.07;
    margin-top: 16px
}

.contacts__item-hours:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Z'/%3E%3C/mask%3E%3Cpath d='M8 8h-.5v.207l.146.147L8 8Zm-.5-5v5h1V3h-1Zm.146 5.354 3 3 .708-.708-3-3-.708.708ZM15 8a7 7 0 0 1-7 7v2a9 9 0 0 0 9-9h-2Zm-7 7a7 7 0 0 1-7-7h-2a9 9 0 0 0 9 9v-2ZM1 8a7 7 0 0 1 7-7v-2a9 9 0 0 0-9 9h2Zm7-7a7 7 0 0 1 7 7h2a9 9 0 0 0-9-9v2Z' fill='%23000' mask='url(%23a)'/%3E%3C/svg%3E");
    background-size: contain;
    content: "";
    flex: none;
    margin-right: 8px;
    position: relative
}

.contacts__item-close,
.contacts__item-hours:before {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

.contacts__item-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-size: 12px auto;
    cursor: pointer;
    left: calc(100% + 32px);
    position: absolute;
    top: 0;
    transition: opacity .3s
}

.contacts__item-close:hover {
    opacity: .7
}

.contacts__item-btn {
    margin-top: 18px;
    max-width: 350px
}

.contacts-map {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    height: 100%;
    min-height: 450px
}

.contacts-map__cont {
    -ms-grid-column-span: 4;
    -ms-grid-column: 1;
    grid-column: 1/5;
    max-width: 470px;
    padding: 0 8px
}

.contacts-map__map {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13;
    height: 100%;
    overflow: hidden;
    position: relative
}

.contacts-map__map img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: right bottom;
    position: absolute;
    top: 0;
    width: 100%
}

.standart-page__top {
    padding: 64px 0 80px
}

.standart-page__top .standart-page__text {
    margin-top: 32px;
    max-width: 350px
}

.info-page__top {
    padding: 64px 0 80px
}

.info-page__top .info-page__text {
    margin-top: 32px;
    max-width: 350px
}

.info-page .text-block__cont {
    -ms-grid-column-span: 7;
    -ms-grid-column: 5;
    grid-column: 5/12
}

.info-block__label {
    border-bottom: 1px solid #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 32px;
    padding-bottom: 4px
}

.info-block__item:not(:last-child) {
    margin-bottom: 80px
}

.info-block__row {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 18px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(7, 1fr)
}

.info-block__row:not(:last-child) {
    margin-bottom: 80px
}

.info-block__col {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    max-width: 350px
}

.info-block__text {
    width: 72%
}

.payment-systems {
    align-items: flex-start;
    display: flex;
    margin-top: 32px
}

.payment-systems li {
    margin-right: 20px
}

.payment-systems li img {
    display: block;
    height: auto;
    max-height: 27px;
    max-width: 52px;
    width: auto
}

.return-period {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 18px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(7, 1fr)
}

.return-period__item {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    max-width: 350px
}

.return-period__item-number {
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px
}

.error-page {
    background: #ded3e8
}

.error-page main {
    display: flex;
    flex-direction: column
}

.error-block {
    margin: auto 0;
    padding: 80px 0
}

.error-block__title {
    margin-bottom: 64px
}

.error-block__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 18px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    line-height: 1.07
}

.error-block__number {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    grid-column: 3/4
}

.error-block__text {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13
}

.catalog__top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 0
}

.catalog__top .filter-count {
    margin-left: auto
}

.catalog__empty {
    max-width: 350px;
    min-height: 250px
}

.catalog__empty-btn {
    margin-top: 32px
}

.catalog__list {
    -ms-grid-columns: calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px);
    grid-gap: 64px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 6px))
}

.catalog__list:not(:last-child) {
    margin-bottom: 64px
}

.catalog__item {
    position: relative
}

.catalog__item--bg,
.catalog__item--md {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.catalog__item--md {
    display: flex;
    flex-direction: column
}

.catalog__item--md .catalog-card,
.catalog__item--md .catalog__item-info {
    width: calc(50% - 8px)
}

.catalog__item--md-left .catalog-card,
.catalog__item--md-right .catalog-card {
    height: auto
}

.catalog__item--md-right {
    align-items: flex-end
}

.catalog__item--all {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    margin-bottom: 32px;
    margin-top: 32px
}

.catalog__item--all .banner,
.catalog__item--all .banner-slider {
    margin-left: -8px;
    margin-right: -8px
}

.catalog__item-info {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    padding: 8px 0
}

.catalog__item-info span {
    display: block;
    line-height: 1.07;
    position: relative
}

.catalog__item-info span:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    margin-bottom: 8px;
    width: 8px
}

.catalog__bottom .pagination {
    -ms-grid-columns: calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px);
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 6px))
}

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

.catalog-card:hover .catalog-card__img-img {
    transform: scale3d(1.1, 1.1, 1.1)
}

.catalog-card:hover .catalog-card__img:after {
    opacity: .2
}

.catalog-card.disabled .catalog-card__img,
.catalog-card.disabled .catalog-card__price span,
.catalog-card.disabled .catalog-card__title {
    opacity: .5
}

.catalog-card--sm {
    flex-direction: row
}

.catalog-card--sm .catalog-card__img {
    flex: none;
    height: 94px;
    margin-bottom: 0;
    margin-right: 12px;
    padding-top: 0;
    width: 94px
}

.catalog-card--sm .catalog-card__desc {
    flex: 1 1 auto
}

.catalog-card--sm .catalog-card__label {
    left: 4px;
    top: 4px
}

.catalog-card--sm .catalog-card__label .label {
    height: 16px;
    width: 16px
}

.catalog-card--sm .catalog-card__fav {
    right: 4px;
    top: 4px
}

.catalog-card--sm .catalog-card__compare {
    right: 36px;
    top: 4px
}

.catalog-card--md {
    flex-direction: row;
    position: relative
}

.catalog-card--md:hover .catalog-card__del {
    opacity: 1
}

.catalog-card--md .catalog-card__img {
    flex: none;
    height: 119px;
    margin-bottom: 0;
    margin-right: 8px;
    padding-top: 0;
    width: 119px
}

.catalog-card--md .catalog-card__fav {
    right: 4px;
    top: 4px
}

.catalog-card--md .catalog-card__compare {
    right: 36px;
    top: 4px
}

.catalog-card--md .catalog-card__desc {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    line-height: 1.07
}

.catalog-card--md .catalog-card__title {
    padding-right: 20px
}

.catalog-card--md .catalog-card__label {
    left: 4px;
    top: 4px
}

.catalog-card--md .catalog-card__label .label {
    height: 18px;
    width: 18px
}

.catalog-card--md .catalog-card__controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 12px;
    position: relative;
    z-index: 2
}

.catalog-card--md .catalog-card__del {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5M1 4.5h14M6 4V3a2 2 0 1 1 4 0v1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    opacity: 0;
    transition: opacity .3s;
    width: 16px
}

.catalog-card--md .catalog-card__del:hover {
    opacity: .5
}

.catalog-card--md .catalog-card__text {
    margin-top: auto;
    max-width: 200px;
    padding-top: 18px;
    position: relative;
    z-index: 2
}

.catalog-card--md .catalog-card__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    width: 16px
}

.catalog-card--md .catalog-card__close:hover {
    opacity: .5
}

.catalog-card--all:hover .catalog-card__img-img {
    transform: scale3d(1.025, 1.025, 1.025)
}

.catalog-card--all:hover .catalog-card__img:after {
    opacity: .1
}

.catalog-card:hover .catalog-card__colors,
.catalog-card:hover .catalog-card__compare,
.catalog-card:hover .catalog-card__fav {
    opacity: 1
}

.catalog-card:hover .catalog-card__colors {
    transform: translate(0)
}

.catalog-card--bottom {
    margin-top: auto;
    order: 2
}

.catalog-card__label {
    display: flex;
    left: 8px;
    position: absolute;
    top: 8px;
    z-index: 1
}

.catalog-card__label .label {
    margin-right: 8px
}

.catalog-card__label .label img {
    display: block;
    filter: invert(1);
    height: auto;
    width: 36px
}

.catalog-card__label .label.dark-sky {
    display: none
}

@media screen and (min-width: 1440px) {
    .catalog-card__label .label.dark-sky {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto
    }

    .catalog-card__label .label.dark-sky img {
        width: 180px;
        max-width: 180px;
        height: auto
    }

    .catalog-card--sm .catalog-card__label .label.dark-sky,
    .catalog-card--md .catalog-card__label .label.dark-sky {
        width: auto;
        height: auto
    }
}

.catalog-card__fav {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.752 10.566.5 14.138V.5h13v13.638l-6.252-3.572L7 10.424l-.248.142Z' stroke='%23fff'/%3E%3C/svg%3E");
    cursor: pointer;
    filter: invert(1);
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: opacity .3s ease;
    width: 16px;
    z-index: 2
}

.catalog-card__fav,
.catalog-card__fav.active {
    background-position: 50%;
    background-repeat: no-repeat
}

.catalog-card__fav.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.752 10.566.5 14.138V.5h13v13.638l-6.252-3.572L7 10.424l-.248.142Z' stroke='%23fff'/%3E%3C/svg%3E");
    opacity: 1
}

.catalog-card__fav:after {
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.catalog-card__compare {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1H2v8h7V1Zm-8 9h5v5h9V5h-5V0H1v10Zm13 4V6h-4v4H7v4h7Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: invert(1);
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 40px;
    top: 8px;
    transition: opacity .3s ease;
    width: 16px;
    z-index: 2
}

.catalog-card__compare.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0h9v10H1V0Zm5 11h5V5h4v10H6v-4Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 1
}

.catalog-card__compare:after {
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.catalog-card__img {
    background: #fff;
    margin-bottom: 8px;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.catalog-card__img:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .6) 0, transparent 25%, transparent 75%, rgba(0, 0, 0, .6));
    content: "";
    display: none;
    opacity: .3;
    pointer-events: none;
    transition: opacity .3s
}

.catalog-card__img-img,
.catalog-card__img:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.catalog-card__img-img {
    display: block;
    transition: transform 1s, opacity .3s;
    will-change: trasform
}

.catalog-card__img-img img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.catalog-card__img .catalog-card__colors {
    bottom: 0;
    left: 0;
    padding: 8px 0 0 8px;
    position: absolute;
    right: 0
}

.catalog-card__colors {
    display: flex;
    flex-wrap: wrap;
    pointer-events: none;
    transition: opacity .2s ease .1s;
    z-index: 3
}

.catalog-card__colors-item {
    background: #b9b9b9;
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 14px;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden;
    pointer-events: all;
    position: relative;
    transition: border-color .3s ease;
    width: 14px
}

.catalog-card__colors-item[data-colors="1"] .color {
    height: 100%;
    width: 100%
}

.catalog-card__colors-item[data-colors="2"] .color {
    height: 50%;
    width: 100%
}

.catalog-card__colors-item[data-colors="3"] .color:not(:nth-child(3)) {
    height: 50%;
    width: 50%
}

.catalog-card__colors-item[data-colors="3"] .color:nth-child(3) {
    height: 50%;
    width: 100%
}

.catalog-card__colors-item .color {
    background: currentColor;
    display: block
}

.catalog-card__colors-item:hover {
    border-color: transparent
}

.catalog-card__colors-item.active {
    border-color: #000
}

.catalog-card__desc {
    font-weight: 400
}

.catalog-card__desc .catalog-card__colors {
    margin-bottom: 8px
}

.catalog-card__desc .letter {
    margin-top: 8px;
    position: relative;
    z-index: 3
}

.catalog-card__title {
    line-height: 1.07;
    margin-bottom: 4px
}

.catalog-card__price {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.07
}

.catalog-card__price .old-price,
.catalog-card__price .price {
    margin-right: 8px
}

.catalog-card__code {
    margin-top: 8px
}

.catalog-card__code+.catalog-card__info {
    margin-top: 0
}

.catalog-card__info {
    color: #b9b9b9;
    margin-top: 6px
}

.catalog-card__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.catalog-card--all .catalog-card__img {
    margin-bottom: 0;
    padding-top: 41.7%
}

.catalog-card--all .catalog-card__desc {
    bottom: 0;
    color: #fff;
    padding: 8px;
    position: absolute;
    right: 0;
    width: 25%;
    z-index: 3
}

.catalog-card__img-pages .catalog-card__img-img:not(.active) {
    opacity: 0
}

.catalog-card__img-pages .catalog-card__img-img.tab-active {
    opacity: 1;
    pointer-events: none
}

.catalog-nav {
    position: relative
}

.catalog-nav__wrap {
    background: #fff;
    height: calc(100vh - 168px);
    left: 0;
    opacity: 0;
    overflow: auto;
    padding: 32px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    scrollbar-color: #000 #e4e5e6;
    scrollbar-width: thin;
    top: 100%;
    transition: opacity .5s;
    z-index: 10
}

.catalog-nav__wrap::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 6px
}

.catalog-nav__wrap::-webkit-scrollbar-track {
    background: #e4e5e6;
    border-radius: 0
}

.catalog-nav__wrap::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 0;
    border-radius: 0
}

.catalog-nav__wrap.opened {
    opacity: 1;
    pointer-events: all
}

.catalog-nav__wrap.opened .catalog-nav__list {
    animation: catalog-nav-list .5s linear .2s forwards
}

.catalog-nav__wrap.opened .catalog-nav__item {
    margin-bottom: 16px
}

.catalog-nav__this {
    position: relative
}

.catalog-nav__this:before {
    bottom: 100%;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    right: 0
}

.catalog-nav__this.opened .page-header span:after {
    transform: rotate(180deg)
}

.catalog-nav__this.opened .page-header span:hover:after {
    animation: none
}

.catalog-nav__this .page-header {
    align-items: center;
    display: flex
}

.catalog-nav__this .page-header.js-visible span,
.catalog-nav__this .page-header.js-visible:after {
    opacity: 1;
    transform: translateZ(0)
}

.catalog-nav__this .page-header span {
    cursor: pointer;
    margin-right: 16px;
    opacity: 0;
    padding-right: 30px;
    position: relative;
    transform: translate3d(0, -35px, 0);
    transition: opacity .5s linear, transform .7s ease;
    transition-delay: .25s
}

.catalog-nav__this .page-header span:hover:after {
    animation: catalog-nav-arrow .7s linear forwards
}

.catalog-nav__this .page-header span:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 11-7 8-7-8' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 25px;
    width: 16px
}

.catalog-nav__this .page-header:after {
    border-radius: 50%;
    content: "";
    flex: none;
    height: 40px;
    margin-left: auto;
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    transition: opacity .7s linear, transform .7s ease;
    transition-delay: .7s;
    width: 40px
}

.catalog-nav__this.decorative .page-header:after {
    box-shadow: 0 0 10px 5px #b9b9b9
}

.catalog-nav__this.street .page-header:after {
    background-color: #000
}

.catalog-nav__this.functional .page-header:after {
    border: 1px solid #000
}

.catalog-nav__list {
    min-height: 230px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    overflow: hidden
}

.catalog-nav__list:hover .catalog-nav__link {
    color: #b9b9b9
}

.catalog-nav__list:hover .catalog-nav__link:hover {
    color: #000
}

.catalog-nav__item {
    margin-bottom: -10px;
    transition: margin .5s linear .2s
}

.catalog-nav__link {
    transition: color .3s ease
}

.catalog-nav__link.page-header {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1
}

.catalog-nav .category-menu {
    padding: 12px 0
}

@keyframes catalog-nav-arrow {
    0% {
        background-position: center 0;
        background-repeat: no-repeat
    }

    to {
        background-position: center 30px;
        background-repeat: repeat-y
    }
}

@keyframes catalog-nav-list {
    0% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.category-menu {
    line-height: 1.07;
    padding: 8px 0
}

.category-menu:hover .category-menu__item.active .category-menu__link {
    color: #000
}

.category-menu:hover .category-menu__link {
    color: #b9b9b9
}

.category-menu:hover .category-menu__link:hover {
    color: #000
}

.category-menu__link {
    transition: color .3s ease
}

.category-menu__list {
    max-width: 50%;
    position: relative;
    width: max-content
}

.category-menu__item {
    padding-bottom: 4px;
    padding-right: 40px;
    padding-top: 4px
}

.category-menu__item:hover .category-menu__link {
    color: #000
}

.category-menu__item.active .category-submenu {
    opacity: 1;
    pointer-events: all
}

.category-menu__item.disabled .category-menu__link {
    color: #b9b9b9
}

.category-menu__item.disabled .category-menu__link:hover {
    color: #000
}

.category-menu__item .category-submenu {
    left: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: max-content
}

.category-menu__item.active {
    display: flex
}

.category-menu__item.active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.69 9.756-.377.377.755.755.377-.377-.755-.755ZM11.2 8l.379.378.376-.378-.377-.378-.377.378ZM9.446 5.489l-.377-.376-.755.754.377.377.755-.755Zm0 5.022 2.133-2.133-.755-.756L8.69 9.756l.755.755Zm2.133-2.889L9.445 5.49l-.755.755 2.133 2.134.755-.756Zm-.377-.155H4.268v1.066H11.2V7.467Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px
}

.category-submenu:hover .category-submenu__item.active .category-submenu__link {
    color: #000
}

.category-submenu:hover .category-submenu__link {
    color: #b9b9b9
}

.category-submenu:hover .category-submenu__link:hover {
    color: #000
}

.category-submenu__item {
    padding-bottom: 4px;
    padding-right: 40px;
    padding-top: 4px
}

.category-submenu__item:hover .category-submenu__link {
    color: #000
}

.category-submenu__item.disabled .category-submenu__link {
    color: #b9b9b9
}

.category-submenu__item.disabled .category-submenu__link:hover {
    color: #000
}

.category-submenu__item.active {
    display: flex
}

.category-submenu__item.active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.69 9.756-.377.377.755.755.377-.377-.755-.755ZM11.2 8l.379.378.376-.378-.377-.378-.377.378ZM9.446 5.489l-.377-.376-.755.754.377.377.755-.755Zm0 5.022 2.133-2.133-.755-.756L8.69 9.756l.755.755Zm2.133-2.889L9.445 5.49l-.755.755 2.133 2.134.755-.756Zm-.377-.155H4.268v1.066H11.2V7.467Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px
}

.category-submenu-2__item {
    padding-bottom: 4px;
    padding-right: 40px;
    padding-top: 4px;
    position: relative
}

.category-submenu-2__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.category-submenu-2__input:checked+.category-submenu-2__label:before {
    background: currentColor;
    border-color: currentColor
}

.category-submenu-2__label {
    align-items: center;
    cursor: pointer;
    display: flex
}

.category-submenu-2__label:before {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    content: "";
    display: block;
    flex: none;
    height: 8px;
    margin-right: 4px;
    position: relative;
    transition: background .3s ease;
    width: 8px
}

.subcategory-menu {
    line-height: 1.07;
    padding: 8px 0
}

.subcategory-menu>.wrapper {
    flex-direction: row
}

.subcategory-menu .back-link {
    margin-bottom: 20px;
    padding: 12px 0
}

.subcategory-menu .back-link:before {
    background-position: 0;
    border-right: 1px solid;
    width: 24px
}

.news-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px;
    margin-right: -8px;
    margin-top: 12px
}

.news-tabs__item {
    margin-bottom: 8px;
    margin-right: 8px
}

.news-tabs__item.active .news-tabs__link:before {
    background: currentColor;
    border-color: currentColor
}

.news-tabs__link {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: color .3s ease
}

.news-tabs__link:hover {
    color: #b9b9b9
}

.news-tabs__link:before {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    content: "";
    flex: none;
    height: 8px;
    margin-right: 4px;
    position: relative;
    width: 8px
}

.news__list {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 48px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.news__list:not(:last-child) {
    margin-bottom: 64px
}

.news__item {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.news__item .news-card {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.news__item--sm .news-card {
    -ms-grid-column-span: 4;
    align-self: flex-end;
    grid-column: span 4
}

.news__item--sm-right .news-card {
    -ms-grid-column-span: 4;
    -ms-grid-column: 3;
    grid-column: 3/7
}

.news-card {
    position: relative;
    width: 100%
}

.news-card:hover .news-card__title {
    color: #b9b9b9
}

.news-card__img {
    display: block;
    overflow: hidden;
    padding-top: 66.6%;
    position: relative;
    width: 100%
}

.news-card__img img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.news-card__desc {
    font-weight: 400;
    padding: 12px 0 32px
}

.news-card__info {
    display: flex;
    flex-wrap: wrap
}

.news-card__info:not(:last-child) {
    margin-bottom: 18px
}

.news-card__date {
    margin-right: 32px
}

.news-card__tag {
    flex: 1 1 auto
}

.news-card__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    line-height: 1.07;
    overflow: hidden;
    padding-right: 16px;
    text-overflow: ellipsis;
    transition: color .3s
}

.news-card__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.news-detail {
    padding-top: 24px
}

.news-detail__top {
    margin-bottom: 64px
}

.news-detail__top .back-link {
    margin-bottom: 80px
}

.news-detail__info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.news-detail__date {
    margin-right: 44px
}

.news-detail__tag {
    flex: 1 1 auto;
    transition: color .3s ease
}

.news-detail__tag:hover {
    color: #b9b9b9
}

.news-detail__bottom {
    border-top: 1px solid;
    margin-top: 64px;
    padding-top: 12px
}

.share {
    align-items: center;
    display: flex;
    width: max-content
}

.share:hover .share__title {
    color: #b9b9b9
}

.share:hover .share__social {
    opacity: 1
}

.share__title {
    cursor: pointer;
    margin-right: 18px;
    transition: color .3s
}

.share__social {
    opacity: 0;
    transition: opacity .3s
}

.news-products {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 12px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.news-products__img {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.news-products__img img {
    display: block;
    width: 100%
}

.news-products__img figcaption {
    color: #b9b9b9;
    font-weight: 400;
    margin-top: 4px
}

.news-products__cont {
    position: relative
}

.news-products__btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
    transition: opacity .3s ease
}

.news-products__btn:hover {
    opacity: .5
}

.news-products__btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 15.5h-4v-4m11 4h4v-4m-15-7v-4h4m11 4v-4h-4' stroke='%23000'/%3E%3Cpath d='M3 4h1v7H3V4ZM5 4h1v7H5V4ZM8 4h1v7H8V4ZM12 4h1v7h-1V4Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.news-products__list {
    position: relative
}

.news-products__list:not(:first-child) {
    margin-top: 32px
}

.news-products__list:not(.opened) {
    display: none
}

.news-products__close {
    background: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: right 8px top 8px;
    background-repeat: no-repeat;
    background-size: 14px auto;
    height: 32px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.news-products__title {
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 64px
}

.news-products__item:not(:last-child) {
    margin-bottom: 16px
}

.interview__list:not(:first-child) {
    margin-top: 20px
}

.interview__list:not(:last-child) {
    margin-bottom: 20px
}

.interview__item {
    display: flex
}

.interview__item:not(:first-child) {
    margin-top: 18px
}

.interview__item:not(:last-child) {
    margin-bottom: 18px
}

.interview__item-icon {
    align-items: center;
    background-color: #ded3e8;
    border-radius: 50%;
    display: flex;
    flex: none;
    height: 20px;
    justify-content: center;
    margin-right: 100px;
    width: 20px
}

.interview__item-icon img {
    height: 100%;
    width: 100%
}

.interview__item-icon span {
    font-size: 14px;
    line-height: 1;
    margin-left: -1px
}

.interview__item-text {
    flex: 1 1 auto
}

.product-block {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    font-weight: 400;
    grid-template-columns: repeat(12, 1fr)
}

.product-block:not(:first-child) {
    margin-top: 110px
}

.product-block__card {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.product-block__card .catalog-card {
    max-width: 350px;
    width: 100%
}

.product-block__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1
}

.product-block__desc,
.product-block__title {
    -ms-grid-column-span: 5;
    -ms-grid-column: 5;
    grid-column: 5/10
}

.product-block__desc-item {
    border-bottom: 1px solid #b9b9b9;
    display: flex;
    padding-bottom: 4px
}

.product-block__desc-item:not(:last-child) {
    margin-bottom: 32px
}

.product-block__desc-name {
    flex: 1 1 auto
}

.product-block__desc-text {
    flex: none;
    margin-left: 8px;
    width: 110px
}

.read-more__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%
}

.lk-page__top {
    padding: 64px 0 80px
}

.lk-page__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.lk-page__left {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    position: sticky;
    top: 80px
}

.lk-page__right {
    -ms-grid-column-span: 8;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 0 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 5;
    grid-column: 5/13;
    grid-template-columns: repeat(8, 1fr);
    min-height: 250px
}

.lk-menu__item:not(:last-child) {
    margin-bottom: 8px
}

.lk-menu__link {
    color: #b9b9b9;
    transition: color .3s ease
}

.lk-menu__link:hover {
    color: #000
}

.lk-menu__link.active {
    color: #000;
    display: flex
}

.lk-menu__link.active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.69 9.756-.377.377.755.755.377-.377-.755-.755ZM11.2 8l.379.378.376-.378-.377-.378-.377.378ZM9.446 5.489l-.377-.376-.755.754.377.377.755-.755Zm0 5.022 2.133-2.133-.755-.756L8.69 9.756l.755.755Zm2.133-2.889L9.445 5.49l-.755.755 2.133 2.134.755-.756Zm-.377-.155H4.268v1.066H11.2V7.467Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px
}

.lk-order__empty {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.lk-order__empty-btn {
    margin-top: 32px
}

.lk-order__empty-btn .btn {
    max-width: 350px;
    width: 100%
}

.lk-order__bottom,
.lk-order__list {
    -ms-grid-column-span: 7;
    grid-column: span 7
}

.lk-order__bottom {
    margin-top: 64px
}

.lk-order:not(:last-child) {
    margin-bottom: 80px
}

.lk-order__top {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
    padding-bottom: 4px
}

.lk-order__number {
    flex: 1 1 auto;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-right: 8px
}

.lk-order__status {
    background-color: currentColor;
    border-radius: 2px;
    display: inline-flex;
    line-height: 1.07;
    padding: 4px
}

.lk-order__status span {
    color: #000
}

.lk-order__date {
    color: #b9b9b9
}

.lk-order__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-top: 18px
}

.lk-order__products {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.lk-order__products .pagination__more {
    margin-top: 18px
}

.lk-order__product {
    max-width: 350px;
    width: 100%
}

.lk-order__product:not(:last-child) {
    margin-bottom: 18px
}

.lk-order__product .catalog-card--sm .catalog-card__img {
    height: 110px;
    width: 110px
}

.lk-order__info {
    -ms-grid-column-span: 3;
    -ms-grid-column: 5;
    grid-column: 5/8
}

.lk-order__info-item {
    max-width: 350px;
    width: 100%
}

.lk-order__info-item:not(:last-child) {
    margin-bottom: 32px
}

.lk-order__info-item a {
    border: 0
}

.lk-order__info-label {
    color: #b9b9b9;
    margin-bottom: 4px
}

.lk-order__info-row {
    display: flex
}

.lk-order__info-row span:first-child {
    flex: 1 1 auto;
    margin-right: 8px
}

.lk-order__info-row span:nth-child(2) {
    flex: none;
    width: 110px
}

.lk-order__info-delivery a {
    border-bottom: 1px solid #b9b9b9
}

.lk-order__info-delivery .track {
    margin-left: 5px
}

.lk-order__btn {
    margin-top: 32px
}

.lk-order__btn .btn {
    max-width: 350px;
    width: 100%
}

.lk-order__btn .btn:empty {
    display: none
}

.track {
    cursor: pointer;
    display: inline-flex;
    line-height: 1;
    transition: opacity .3s ease
}

.track:hover {
    opacity: .5
}

.track .copy {
    display: inline-flex;
    margin-left: 5px
}

.track .copy:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3.5h10v12h-10v-12Z' stroke='%23000'/%3E%3Cpath d='M5.5 13.5h-5V.5h11v3' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.track .copy__code .input {
    border: 0
}

.track .copy__text {
    top: calc(100% + 3px)
}

.lk-date {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.lk-date__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 32px
}

.lk-date__item {
    max-width: 470px;
    width: 100%
}

.lk-date__item:not(:last-child) {
    margin-bottom: 64px
}

.lk-date__item .btn {
    margin-top: 18px;
    min-width: 230px
}

.lk-date__edit {
    border-top: 1px solid #000;
    margin-top: 16px;
    padding-top: 8px
}

.lk-date__el:not(:last-child) {
    margin-bottom: 12px
}

.lk-date__el-label {
    color: #b9b9b9;
    font-size: 12px;
    letter-spacing: -.03em
}

.lk-date__el-text.disabled {
    color: #b9b9b9;
    pointer-events: none
}

.lk-date__form:not(:first-child) {
    margin-top: 32px
}

.lk-date__form-email .default-input__info {
    position: absolute;
    right: 0;
    top: 14px
}

.lk-date__form-email .default-input__input {
    padding-right: 180px
}

.lk-date__form .form__submit,
.lk-settings:not(:first-child) {
    margin-top: 18px
}

.lk-settings:not(:last-child) {
    margin-bottom: 18px
}

.lk-settings__item {
    position: relative
}

.lk-settings__item:not(:last-child) {
    margin-bottom: 8px
}

.lk-settings__input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.lk-settings__input:checked+.lk-settings__label .switch {
    background: #000
}

.lk-settings__input:checked+.lk-settings__label .switch:before {
    background: #fff;
    transform: translate(10px)
}

.lk-settings__label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    position: relative;
    transition: color .3s ease
}

.lk-settings__label:hover {
    color: #b9b9b9
}

.lk-settings__label .switch {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    display: flex;
    flex: none;
    height: 12px;
    margin-left: 8px;
    padding: 1px;
    position: relative;
    top: 4px;
    transition: background .3s ease;
    width: 22px
}

.lk-settings__label .switch:before {
    background: #000;
    border-radius: 50%;
    content: "";
    height: 8px;
    position: relative;
    transition: background .3s ease, transform .3s ease;
    width: 8px
}

.product-page.disabled .product-card__price .price {
    color: #b9b9b9
}

.product-page__item:not(:first-child) {
    margin-top: 110px;
    position: relative
}

.product-page__item.product-slider+.product-page__item.product-slider {
    margin-top: 80px
}

.product-page__item .page-header {
    margin-bottom: 32px
}

.product-page__anhor {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -100px
}

.product-card {
    position: static
}

.product-card__cont {
    -ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
    -ms-grid-rows: auto 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 4px));
    grid-template-rows: auto 1fr;
    position: relative
}

.product-card__cont>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.product-card__cont>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.product-card__cont>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.product-card__cont>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3
}

.product-card__photo {
    -ms-grid-row-span: 2;
    align-self: flex-start;
    grid-row: span 2;
    position: relative
}

.product-card__title {
    padding-top: 32px
}

.product-card__title .back-link {
    margin-bottom: 32px
}

.product-card__title .page-header {
    margin-bottom: 0
}

.product-card__link {
    display: flex;
    margin-top: 12px
}

.product-card__code {
    margin-right: 18px
}

.product-card__code:empty {
    display: none
}

.product-card__docs {
    margin-top: 64px;
    position: relative
}

.product-card__docs .product-docs {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.product-card__docs .product-docs__item:not(:last-child) {
    margin-bottom: 0
}

.product-card__img {
    position: relative
}

.product-card__img:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .31), hsla(0, 0%, 77%, 0));
    top: 0
}

.product-card__img:after,
.product-card__img:before {
    height: 150px;
    left: 0;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2
}

.product-card__img:after {
    background: linear-gradient(180deg, hsla(0, 0%, 77%, 0), rgba(0, 0, 0, .31));
    bottom: 0
}

.product-card__img-img {
    background: #fff;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.product-card__img-img img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.product-card__img .product-card__label {
    display: flex;
    left: 8px;
    position: absolute;
    top: 8px;
    z-index: 3
}

.product-card__img .product-card__label .label {
    margin-right: 8px
}

.product-card__img .product-card__label .label img {
    display: block;
    height: auto;
    width: 36px
}

.product-card__img .product-card__fav {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.752 10.566.5 14.138V.5h13v13.638l-6.252-3.572L7 10.424l-.248.142Z' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 9px;
    width: 16px;
    z-index: 3
}

.product-card__img .product-card__fav.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.752 10.566.5 14.138V.5h13v13.638l-6.252-3.572L7 10.424l-.248.142Z' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.product-card__img .product-card__fav+.product-card__compare {
    right: 40px
}

.product-card__img .product-card__compare {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1H2v8h7V1Zm-8 9h5v5h9V5h-5V0H1v10Zm13 4V6h-4v4H7v4h7Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    z-index: 3
}

.product-card__img .product-card__compare.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0h9v10H1V0Zm5 11h5V5h4v10H6v-4Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.product-card__img .product-card__informer {
    position: absolute;
    right: 8px;
    top: 38px;
    z-index: 3
}

.product-card__slider {
    overflow: hidden
}

.product-card__slider.swiper-container {
    padding-bottom: 0
}

.product-card__slider-item {
    display: block;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.product-card__slider-item img {
    display: block
}

.product-card__slider-item img,
.product-card__slider-item video {
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.product-card__slider .swiper-button {
    bottom: 160px;
    top: 100px
}

.product-card__thumbs {
    bottom: 8px;
    margin-left: auto;
    max-width: calc(100% - 16px);
    overflow: hidden;
    position: absolute;
    right: 8px;
    width: auto;
    z-index: 3
}

.product-card__thumbs.swiper-container {
    padding-bottom: 0
}

.product-card__thumbs .swiper-slide {
    cursor: pointer;
    height: auto;
    position: relative;
    width: auto
}

.product-card__thumbs .swiper-slide:after {
    background: #3a0d55;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .3s
}

.product-card__thumbs .swiper-slide.swiper-slide-thumb-active:after {
    opacity: 1
}

.product-card__thumbs-item {
    background: #fff
}

.product-card__thumbs-item img {
    display: block;
    height: 40px;
    object-fit: contain;
    object-position: center;
    width: 40px
}

.product-card__products {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 11px);
    z-index: 4
}

.product-card__products-btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: opacity .3s ease
}

.product-card__products-btn.js__open:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-size: 12px auto
}

.product-card__products-btn:hover {
    opacity: .5
}

.product-card__products-btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 15.5h-4v-4m11 4h4v-4m-15-7v-4h4m11 4v-4h-4' stroke='%23000'/%3E%3Cpath d='M3 4h1v7H3V4ZM5 4h1v7H5V4ZM8 4h1v7H8V4ZM12 4h1v7h-1V4Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.product-card__products-item {
    background: #fff;
    bottom: 100%;
    left: 0;
    opacity: 0;
    padding: 12px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    z-index: 1
}

.product-card__products-item.js__open {
    opacity: 1;
    pointer-events: all
}

.product-card__desc {
    -ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 4px));
    margin-top: 64px;
    position: static
}

.product-card__desc-col {
    display: flex;
    flex-direction: column
}

.product-card__desc-col .product-card__desc-colors {
    flex: 1 1 auto
}

.product-card__desc-item:not(:last-child) {
    margin-bottom: 32px
}

.product-card__desc-label {
    border-bottom: 1px solid #000;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.07;
    margin-bottom: 16px;
    padding-bottom: 8px
}

.product-card__desc-row {
    border-bottom: 1px solid #000;
    display: flex;
    padding-bottom: 16px
}

.product-card__desc-row:not(:last-child) {
    margin-bottom: 16px
}

.product-card__desc-row>* {
    flex: 1 1
}

.product-card__desc-row>:not(:first-child) {
    padding-left: 8px
}

.product-card__desc-row>:not(:first-child):before {
    background: #000;
    bottom: -8px;
    content: "";
    left: 0;
    position: absolute;
    top: -8px;
    width: 1px
}

.product-card__desc-row .default-radio+.default-radio {
    margin-top: 0
}

.product-card__colors {
    display: flex;
    flex-wrap: wrap
}

.product-card__colors-item {
    margin-bottom: 12px;
    margin-right: 12px
}

.product-card__colors-link {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    display: block;
    display: flex;
    flex-wrap: wrap;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 20px
}

.product-card__colors-link[data-colors="1"] .color {
    height: 100%;
    width: 100%
}

.product-card__colors-link[data-colors="2"] .color {
    height: 50%;
    width: 100%
}

.product-card__colors-link[data-colors="3"] .color:not(:nth-child(3)) {
    height: 50%;
    width: 50%
}

.product-card__colors-link[data-colors="3"] .color:nth-child(3) {
    height: 50%;
    width: 100%
}

.product-card__colors-link .color {
    background: currentColor;
    display: block
}

.product-card__colors-link.active {
    border-color: #000
}

.product-card__colors-link.active:after {
    border: 3px solid #fff;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-card__colors-link:hover {
    z-index: 4
}

.product-card__colors-link:hover .tooltip,
.product-card__colors-link:hover+.product-card__colors-img {
    opacity: 1
}

.product-card__colors-img {
    opacity: 0;
    overflow: hidden;
    padding-top: calc(50% - 4px);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s;
    width: calc(50% - 4px);
    z-index: 3
}

.product-card__colors-img img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.product-card__cart {
    background: #fff;
    bottom: 40px;
    margin-top: 28px;
    max-width: 350px;
    padding-top: 12px;
    position: sticky
}

.product-card__cart-link {
    position: absolute;
    top: calc(100% + 16px);
    transition: opacity .3s
}

.product-card__cart-link:hover {
    opacity: .5
}

.product-card__cart .btn {
    width: 100%
}

.product-card__cart-status {
    margin-bottom: 16px
}

.product-card__cart-status .status {
    display: flex;
    position: relative
}

.product-card__cart-status .status:before {
    -ms-grid-row-align: center;
    align-self: center;
    background: currentColor;
    border-radius: 50%;
    content: "";
    flex: none;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-card__cart-status .status span {
    color: #000
}

.product-card__price {
    margin-bottom: 12px
}

.product-card__price .price {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-right: 10px
}

.product-card__price .old-price {
    font-weight: 500
}

.product-quantity {
    position: relative;
    width: 100%
}

.product-quantity__control {
    border: 1px solid #000;
    font: inherit;
    padding: 16px 47px 16px 18px;
    width: 100%
}

.product-quantity__link {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    width: 47px;
    z-index: 1
}

.product-quantity__link:hover {
    opacity: .5
}

.product-quantity__link--plus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 5 4-4 4 4' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: no-repeat;
    top: 0
}

.product-quantity__link--minus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1 5 5 1 1' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: top;
    background-repeat: no-repeat;
    bottom: 0
}

.product-cart {
    background: #fff;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 8px;
    position: fixed;
    right: 0;
    z-index: 12
}

.product-cart>* {
    flex: 1 1
}

.product-cart>:not(:last-child) {
    margin-right: 8px
}

.product-cart .btn-cart:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.533.533.64 2.134L.533.533Zm.64 2.134 2.56 8.533h11.734V4.8a2.133 2.133 0 0 0-2.134-2.133H1.173Zm12.16 12.8a1.066 1.066 0 1 1 0-2.133 1.066 1.066 0 0 1 0 2.133ZM4.8 14.4a1.067 1.067 0 1 1 2.134 0 1.067 1.067 0 0 1-2.134 0Z' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.product-cart .btn-cart span:not(:last-child) {
    margin-right: 8px
}

.product-cart .btn-cart .old-price {
    font-size: 12px
}

.product-cart .quantity {
    border: 1px solid #000;
    padding: 12px 14px
}

.product-cart .quantity__link {
    position: relative
}

.product-cart .quantity__link:before {
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.product-slider>.wrapper {
    overflow: hidden
}

.product-slider .section-title:not(:last-child) {
    margin-bottom: 18px
}

.product-slider__top {
    margin-bottom: 32px;
    padding-right: 70px
}

.product-slider__bottom {
    width: 100%
}

.product-slider__list {
    position: relative
}

.product-slider__list.swiper-container {
    padding-bottom: 0
}

.product-slider__link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none
}

.product-slider__btns {
    bottom: calc(100% + 32px);
    display: flex;
    position: absolute;
    right: 0
}

.product-slider__btns .swiper-button {
    bottom: auto;
    cursor: pointer;
    height: 16px;
    left: auto;
    margin-left: 12px;
    position: relative;
    right: auto;
    top: auto;
    width: 16px
}

.product-slider__btns .swiper-button.swiper-button-disabled {
    opacity: 0
}

.product-slider__btns .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15 4 8l8-7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.product-slider__btns .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 1 8 7-8 7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.product-slider__tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px
}

.product-slider__tabs-item {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    margin-bottom: 8px;
    margin-right: 8px
}

.product-slider__tabs-item.active:before {
    background: currentColor;
    border-color: currentColor
}

.product-slider__tabs-item:before {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    content: "";
    display: block;
    flex: none;
    height: 8px;
    margin-right: 4px;
    position: relative;
    top: 6px;
    transition: background .3s;
    width: 8px
}

.product-slider__tabs-list {
    position: relative;
    width: 100%
}

.product-slider__tabs-page {
    transition: opacity .3s, transform .5s;
    width: 100%
}

.product-slider__tabs-page:not(.active) {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.product-about__top {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 0 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.product-about__top:not(:last-child) {
    margin-bottom: 64px
}

.product-about__top .page-header {
    -ms-grid-column-span: 12;
    -ms-grid-column: 1;
    grid-column: 1/13
}

.product-about__top-text {
    -ms-grid-column-span: 5;
    -ms-grid-column: 1;
    grid-column: 1/6;
    max-width: 600px
}

.product-about__slider {
    margin-left: -8px;
    margin-right: -8px
}

.product-about__list:not(:last-child) {
    margin-bottom: 110px
}

.product-about__list:not(:first-child) {
    margin-top: 110px
}

.product-about__item {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 0 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.product-about__item:not(:last-child) {
    margin-bottom: 110px
}

.product-about__item:nth-child(odd) .product-about__item-desc {
    -ms-grid-column-span: 5;
    -ms-grid-column: 1;
    grid-column: 1/6
}

.product-about__item:nth-child(odd) .product-about__item-img {
    -ms-grid-column-span: 7;
    -ms-grid-column: 6;
    grid-column: 6/13
}

.product-about__item:nth-child(2n) .product-about__item-img {
    -ms-grid-column-span: 7;
    -ms-grid-column: 1;
    grid-column: 1/8;
    order: -1
}

.product-about__item:nth-child(2n) .product-about__item-desc {
    -ms-grid-column-span: 4;
    -ms-grid-column: 9;
    grid-column: 9/13
}

.product-about__item-img img {
    display: block;
    height: auto;
    width: 100%
}

.product-about__item-desc {
    display: flex;
    flex-direction: column;
    max-width: 470px
}

.product-about__item-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 18px
}

.product-about__item-text {
    max-width: 350px
}

.product-about__item-info {
    margin-bottom: auto;
    margin-left: 110px;
    margin-top: auto;
    max-width: 230px;
    padding: 18px 0
}

.product-about__item-info span {
    display: block;
    position: relative
}

.product-about__item-info span:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    margin-bottom: 8px;
    position: relative;
    width: 8px
}

.product-awards:not(:first-child) {
    margin-top: 32px
}

.product-awards__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.product-awards__item {
    position: relative
}

.product-awards__item:hover .product-awards__item-icon {
    filter: grayscale(0)
}

.product-awards__item-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 18px;
    max-width: 350px;
    transition: color .3s
}

.product-awards__item-icon {
    filter: grayscale(1);
    max-width: 40px;
    transition: filter .3s
}

.product-awards__item-icon img {
    display: block;
    height: auto;
    max-width: 100%;
    width: auto
}

.product-awards__item-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-situation__nav {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 44px;
    max-width: 70%
}

.product-situation__nav-list span {
    display: inline-block;
    margin-right: 5px
}

.product-situation__nav-item {
    color: #b9b9b9;
    cursor: pointer;
    position: relative;
    transition: color .3s
}

.product-situation__nav-item.active {
    color: #000
}

.product-situation__nav-item.active:after {
    opacity: 1
}

.product-situation__nav-item:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    transition: opacity .3s;
    width: 8px
}

.product-situation__cont {
    position: relative;
    width: 100%
}

.product-situation__cont-page {
    transition: opacity .3s;
    width: 100%
}

.product-situation__cont-page:not(.active) {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.product-situation__img {
    padding-top: 46.5%;
    position: relative
}

.product-situation__img img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.situation-products {
    bottom: calc(100% + 44px);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.situation-products__list,
.situation-products__nav {
    pointer-events: all
}

.situation-products__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: -8px;
    margin-left: auto;
    max-width: 30%
}

.situation-products__nav-item {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    margin-bottom: 8px;
    margin-left: 8px
}

.situation-products__nav-item.active:before {
    background: currentColor;
    border-color: currentColor
}

.situation-products__nav-item:before {
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    content: "";
    display: block;
    flex: none;
    height: 8px;
    margin-right: 4px;
    position: relative;
    top: 6px;
    transition: background .3s;
    width: 8px
}

.situation-products__list {
    max-width: 350px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 44px);
    width: 100%;
    z-index: 1
}

.situation-products__item {
    transition: opacity .3s, transform .3s
}

.situation-products__item:not(.active) {
    left: 8px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 8px
}

.situation-products__item .catalog-card {
    background: #fff;
    width: 100%
}

.situation-products__item .catalog-card__desc {
    padding: 8px 8px 8px 0
}

.product-comparsion {
    overflow: hidden;
    position: relative
}

.product-comparsion,
.product-comparsion~.product-page__item {
    background: #fff;
    z-index: 15
}

.product-nav {
    background: #ded3e8;
    left: 0;
    padding: 8px 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 35px;
    transform: translateY(-120px);
    transition: opacity .3s, transform .3s;
    z-index: 12
}

.product-nav.js__scroll {
    pointer-events: all;
    transform: translate(0)
}

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

.product-nav__list {
    display: flex;
    margin-right: auto;
    padding: 0 8px
}

.product-nav__item {
    margin-right: 16px
}

.product-nav__link {
    transition: opacity .3s
}

.product-nav__link:hover {
    opacity: .5
}

.product-nav__btns {
    display: flex;
    width: 381px
}

.product-nav__btns-item {
    margin-left: 16px;
    transition: opacity .3s
}

.product-nav__btns-item:hover {
    opacity: .5
}

.product-nav .back-link {
    margin-right: 120px;
    width: 106px
}

.ordering-page {
    padding-bottom: 64px
}

.ordering-page__top {
    padding: 64px 0 80px
}

.ordering-page__cont {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 0 8px;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    min-height: 400px
}

.ordering-page__left {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    max-width: 350px;
    position: sticky;
    top: 80px
}

.ordering-page__left:empty {
    display: none
}

.ordering-page__right {
    -ms-grid-column-span: 7;
    -ms-grid-column: 6;
    grid-column: 6/13
}

.order-confirm {
    max-width: 470px
}

.order-confirm__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 32px
}

.order-confirm__text:not(:last-child) {
    margin-bottom: 80px
}

.order-confirm__text a {
    border: 0
}

.order-confirm__btn {
    margin-top: 32px
}

.order__label {
    border-bottom: 1px solid #000;
    font-weight: 700;
    line-height: 1.07;
    margin-bottom: 18px;
    padding-bottom: 4px;
    pointer-events: none
}

.order__bottom {
    background: #fff;
    border-top: 1px solid #000;
    bottom: 0;
    padding: 8px 0 0;
    position: sticky;
    z-index: 2
}

.order__bottom,
.order__summ:not(:first-child) {
    margin-top: 32px
}

.order__sale,
.order__total {
    display: flex
}

.order__sale:not(:last-child),
.order__total:not(:last-child) {
    margin-bottom: 4px
}

.order__sale-label,
.order__total-label {
    flex: none;
    margin-right: 8px;
    width: 110px
}

.order__sale {
    color: #b9b9b9
}

.order__item:not(:last-child) {
    margin-bottom: 18px
}

.order-stages {
    max-width: 470px;
    width: 100%
}

.order-stages:not(:first-child) {
    margin-top: 80px
}

.order-stages__label {
    font-weight: 700;
    line-height: 1.07;
    margin-bottom: 18px
}

.order-stages__item:not(:last-child) {
    margin-bottom: 64px
}

.order-stages__item-bottom {
    border-top: 1px solid #000;
    margin-top: 12px;
    padding: 8px 0 0
}

.order-stages__btns {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 18px 8px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 80px
}

.order-shops:not(:first-child) {
    margin-top: 64px
}

.order-shops__item:not(:last-child) {
    margin-bottom: 64px
}

.order-shops__item-name {
    border-bottom: 1px solid #000;
    display: flex;
    margin-bottom: 18px;
    padding-bottom: 4px
}

.order-shops__item-name:before {
    align-self: flex-start;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%233A0D55' stroke='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm.8 1h-1.6v9h1.6V6Zm-7.4 9V8.767l2.9 4.125 2.1-2.986V7.122L9.7 10.11 6.81 6H5.2v9h1.6Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    flex: none;
    height: 17px;
    margin-right: 8px;
    position: relative;
    top: 1px;
    width: 17px
}

.order-shops__item-desc {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 18px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.order-shops__item-desc a {
    border: 0
}

.order-shops__item-btns {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 18px 8px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 32px
}

.order-address:not(:first-child) {
    margin-top: 64px
}

.order-date__slider {
    overflow: hidden
}

.order-date__slider-btns {
    background: #fff;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.order-date__slider-btns .swiper-button {
    bottom: auto;
    cursor: pointer;
    height: 16px;
    left: auto;
    margin-left: 12px;
    position: relative;
    right: auto;
    top: auto;
    width: 16px
}

.order-date__slider-btns .swiper-button.swiper-button-disabled {
    opacity: 0
}

.order-date__slider-btns .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15 4 8l8-7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.order-date__slider-btns .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 1 8 7-8 7' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.order-date__name {
    letter-spacing: -.01em;
    line-height: 1.07;
    margin-bottom: 18px;
    padding-right: 60px
}

.order-date__list {
    display: flex
}

.order-date__item {
    flex: 1 1;
    position: relative
}

.order-date__item:not(:last-child) {
    margin-right: 4px
}

.order-date__item-input {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.order-date__item-input:checked+.order-date__item-label {
    background: #3a0d55;
    border-color: #3a0d55;
    color: #fff
}

.order-date__item-label {
    border: 1px solid #b9b9b9;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    line-height: 1.07;
    padding: 8px 8px 18px;
    transition: border-color .3s, background .3s, color .3s;
    width: 100%
}

.order-date__item-label:hover {
    border-color: #000
}

.order-date__item-day {
    margin-bottom: 18px
}

.order-map {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    height: 100%;
    min-height: 450px
}

.order-map__cont {
    -ms-grid-column-span: 4;
    -ms-grid-column: 1;
    grid-column: 1/5;
    max-width: 470px;
    padding: 0 8px
}

.order-map__map {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13;
    height: 100%;
    overflow: hidden;
    position: relative
}

.order-map__map img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: right bottom;
    position: absolute;
    top: 0;
    width: 100%
}

.order-map__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 64px
}

.shops-page__top {
    padding: 64px 0 80px
}

.shops-page__cont {
    min-height: 300px
}

.shops-page__text {
    line-height: 1.07;
    margin-top: 32px;
    max-width: 350px
}

.shops-page__nav {
    -ms-grid-columns: 110px 8px 110px;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 110px);
    line-height: 1.07;
    margin-top: 32px
}

.shops-page__nav-item:not(:last-child) {
    margin-bottom: 8px
}

.shops-page__nav-link {
    color: #b9b9b9;
    transition: color .3s
}

.shops-page__nav-link:hover {
    color: #000
}

.shops-page__nav-link.active {
    color: #000;
    display: flex
}

.shops-page__nav-link.active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.69 9.756-.377.377.755.755.377-.377-.755-.755ZM11.2 8l.379.378.376-.378-.377-.378-.377.378ZM9.446 5.489l-.377-.376-.755.754.377.377.755-.755Zm0 5.022 2.133-2.133-.755-.756L8.69 9.756l.755.755Zm2.133-2.889L9.445 5.49l-.755.755 2.133 2.134.755-.756Zm-.377-.155H4.268v1.066H11.2V7.467Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    flex: none;
    height: 16px;
    position: relative;
    width: 16px
}

.shops-page__display {
    display: flex;
    flex-direction: column
}

.shops-page__display-item {
    color: #b9b9b9;
    display: flex;
    transition: color .3s
}

.shops-page__display-item.active,
.shops-page__display-item:hover {
    color: #000
}

.shops-page__display-item.active:before {
    opacity: 1
}

.shops-page__display-item:not(:last-child) {
    margin-bottom: 8px
}

.shops-page__display-item:before {
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    opacity: .5;
    position: relative;
    width: 16px
}

.shops-page__display-item.map-display:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 15.117 4.243-2.546.235-.141.246.123 5.754 2.877 4.522-2.713V.739l-4.314 1.725-.17.068-.174-.058L5.016.532.5 2.34v12.778ZM5 1v11.5M11 2.5v13' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.shops-page__display-item.list-display:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 3h11v1H0zM0 7h16v1H0zM0 11h16v1H0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.shops-page__city {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
    min-height: 17px;
    position: relative
}

.shops-page__map .map {
    height: auto;
    padding-top: 38%;
    position: relative;
    width: 100%
}

.shops-page__map .map img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: right bottom;
    position: absolute;
    top: 0;
    width: 100%
}

.shops-page__map .js-ymap>ymaps,
.shops-page__map .js-ymap>ymaps>ymaps {
    width: 100% !important
}

.shops-page__map.open-point {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.shops-page__map.open-point .map {
    padding-top: 57%
}

.shops-page__map.open-point .js-ymap,
.shops-page__map.open-point .map {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13
}

.shops-page__map.open-point .contacts__item:not(:last-child) {
    margin-bottom: 0
}

.shops-page__map.open-point .contacts__item.hidden {
    display: none
}

.shops-page__map.open-point .contacts__item.open .back-link {
    margin-bottom: 20px
}

.city {
    cursor: pointer;
    display: flex;
    line-height: 1.07;
    transition: opacity .3s
}

.city:hover {
    opacity: .5
}

.city:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.096 6.561 14.4 1.241a.3.3 0 0 1 .397.373l-4.43 13.288c-.098.293-.522.264-.58-.04L8.5 8l-7.327-.862c-.31-.036-.366-.461-.077-.577Z' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.city-toggle {
    align-items: center;
    background: #3a0d55;
    color: #fff;
    display: flex;
    justify-content: space-between;
    line-height: 1.07;
    max-width: 470px;
    padding: 16px;
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: 100%;
    z-index: 10
}

.city-toggle__label {
    margin-right: 32px
}

.city-toggle__btns {
    display: flex
}

.city-toggle__btns-item {
    cursor: pointer;
    margin-left: 32px;
    transition: opacity .3s
}

.city-toggle__btns-item:hover {
    opacity: .7
}

.city-toggle .confirm-btn {
    display: flex
}

.city-toggle .confirm-btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.857 6.09 13 15 4' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.city-select {
    background: #3a0d55;
    color: #fff;
    display: flex;
    flex-direction: column;
    max-width: 350px;
    opacity: 0;
    padding: 32px 16px 16px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    transform: translateY(30px);
    transition: opacity .3s, transform .3s;
    width: 100%;
    z-index: 10
}

.city-select.js__opened {
    opacity: 1;
    pointer-events: all;
    transform: translate(0)
}

.city-select__label {
    font-size: 12px;
    font-weight: 500
}

.city-select__input {
    background: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 11-7 8-7-8' stroke='%23fff' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    font: inherit;
    margin: 0;
    padding: 0 18px 8px 0
}

.city-select__list {
    margin-top: 12px;
    max-height: 180px;
    overflow-y: auto;
    scrollbar-color: #3a0d55 #fff;
    scrollbar-width: thin
}

.city-select__list::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 2px
}

.city-select__list::-webkit-scrollbar-track {
    background: #3a0d55;
    border-radius: 0
}

.city-select__list::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 0;
    border-radius: 0
}

.city-select__item {
    cursor: pointer;
    transition: color .3s
}

.city-select__item:hover {
    color: #b9b9b9
}

.city-select__text {
    margin-top: 12px
}

.city-select__btn {
    margin-top: 32px
}

.city-select__close {
    cursor: pointer;
    margin-left: auto;
    margin-top: 64px;
    transition: opacity .3s
}

.city-select__close:hover {
    opacity: .7
}

.city-select .next-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.shops-list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative
}

.shops-list__search {
    -ms-grid-column-span: 4;
    -ms-grid-column: 9;
    grid-column: 9/13
}

.shops-list__search .default-input {
    margin-bottom: 16px
}

.shops-list__search-label {
    color: #000
}

.shops-list__search-input {
    border-color: #000;
    padding-right: 18px
}

.shops-list__search-input:not(:-ms-input-placeholder)~.shops-list__search-label {
    opacity: 0
}

.shops-list__search-input:focus~.shops-list__search-label,
.shops-list__search-input:not(:placeholder-shown)~.shops-list__search-label {
    opacity: 0
}

.shops-list__search-input:not(:-ms-input-placeholder)~.shops-list__search-clean {
    opacity: 1
}

.shops-list__search-input:not(:placeholder-shown)~.shops-list__search-clean {
    opacity: 1
}

.shops-list__search-clean {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15 15 1M1 1l14 14' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    width: 16px
}

.shops-list__search-clean:hover {
    opacity: .7
}

.shops-list__search-text {
    margin-top: 32px;
    max-width: 350px
}

.shops-list .pagination {
    grid-column: 1/-1
}

.shops-list__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    display: -ms-grid;
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: repeat(3, 1fr)
}

.shops-list__item {
    max-width: 350px
}

.shops-list__item-name {
    border-bottom: 1px solid #000;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 4px
}

.shops-list__item-text a[href^=tel] {
    border: 0
}

.shops-list__item-text a {
    word-break: break-all
}

.shops-list__search-btn {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.467 15.467 11.2 11.2l4.267 4.267Zm-8.534-2.134a6.4 6.4 0 1 1 0-12.8 6.4 6.4 0 0 1 0 12.8Z' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: calc(100% + 12px);
    cursor: pointer;
    height: 16px;
    left: 0;
    position: absolute;
    width: 16px
}

.shops-list__search-btn:before {
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.design-page .text-block__cont {
    -ms-grid-column-span: 8;
    -ms-grid-column: 5;
    grid-column: 5/13
}

.design-page .text-block__cont .text-block__btns+.bonuses {
    margin-top: 110px
}

.design-page .section {
    position: relative
}

.design-page .section .text-block {
    position: static
}

.design-page .page-menu+.section {
    margin-top: 110px
}

.design-page__anhor {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -100px
}

.design-page__top {
    background: #ded3e8;
    color: #fff;
    height: 41vw;
    min-height: 280px;
    position: relative
}

.design-page__top>.wrapper {
    height: 100%
}

.design-page__top-img,
.design-page__top-img:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.design-page__top-img:before {
    background: rgba(0, 0, 0, .25);
    content: "";
    pointer-events: none
}

.design-page__top-img img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.design-page__top-cont {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 112px 0 4px
}

.design-page__nav {
    border-top: 1px solid #fff;
    display: flex;
    margin-top: 12px;
    padding: 8px 0;
    position: relative
}

.design-page__nav-item {
    flex: none
}

.design-page__nav-item:not(:last-child) {
    margin-right: 18px
}

.design-page__nav-link {
    transition: color .3s
}

.design-page__nav-link:hover {
    color: #b9b9b9
}

.design-page__tabs {
    display: flex;
    margin-bottom: auto;
    margin-top: 32px
}

.design-page__tabs-item {
    margin-right: 16px
}

.design-page__tabs-link {
    opacity: .7;
    padding-bottom: 16px;
    position: relative;
    transition: opacity .3s
}

.design-page__tabs-link.active,
.design-page__tabs-link.active:after,
.design-page__tabs-link:hover,
.design-page__tabs-link:hover:after {
    opacity: 1
}

.design-page__tabs-link:after {
    background: currentColor;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    height: 8px;
    left: 2px;
    opacity: 0;
    position: absolute;
    width: 8px
}

.img-block img {
    display: block;
    width: 100%
}

.philosophy-block__item {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.philosophy-block__item-img {
    -ms-grid-column-span: 8;
    -ms-grid-column: 1;
    grid-column: 1/9
}

.philosophy-block__item-img img {
    display: block;
    width: 100%
}

.philosophy-block__item-text {
    -ms-grid-column-span: 4;
    -ms-grid-column: 9;
    grid-column: 9/13;
    max-width: 350px
}

.numbers-block {
    background: #ded3e8;
    height: 44vw;
    min-height: 460px;
    overflow: hidden;
    position: relative
}

.numbers-block.js-visible .numbers__animate {
    animation: numbers 40s linear 2s forwards
}

.numbers-block>.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.numbers-block__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.numbers-block__bg img,
.numbers-block__bg video {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: right top;
    width: 100%
}

.numbers-block__canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.numbers-block__cont {
    align-items: center;
    display: flex;
    margin: auto 0;
    padding: 64px 0;
    position: relative
}

.numbers-block__cont>* {
    position: relative;
    z-index: 1
}

.numbers-block__cont:before {
    animation: circle-anim 15s linear infinite;
    background: #fff;
    background-size: contain;
    border-radius: 50%;
    content: "";
    filter: blur(4px);
    height: 150px;
    left: 100px;
    position: absolute;
    top: 32px;
    width: 150px
}

.numbers-block__text {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1
}

@keyframes circle-anim {
    0% {
        transform: translate(0) scale(1)
    }

    20% {
        transform: translateY(-15px) scale(1.15)
    }

    40% {
        transform: translate(15px) scale(1.25)
    }

    60% {
        transform: translateY(15px) scale(1.15)
    }

    80% {
        transform: translate(-15px) scale(1.05)
    }

    to {
        transform: translate(0) scale(1)
    }
}

.numbers {
    flex: none;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-right: 8px;
    overflow: hidden;
    padding-bottom: 18px;
    padding-right: 44px;
    padding-top: 18px;
    position: relative
}

.numbers:before {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 70%);
    top: -4px
}

.numbers:after,
.numbers:before {
    content: "";
    filter: blur(2px);
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 44px;
    z-index: 1
}

.numbers:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 70%);
    bottom: -4px
}

.numbers__animate {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 13px
}

.numbers__animate span {
    padding: 6px 0
}

@keyframes numbers {
    0% {
        transform: translate(0)
    }

    6% {
        transform: translateY(-76px)
    }

    12% {
        transform: translateY(-76px)
    }

    18% {
        transform: translateY(-153px)
    }

    24% {
        transform: translateY(-153px)
    }

    30% {
        transform: translateY(-229px)
    }

    36% {
        transform: translateY(-229px)
    }

    42% {
        transform: translateY(-305px)
    }

    48% {
        transform: translateY(-305px)
    }

    54% {
        transform: translateY(-381px)
    }

    60% {
        transform: translateY(-381px)
    }

    66% {
        transform: translateY(-457px)
    }

    72% {
        transform: translateY(-457px)
    }

    78% {
        transform: translateY(-533px)
    }

    84% {
        transform: translateY(-533px)
    }

    90% {
        transform: translateY(-609px)
    }

    to {
        transform: translateY(-609px)
    }
}

.design-block__item:not(:last-child) {
    margin-bottom: 80px
}

.design-block__label {
    border-bottom: 1px solid #000;
    margin-bottom: 18px;
    padding-bottom: 4px
}

.design-block__slider {
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
    width: 75%
}

.design-block .text-block {
    grid-gap: 64px 8px
}

.designers,
.designers-card {
    position: relative
}

.designers-card {
    line-height: 1.07
}

.designers-card:hover .designers-card__name:after {
    opacity: 1
}

.designers-card__img {
    margin-bottom: 8px;
    padding-top: 100%;
    position: relative
}

.designers-card__img img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.designers-card__name {
    display: flex
}

.designers-card__name:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 32px;
    opacity: 0;
    transition: opacity .3s;
    width: 16px
}

.designers-card__subname {
    color: #b9b9b9
}

.designers-card__link {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.awards {
    position: relative
}

.awards-slider {
    height: 512px
}

.awards-slider .swiper-wrapper {
    height: calc(100% + 48px);
    margin-bottom: -24px
}

.awards-slider .swiper-slide {
    height: 220px !important;
    margin-bottom: 24px;
    margin-top: 0 !important
}

.awards-card:hover .awards-card__img:after {
    opacity: 1
}

.awards-card__img {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.awards-card__img:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5 10.52 3M15 7.5 10.52 12M15 7.5H1' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-left: 24px;
    opacity: 0;
    position: relative;
    transition: opacity .3s;
    width: 16px
}

.awards-card__img img {
    height: 60px;
    object-fit: contain;
    object-position: left center;
    width: calc(100% - 80px)
}

.awards-card__count {
    flex: none;
    margin-left: 12px;
    width: 24px
}

.awards-card__name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.awards-card__link {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.certificates-card {
    aspect-ratio: 1/1;
    border: 1px solid #b9b9b9;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding: 12px;
    position: relative;
    transition: background .3s, border .3s
}

.certificates-card:hover {
    background: #3a0d55;
    border-color: #3a0d55
}

.certificates-card:hover .certificates-card__name {
    color: #fff
}

.certificates-card:hover .certificates-card__name:before {
    filter: invert(1)
}

.certificates-card:hover .download {
    filter: invert(1);
    opacity: 1
}

.certificates-card__name {
    display: flex;
    margin-bottom: 18px;
    transition: color .3s
}

.certificates-card__name:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='6' r='5.5' stroke='%23000'/%3E%3Cpath d='M4.5 10.5V15L8 13l3.5 2v-4.5' stroke='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex: none;
    height: 16px;
    margin-right: 8px;
    position: relative;
    top: 2px;
    transition: filter .3s;
    width: 16px
}

.certificates-card__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.certificates-card__info {
    color: #b9b9b9
}

.certificates-card .download {
    opacity: 0
}

.certificates-card__link {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.design-info__top {
    margin-bottom: 110px
}

.design-info__bottom {
    padding-bottom: 64px
}

.design-info__products:not(:last-child) {
    margin-bottom: 80px
}

.design-info__products-label {
    border-bottom: 1px solid #000;
    line-height: 1.07;
    margin-bottom: 18px;
    padding-bottom: 4px
}

.design-info__products-list {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-gap: 32px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.designers-info__img {
    height: 121px;
    margin-bottom: 32px;
    width: 121px
}

.designers-info__img img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.designers-info__name {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 4px
}

.awards-info__img {
    height: 60px;
    margin-bottom: 60px;
    width: 60px
}

.awards-info__img img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.awards-info__name {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 4px
}

.history-block .text-block__cont .list-column {
    width: 75%
}

.history-slider {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 0 8px;
    border-top: 1px solid #000;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    padding-top: 8px
}

.history-slider:not(:first-child) {
    margin-top: 110px
}

.history-slider__nav {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: -8px
}

.history-slider__nav.swiper-container {
    display: none
}

.history-slider__nav.swiper-container .swiper-slide {
    width: 48px
}

.history-slider__nav.swiper-container .swiper-slide-thumb-active .history-slider__nav-item {
    color: #000
}

.history-slider__nav-item {
    color: #b9b9b9;
    cursor: pointer;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 8px;
    transition: color .3s
}

.history-slider__nav-item.active,
.history-slider__nav-item:hover {
    color: #000
}

.history-slider__list {
    -ms-grid-column-span: 11;
    grid-column: span 11;
    overflow: hidden
}

.history-slider__item {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    height: 100%
}

.history-slider__text {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    max-width: 350px
}

.history-slider__images {
    -ms-grid-column-span: 8;
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    -ms-grid-column: 4;
    grid-column: 4/12;
    justify-content: flex-end
}

.history-slider__img {
    margin-left: 8px
}

.history-slider__img--sm {
    width: calc(37.7% - 8px)
}

.history-slider__img--bg {
    width: calc(62.3% - 8px)
}

.history-slider__img img {
    display: block;
    height: auto;
    width: 100%
}

.page-menu {
    background: #ded3e8;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 34px;
    transform: translateY(-120px);
    transition: opacity .3s, transform .3s;
    z-index: 12
}

.page-menu.js__scroll {
    pointer-events: all;
    transform: translate(0)
}

.page-menu__list {
    display: flex;
    margin-right: auto;
    padding-bottom: 8px;
    padding-top: 8px
}

.page-menu__item {
    flex: none
}

.page-menu__item:not(:last-child) {
    margin-right: 16px
}

.page-menu__link {
    transition: opacity .3s
}

.page-menu__link:hover {
    opacity: .5
}

.bonuses {
    width: 75%
}

.bonuses:not(:first-child) {
    margin-top: 64px
}

.bonuses__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 64px
}

.bonuses__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.bonuses__item {
    max-width: 230px
}

.bonuses__item-number {
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 18px
}

.bonuses__item-text {
    position: relative
}

.adwantages {
    width: 75%
}

.adwantages:not(:first-child) {
    margin-top: 64px
}

.adwantages__title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 64px
}

.adwantages__list {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-gap: 64px 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.adwantages__item {
    max-width: 230px
}

.adwantages__item-icon {
    margin-bottom: 18px;
    width: 56px
}

.adwantages__item-icon img {
    display: block;
    height: auto;
    width: 100%
}

.adwantages__item-text {
    position: relative
}

.price {
    font-weight: 700
}

.catalog__item--bg .catalog-card__img {
    padding-top: 80%
}

.banner,
.banner-slider__item {
    height: 24vw
}

.footer,
.header,
.mobile-menu__top {
    padding: 20px 0
}

.header__nav {
    flex: inherit;
    margin-left: auto;
    margin-right: auto
}

.header__nav .catalog-link {
    margin-right: 16px
}

.header__btns {
    margin-left: 0
}

.header__nav .catalog-link:after {
    bottom: -8px
}

.header__catalog-nav {
    top: 48px
}

.page-menu,
.product-nav {
    top: 60px
}

.design-page .header {
    margin-bottom: -62px
}

.mobile-menu__submenu {
    top: 54px
}

.header__catalog-nav>.wrapper {
    max-width: 100%
}

.header__catalog-nav .catalog-nav__list {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    width: 100%
}

.catalog__item--bg:not(.catalog__item--interior) .catalog-card__img {
    background: transparent
}

.catalog__item--bg:not(.catalog__item--interior) .catalog-card__img-img img {
    object-fit: contain
}

.header__catalog-nav {
    left: -8px;
    position: absolute;
    top: calc(100% + 14px);
    width: 953.3333333333px
}

.header__catalog-nav>.wrapper:before {
    background: #fff;
    content: "";
    height: 345px;
    left: 0;
    position: fixed;
    right: 0;
    top: 55px
}

.header__catalog-nav .catalog-nav__list {
    position: relative
}

@media screen and (min-width:521px) {
    .shops-list__search-btn {
        display: none
    }
}

@media screen and (min-width:641px) {
    .subcategory-menu .back-link {
        display: none
    }
}

@media screen and (min-width:721px) {

    .contacts__item-btn,
    .history-slider__list .swiper-pagination,
    .product-cart,
    .product-slider__list.swiper-container .swiper-pagination {
        display: none
    }

    .banner__title {
        font-size: clamp(20px, 3vw, 42px)
    }

    .banner__info {
        font-size: clamp(12px, 1.1vw, 14px)
    }

    .banner__info:before {
        height: clamp(6px, .7vw, 8px);
        width: clamp(6px, .7vw, 8px)
    }

    .banner-slider__title {
        font-size: clamp(20px, 3vw, 42px)
    }

    .banner-slider__info {
        font-size: clamp(12px, 1.1vw, 14px)
    }

    .banner-slider__info span:first-child:after {
        height: clamp(6px, .7vw, 8px);
        width: clamp(6px, .7vw, 8px)
    }

    .popup.popup-search .popup__close,
    .popup:not(.popup-search):not(.popup-map) .popup__close {
        height: 62px;
        margin-bottom: -62px;
        padding: 20px 18px
    }
}

@media screen and (min-width:761px) {
    .header__btns-link.profile svg {
        margin-right: 8px
    }

    .footer__phone--mob,
    .main-banner__btn {
        display: none
    }
}

@media screen and (min-width:769px) {
    .main-banner.js__active .main-banner__slide.swiper-slide-active {
        animation: filter-slide 7s linear forwards
    }

    .main-banner.js__active .main-banner__slide.swiper-slide-active:after {
        animation: main-banner 7s linear forwards
    }

    .main-banner.js__active .main-banner__nav-item.active:after {
        animation: progress-nav 7s linear forwards
    }

    .main-banner__slide {
        filter: brightness(.9)
    }

    .main-banner__slide:after {
        opacity: .2
    }
}

@media screen and (min-width:961px) {
    .burger {
        display: none
    }
}

@media screen and (min-width:1023px) {

    body.catalog-nav-open,
    body.mobilemenu-opened,
    body.popup-opened {
        width: calc(100% - 6px)
    }

    .category-menu__item:not(.disabled):hover .category-submenu {
        opacity: 1;
        pointer-events: all
    }
}

@media (min-width:1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }

    .fancybox__slide {
        padding: 64px 100px
    }

    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }

    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }

    .carousel__button.is-close {
        right: 40px
    }

    .fancybox__toolbar {
        padding: 8px
    }
}

@media screen and (min-width:1201px) {

    .news-products__close,
    .news-products__title {
        display: none
    }

    .text-block__title {
        top: 110px
    }
}

@media screen and (min-width:1280px) {
    .fancybox-gallery .has-video {
        margin: auto;
        max-width: 1340px;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%
    }

    .fancybox-gallery .has-video:before {
        content: "";
        display: block;
        padding-top: 56.25%;
        position: relative;
        width: 100%
    }

    .fancybox-gallery .has-video .fancybox__content {
        height: 100% !important;
        left: 0;
        position: absolute;
        top: 0;
        width: 100% !important
    }
}

@media screen and (min-width:1721px) {

    .banner,
    .banner-slider__item {
        height: 418.7327823691px
    }
}

@media screen and (min-width:2560px) {

    .banner,
    .banner-slider__item {
        height: 705.2341597796px
    }

    .banner,
    .banner-slider__item {
        height: 418.7327823691px
    }
}

@media screen and (max-width:1720px) {
    .header__logo {
        margin-right: 60px
    }

    .search-input__input {
        font-size: 38px;
        letter-spacing: -.03em
    }

    .header__catalog-nav {
        width: calc(886.66667px - 6%)
    }
}

@media screen and (max-width:1720px) and (min-width:1100px) {
    .filter.loading:before {
        width: 70%
    }

    .wrapper {
        padding: 0 calc(6% + 8px)
    }

    .header__catalog-nav>.wrapper {
        padding-left: 8px;
        padding-right: 8px
    }

    .popup:not(.popup-search):not(.popup-map).filter .popup__block {
        max-width: calc(31.3% - 38px)
    }

    .popup:not(.popup-search):not(.popup-map).filter .popup__bottom {
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 20px
    }

    .popup:not(.popup-search):not(.popup-map).filter .popup__bottom .btn {
        margin-right: 0
    }

    .popup:not(.popup-search):not(.popup-map).filter .popup__bottom .btn:not(:last-child) {
        margin-bottom: 18px
    }

    .popup:not(.popup-search):not(.popup-map).filter .popup__bottom .btn:only-child {
        margin-right: 0;
        max-width: 100%
    }
}

@media screen and (max-width:1520px) {
    .header {
        font-size: 14px
    }

    .contacts__map .js-ymap,
    .shops-page__map .js-ymap,
    .shops-page__map.open-point .js-ymap {
        height: 560px
    }

    .page-menu,
    .product-nav {
        top: 54px
    }
}

@media screen and (max-width:1420px) {

    .design-block__slider,
    .history-block .text-block__cont .list-column {
        width: 100%
    }
}

@media screen and (max-width:1360px) {
    .header__logo {
        margin-right: 12px
    }

    .main-banner__header,
    .main-banner__title {
        font-size: 60px
    }

    .main-banner__nav-item {
        font-size: 20px
    }
}

@media screen and (max-width:1280px) {
    .header__links-item span {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .section-title {
        font-size: 24px
    }

    .section-title:not(:last-child) {
        margin-bottom: 18px
    }

    .section+.section {
        margin-top: 80px
    }

    .modal ol:not([class])>li,
    .modal ul:not([class])>li,
    .popup ol:not([class])>li,
    .popup ul:not([class])>li,
    main ol:not([class])>li,
    main ul:not([class])>li {
        padding-left: 60px
    }

    .modal ul.list-column,
    .popup ul.list-column,
    main ul.list-column {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .text-block:not(:first-child) {
        margin-top: 80px
    }

    .text-block__title {
        max-width: inherit;
        position: static;
        top: 0
    }

    .text-block__cont,
    .text-block__title {
        -ms-grid-column-span: 8;
        -ms-grid-column: 3;
        grid-column: 3/11
    }

    .text-block__cont figure:not(:first-child) {
        margin-top: 32px
    }

    .text-block__cont blockquote {
        font-size: 24px
    }

    .omay-design .text-block__cont {
        -ms-grid-column-span: 8 !important;
        -ms-grid-column: 3 !important;
        grid-column: 3/11 !important
    }

    .popup:not(.popup-search):not(.popup-map) .popup__title {
        font-size: 24px
    }

    .popup:not(.popup-search):not(.popup-map) .popup__content {
        padding: 90px 18px 0
    }

    .popup-search .search-block__bottom .search-trends {
        margin-top: auto
    }

    .modal__title {
        font-size: 24px
    }

    .page-header {
        font-size: 38px;
        letter-spacing: -.03em
    }

    .gallery-block .gallery-slider,
    .gallery-block .gallery-slider__info {
        grid-column: -1/1
    }

    .auth-form__title,
    .cart-block__products-title,
    .cart-block__slider-title,
    .cart-block__title,
    .characteristic__item-title {
        font-size: 24px
    }

    .header__nav .catalog-link {
        margin-right: 16px
    }

    .header__btns {
        margin-left: 2px
    }

    .footer__logo {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .footer__nav {
        -ms-grid-column-span: 4;
        -ms-grid-column: 4;
        grid-column: 4/8
    }

    .footer__about {
        -ms-grid-column-span: 5;
        -ms-grid-column: 8;
        grid-column: 8/13
    }

    .footer__lang {
        -ms-grid-column-span: 1;
        -ms-grid-column: 12;
        grid-column: 12/13
    }

    .footer__brands {
        -ms-grid-column-span: 2;
        -ms-grid-column: 10;
        grid-column: 10/12
    }

    .footer__brands:last-child {
        -ms-grid-column-span: 3;
        -ms-grid-column: 10;
        grid-column: 10/13
    }

    .footer__links {
        -ms-grid-column-span: 5;
        -ms-grid-column: 4;
        grid-column: 4/9
    }

    .loader__cont {
        height: 645px;
        width: 550px
    }

    .loader__logo img {
        width: 224px
    }

    .main-banner__header,
    .main-banner__title {
        font-size: 45px;
        letter-spacing: -.03em;
        padding-bottom: 86px
    }

    .main-banner__nav-item {
        font-size: 24px;
        font-size: 16px;
        font-weight: 400
    }

    .main-banner__nav-item:before {
        height: 14px;
        width: 14px
    }

    .fav-auth__title {
        font-size: 24px
    }

    .fav-auth__btns {
        align-items: flex-start;
        flex-direction: column
    }

    .fav-auth__btns .btn {
        margin-bottom: 18px;
        margin-right: 0;
        width: 100%
    }

    .catalog__item .fav-auth {
        padding-top: 0
    }

    .catalog__item .fav-auth__cont {
        position: relative
    }

    .downloads__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .downloads__left {
        grid-column: auto;
        position: static;
        top: 0
    }

    .downloads__right {
        grid-column: auto
    }

    .downloads__title {
        font-size: 24px
    }

    .comparison__top {
        padding: 64px 0
    }

    .compare-card .product-docs__item {
        padding-bottom: 50px;
        padding-right: 18px
    }

    .compare-card .product-docs__item .product-docs__item-link {
        bottom: 18px;
        left: 18px;
        right: auto;
        top: auto
    }

    .search-block .search-results,
    .search-block__top {
        -ms-grid-column-span: 10;
        -ms-grid-column: 2;
        grid-column: 2/12
    }

    .search-trends {
        margin-top: 64px
    }

    .order-form .section-title {
        margin-bottom: 64px
    }

    .order-form__form {
        -ms-grid-column-span: 7;
        -ms-grid-column: 6;
        grid-column: 6/13
    }

    .questions-form__text {
        -ms-grid-column-span: 5;
        grid-column: span 5
    }

    .questions-form__form {
        -ms-grid-column-span: 7;
        -ms-grid-column: 6;
        grid-column: 6/13
    }

    .questions-form__form .default-input__input--textarea {
        margin-bottom: 32px
    }

    .questions-form__form .default-input__input--textarea~.default-input__error {
        top: -32px
    }

    .cooperation-form__text {
        -ms-grid-column-span: 5;
        grid-column: span 5
    }

    .cooperation-form__list {
        -ms-grid-column-span: 7;
        -ms-grid-column: 6;
        grid-column: 6/13
    }

    .return-form__text {
        -ms-grid-column-span: 5;
        grid-column: span 5
    }

    .return-form__form {
        -ms-grid-column-span: 7;
        -ms-grid-column: 6;
        grid-column: 6/13
    }

    .contacts__list {
        -ms-grid-column-span: 4;
        -ms-grid-column: 1;
        grid-column: 1/5;
        padding-right: 0
    }

    .contacts__map {
        -ms-grid-column-span: 7;
        -ms-grid-column: 6;
        grid-column: 6/13
    }

    .contacts__map .js-ymap,
    .contacts__map .map {
        height: 555px;
        padding-top: 0
    }

    .info-page__top,
    .standart-page__top {
        padding: 64px 0
    }

    .info-page .text-block__cont,
    .info-page .text-block__title {
        grid-column: -1/1
    }

    .info-block__label {
        font-size: 24px
    }

    .info-block__item:not(:last-child),
    .info-block__row:not(:last-child) {
        margin-bottom: 64px
    }

    .return-period__item-number {
        font-size: 38px;
        letter-spacing: -.03em
    }

    .catalog-nav__wrap {
        height: calc(100vh - 148px)
    }

    .catalog-nav__this .page-header span:after {
        top: 12px
    }

    .catalog-nav__this .page-header:after {
        height: 16px;
        width: 16px
    }

    .news-card__desc {
        padding-bottom: 12px
    }

    .news-card__info:not(:last-child) {
        margin-bottom: 12px
    }

    .news-card__title {
        font-size: 24px
    }

    .news-detail__top {
        margin-bottom: 32px
    }

    .news-detail__top .back-link {
        margin-bottom: 64px
    }

    .news-products {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .news-products__img {
        grid-column: auto
    }

    .news-products__list:not(:first-child) {
        margin-top: 0
    }

    .news-products__list {
        background: #fff;
        height: 100%;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 98px 8px 64px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 50
    }

    .news-products__title {
        font-size: 38px;
        letter-spacing: -.03em
    }

    body.news-products-open {
        height: 100%;
        overflow: hidden;
        position: relative
    }

    .interview__item-icon {
        margin-right: 42px
    }

    .product-block {
        grid-gap: 16px 8px
    }

    .product-block:not(:first-child) {
        margin-top: 64px
    }

    .product-block__card {
        -ms-grid-column-span: 8;
        -ms-grid-column: 3;
        grid-column: 3/11;
        margin-bottom: 16px
    }

    .product-block__title {
        font-size: 24px
    }

    .product-block__desc,
    .product-block__title {
        -ms-grid-column-span: 8;
        -ms-grid-column: 3;
        grid-column: 3/11
    }

    .lk-page__top {
        padding: 64px 0
    }

    .lk-page__left {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .lk-page__right {
        -ms-grid-column-span: 9;
        -ms-grid-column: 4;
        grid-column: 4/13
    }

    .lk-order__empty {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .lk-order__bottom,
    .lk-order__list {
        -ms-grid-column-span: 8;
        grid-column: span 8
    }

    .lk-order__number {
        font-size: 24px
    }

    .lk-order__info {
        -ms-grid-column-span: 4;
        -ms-grid-column: 4;
        grid-column: 4/8
    }

    .lk-date {
        -ms-grid-column-span: 8;
        grid-column: span 8
    }

    .lk-date__title {
        font-size: 24px
    }

    .product-page__item.product-slider+.product-page__item.product-slider,
    .product-page__item:not(:first-child) {
        margin-top: 64px
    }

    .product-page__item .page-header {
        margin-bottom: 18px
    }

    .product-card__price .price {
        font-size: 24px
    }

    .product-about__top-text {
        -ms-grid-column-span: 9;
        -ms-grid-column: 1;
        grid-column: 1/10
    }

    .product-about__list:not(:last-child) {
        margin-bottom: 80px
    }

    .product-about__list:not(:first-child) {
        margin-top: 80px
    }

    .product-about__item:not(:last-child) {
        margin-bottom: 80px
    }

    .product-about__item-title {
        font-size: 24px
    }

    .product-awards__list {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .product-awards__item-title,
    .product-situation__nav {
        font-size: 24px
    }

    .product-situation__nav {
        margin-bottom: 24px;
        max-width: 100%
    }

    .situation-products {
        bottom: 0;
        margin-bottom: 18px;
        position: relative
    }

    .situation-products__nav {
        justify-content: flex-start;
        max-width: 100%
    }

    .situation-products__list {
        top: calc(100% + 9px)
    }

    .product-nav__btns {
        width: 320px
    }

    .product-nav .back-link {
        margin-right: 12px
    }

    .ordering-page__top {
        padding: 64px 0
    }

    .order-confirm__title {
        font-size: 24px
    }

    .order__item .catalog-card__img {
        height: 70px;
        width: 70px
    }

    .order-shops__item-desc {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .order-map__title {
        font-size: 24px
    }

    .shops-page__top {
        padding: 64px 0
    }

    .shops-page__map .map {
        height: 555px;
        padding-top: 0
    }

    .shops-page__map .js-ymap {
        height: 555px
    }

    .shops-page__map.open-point .map {
        padding-top: 0
    }

    .shops-page__map.open-point .js-ymap,
    .shops-page__map.open-point .map {
        -ms-grid-column-span: 7;
        -ms-grid-column: 6;
        grid-column: 6/13;
        height: 555px
    }

    .shops-page__map.open-point .js-ymap>ymaps,
    .shops-page__map.open-point .js-ymap>ymaps>ymaps {
        height: 100% !important
    }

    .shops-list__search {
        -ms-grid-column-span: 6;
        -ms-grid-column: 7;
        grid-column: 7/13
    }

    .shops-list__list {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .design-page .text-block__cont {
        -ms-grid-column-span: 8;
        -ms-grid-column: 3;
        grid-column: 3/11
    }

    .design-page .page-menu+.section,
    .design-page .text-block__cont .text-block__btns+.bonuses {
        margin-top: 80px
    }

    .design-page__top-cont {
        padding-top: 64px
    }

    .design-page__nav {
        -ms-overflow-style: none;
        margin-left: -8px;
        margin-right: -8px;
        overflow: auto;
        padding-left: 8px;
        padding-right: 8px;
        scrollbar-width: none
    }

    .design-page__nav::-webkit-scrollbar {
        display: none
    }

    .design-page__tabs {
        margin-top: 18px
    }

    .philosophy-block__item-img,
    .philosophy-block__item-text {
        -ms-grid-column-span: 8;
        -ms-grid-column: 3;
        grid-column: 3/11
    }

    .philosophy-block__item-text {
        max-width: 100%
    }

    .numbers-block {
        height: 70vw
    }

    .numbers-block>.wrapper {
        -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
        grid-gap: 8px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(12, 1fr)
    }

    .numbers-block__cont {
        -ms-grid-column-span: 8;
        -ms-grid-column: 3;
        grid-column: 3/11;
        margin-right: -50%;
        transform: scale(.7);
        transform-origin: left center
    }

    .design-block .text-block__cont {
        grid-column: -1/1
    }

    .design-block .text-block__cont>div:not([class]),
    .design-block .text-block__cont>ol,
    .design-block .text-block__cont>p,
    .design-block .text-block__cont>ul {
        margin-left: auto;
        margin-right: auto;
        width: calc(67% - 6px)
    }

    .design-info__top {
        margin-bottom: 80px
    }

    .design-info__products:not(:last-child) {
        margin-bottom: 64px
    }

    .awards-info__name,
    .designers-info__name {
        font-size: 24px
    }

    .history-slider:not(:first-child) {
        margin-top: 80px
    }

    .history-slider__nav {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .history-slider__nav-item {
        font-size: 24px
    }

    .history-slider__list {
        -ms-grid-column-span: 10;
        grid-column: span 10
    }

    .history-slider__text {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .history-slider__images {
        -ms-grid-column-span: 6;
        align-items: flex-start;
        flex-direction: column;
        -ms-grid-column: 6;
        grid-column: 6/12;
        justify-content: flex-start
    }

    .history-slider__img {
        margin-bottom: 8px;
        margin-left: 0
    }

    .history-slider__img--sm {
        width: 60%
    }

    .history-slider__img--bg {
        order: -1;
        width: 100%
    }

    .page-menu__list {
        -ms-overflow-style: none;
        margin-left: -8px;
        margin-right: -8px;
        overflow: auto;
        padding-left: 8px;
        padding-right: 8px;
        scrollbar-width: none
    }

    .page-menu__list::-webkit-scrollbar {
        display: none
    }

    .bonuses {
        width: 100%
    }

    .bonuses__title {
        font-size: 24px;
        margin-bottom: 32px
    }

    .bonuses__list {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-gap: 32px 8px;
        grid-template-columns: repeat(2, 1fr)
    }

    .bonuses__item-number {
        font-size: 38px
    }

    .adwantages {
        width: 100%
    }

    .adwantages__title {
        font-size: 24px;
        margin-bottom: 32px
    }

    .adwantages__list {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-gap: 32px 8px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:1200px) and (min-width:1023px) {
    body.news-products-open {
        width: calc(100% - 6px)
    }
}

@media screen and (max-width:1200px) and (min-width:720px) {
    .news-products__items {
        -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
        grid-gap: 32px 8px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    .news-products__items .news-products__item:not(:last-child) {
        margin-bottom: 0
    }

    .news-products__items .catalog-card--sm {
        flex-direction: column
    }

    .news-products__items .catalog-card--sm .catalog-card__img {
        height: auto;
        margin-bottom: 8px;
        margin-right: 0;
        padding-top: 100%;
        width: 100%
    }

    .news-products__items .catalog-card--sm .catalog-card__label .label {
        height: 36px;
        width: 36px
    }

    .design-info__products-list {
        -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width:1100px) {

    .banner,
    .banner-slider__item {
        height: 27.5vw
    }
}

@media screen and (max-width:1024px) {
    .popup:not(.popup-search):not(.popup-map) .popup__block {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .popup:not(.popup-search):not(.popup-map) .popup__block::-webkit-scrollbar {
        display: none
    }

    .popup-search .popup__block {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .popup-search .popup__block::-webkit-scrollbar {
        display: none
    }

    .popup-map .popup__block {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .popup-map .popup__block::-webkit-scrollbar {
        display: none
    }

    .product-docs__item-link {
        opacity: 1
    }

    .header__links-item img,
    .header__links-item svg {
        margin-right: 0
    }

    .catalog-card--md .catalog-card__del,
    .catalog-card__colors,
    .catalog-card__compare,
    .catalog-card__fav,
    .compare-card__fav,
    .downloads-3d__item-link,
    .downloads-catalog__item-btns {
        opacity: 1
    }

    .category-menu .category-submenu {
        display: none
    }

    .category-menu__list {
        max-width: 100%
    }

    .product-card__colors-img {
        display: none
    }

    .awards-card__img:after,
    .designers-card__name:after {
        opacity: 1
    }

    .certificates-card .download {
        opacity: .5
    }

    .wrapper {
        padding: 0 8px
    }
}

@media screen and (max-width:1000px) {
    .popup:not(.popup-search):not(.popup-map) .popup__block {
        max-width: 398px
    }

    .popup-map .popup__close {
        height: 52px;
        left: 0;
        padding-left: 8px;
        padding-right: 8px;
        position: fixed;
        right: 0
    }

    .popup-map .popup__close:hover {
        opacity: 1
    }

    .filter.loading:before {
        width: calc(100% - 398px)
    }

    .auth-form {
        max-width: 398px
    }

    .auth-form .form__btns .btn:only-child {
        max-width: 100%
    }

    .cart-block__slider-list {
        padding-right: 8px
    }

    .fav-auth__title {
        font-size: 18px
    }

    .cooperation-form .text-block__cont>.section-title br {
        display: none
    }

    .contacts-map {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .contacts-map__cont {
        grid-column: auto;
        max-width: 100%;
        padding-bottom: 32px
    }

    .contacts-map__map {
        grid-column: auto;
        height: calc(100vh - 300px);
        margin-top: 52px;
        min-height: 280px;
        order: -1
    }

    .product-card__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .product-card__photo {
        grid-row: auto;
        max-width: 752px
    }

    .product-card__title {
        margin-bottom: 16px
    }

    .product-card__docs .product-docs {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .product-card__cart {
        max-width: 100%;
        padding: 0;
        position: static
    }

    .order-map {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .order-map__cont {
        grid-column: auto;
        max-width: 100%;
        padding-bottom: 32px
    }

    .order-map__map {
        grid-column: auto;
        height: calc(100vh - 300px);
        margin-top: 52px;
        min-height: 250px;
        order: -1
    }

    .order-map__title {
        margin-bottom: 32px
    }

    .order-map .order-shops__item-desc {
        display: none
    }
}

@media screen and (max-width:960px) {

    .header__btns,
    .header__lang,
    .header__links,
    .header__nav {
        display: none
    }

    .catalog__bottom .pagination {
        -ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
        grid-template-columns: repeat(2, calc(50% - 4px))
    }

    .catalog-card__desc .letter {
        align-items: flex-end;
        min-width: 120px;
        width: min-content
    }

    .lk-order__top {
        background: #fff;
        padding-bottom: 8px;
        padding-top: 8px;
        position: sticky;
        top: 30px;
        z-index: 10
    }

    .lk-order__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .lk-order__info,
    .lk-order__products {
        grid-column: auto
    }
}

@media screen and (max-width:768px) {
    .news-tabs {
        -ms-overflow-style: none;
        flex-wrap: nowrap;
        overflow: auto;
        scrollbar-width: none
    }

    .news-tabs::-webkit-scrollbar {
        display: none
    }

    .news-tabs__item {
        flex: none
    }

    .numbers-block {
        height: 87vw
    }

    .page-menu {
        top: 31px
    }
}

@media screen and (max-width:760px) {

    .footer__bottom,
    .footer__top {
        -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
        grid-gap: 20px 8px;
        grid-template-columns: repeat(4, 1fr)
    }

    .footer__contacts {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .footer__logo {
        order: -1
    }

    .footer__nav {
        display: none
    }

    .footer__about,
    .footer__lang {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .footer__lang {
        display: none
    }

    .footer__brands {
        justify-content: flex-end;
        order: 1
    }

    .footer__brands,
    .footer__brands:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .footer__brands-item img {
        height: 100%
    }

    .footer__phone {
        -ms-grid-column-span: 4;
        grid-column: span 4;
        margin-bottom: 44px
    }

    .footer__phone--desc {
        display: none
    }

    .footer__about {
        flex-direction: column
    }

    .footer__logo img {
        min-width: 144px
    }

    .footer__links {
        -ms-grid-column-span: 4;
        flex-direction: column;
        grid-column: span 4;
        margin-right: 0;
        order: 2
    }

    .footer__links-item {
        margin-right: 0
    }

    .footer .lang-toggle {
        display: none
    }

    .main-banner__header,
    .main-banner__title {
        font-size: 30px;
        line-height: 1.07
    }

    .main-banner__header span,
    .main-banner__title span {
        max-width: 200px
    }

    .main-banner__nav {
        display: none
    }

    .product-nav {
        top: 32px
    }

    .product-nav__cont {
        -ms-overflow-style: none;
        margin-left: -8px;
        margin-right: -8px;
        overflow: auto;
        padding-left: 8px;
        padding-right: 8px;
        scrollbar-width: none
    }

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

    .product-nav__list {
        flex: none
    }

    .product-nav__btns {
        flex: none;
        width: auto
    }

    .product-nav .back-link {
        width: auto
    }

    .design-page .header {
        margin-bottom: -55px
    }
}

@media screen and (max-width:720px) {
    html {
        font-size: 16px
    }

    .section-title {
        font-size: 18px
    }

    .section-title:not(:last-child) {
        margin-bottom: 12px
    }

    .section+.section,
    .text-block:not(:first-child) {
        margin-top: 64px
    }

    .text-block__cont,
    .text-block__title {
        grid-column: -1/1
    }

    .text-block__cont blockquote {
        font-size: 18px
    }

    .text-block__cont blockquote+figcaption {
        flex-direction: column
    }

    .text-block__cont blockquote+figcaption span {
        margin-bottom: 4px;
        margin-right: 0;
        max-width: 100%
    }

    .text-block__cont blockquote+figcaption span br {
        display: none
    }

    .text-block__btns {
        align-items: flex-start;
        flex-direction: column
    }

    .text-block__btns>* {
        margin-right: 0
    }

    .text-block__btns>:not(:last-child) {
        margin-bottom: 18px
    }

    .form__btns {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 32px
    }

    .form__btns .btn {
        margin-bottom: 18px;
        margin-right: 0;
        width: 100%
    }

    .form__btns .btn:only-child {
        margin-bottom: 0
    }

    .default-input__input,
    .select-selected {
        font-size: 16px
    }

    .fancybox-modal .carousel__button.is-close {
        background-color: #fff;
        background-position: right 9px top 9px;
        height: 32px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: auto
    }

    .fancybox-modal .carousel__button.is-close:before {
        display: none
    }

    .fancybox-modal .fancybox__slide {
        padding: 0
    }

    .popup:not(.popup-search):not(.popup-map) .popup__close {
        padding: 8px
    }

    .popup:not(.popup-search):not(.popup-map) .popup__close span {
        right: 8px
    }

    .popup:not(.popup-search):not(.popup-map) .popup__title {
        font-size: 18px
    }

    .popup:not(.popup-search):not(.popup-map) .popup__block {
        max-width: 100%
    }

    .popup:not(.popup-search):not(.popup-map) .popup__content {
        padding: 80px 8px 0
    }

    .popup-search .popup__close {
        padding: 8px
    }

    .popup-search .popup__close span {
        right: 8px
    }

    .popup-search .search-block {
        padding-bottom: 0;
        padding-top: 60px
    }

    .popup-search .search-results__list:not(:last-child) {
        margin-bottom: 32px
    }

    .popup-search .search-results__list-label {
        margin-bottom: 12px
    }

    .modal {
        max-width: 100%;
        min-height: 100%;
        overflow: auto;
        padding: 66px 8px 18px
    }

    .modal__title {
        font-size: 18px
    }

    .page-header {
        font-size: 22px
    }

    .banner-slider__item {
        display: flex;
        flex-direction: column
    }

    .banner-slider__cont {
        flex: 1 1 auto;
        order: 2;
        padding: 4px 0 clamp(8px, 2.8vw, 40px)
    }

    .banner-slider__info {
        align-items: flex-start;
        font-size: clamp(12px, 4vw, 26px)
    }

    .banner-slider__info span:first-child:after {
        height: clamp(6px, 2vw, 14px);
        width: clamp(6px, 2vw, 14px)
    }

    .banner-slider__title {
        font-size: clamp(20px, 8vw, 78px)
    }

    .banner-slider__img {
        margin-left: auto;
        margin-right: auto;
        width: 80%
    }

    .banner__bg-circle:before {
        display: none
    }

    .banner__bg-circle:first-child {
        right: 3%
    }

    .banner__bg-circle:first-child:after,
    .banner__bg-circle:first-child:before {
        padding-top: 110%;
        width: 110%
    }

    .banner__bg-circle:nth-child(2) {
        right: 38%
    }

    .banner__bg-circle:nth-child(2):after,
    .banner__bg-circle:nth-child(2):before {
        padding-top: 150%;
        width: 150%
    }

    .banner__info {
        align-items: flex-start;
        font-size: clamp(12px, 4vw, 26px);
        margin-bottom: clamp(40px, 12vw, 80px);
        margin-right: 0;
        margin-top: clamp(-80px, -12vw, -40px)
    }

    .banner__info:before {
        height: clamp(6px, 2vw, 14px);
        width: clamp(6px, 2vw, 14px)
    }

    .banner__title {
        font-size: clamp(20px, 8vw, 78px);
        padding-right: 0;
        width: 100%
    }

    .filter.loading:before {
        display: none
    }

    .auth-form__title,
    .characteristic__item-title {
        font-size: 18px
    }

    .auth-form__title br {
        display: none
    }

    .auth-form__nav {
        margin-bottom: 32px
    }

    .auth-form .form__items:not(:first-child) {
        margin-top: 32px
    }

    .auth-form .form__item:not(:last-child) {
        margin-bottom: 24px
    }

    .auth-form .form__item+.form__item--agree {
        margin-top: 24px
    }

    .cart-block__slider-title,
    .cart-block__title {
        font-size: 18px
    }

    .cart-block__slider-list {
        margin-right: -8px
    }

    .cart-block__products-title,
    .downloads__title,
    .fav-auth__title,
    .main-banner__nav-item {
        font-size: 18px
    }

    .downloads-3d {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .downloads-catalog__item {
        -ms-grid-columns: 70px 8px 1fr 8px 1fr 8px 1fr;
        grid-template-columns: 70px 1fr 1fr 1fr
    }

    .downloads-catalog__item-img {
        -ms-grid-row-span: 2;
        grid-row: span 2
    }

    .downloads-catalog__item-btns {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .comparison__top {
        padding: 64px 0 32px
    }

    .comparison__title {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 18px
    }

    .comparison__title .page-header:not(:last-child) {
        margin-bottom: 18px;
        margin-right: 0
    }

    .comparison__nav {
        flex-direction: column
    }

    .comparison__nav .comparison-tabs {
        margin-bottom: 18px;
        margin-right: -8px
    }

    .comparison-tabs {
        -ms-overflow-style: none;
        margin-left: -8px;
        margin-right: -8px;
        overflow: auto;
        padding-left: 8px;
        padding-right: 8px;
        scrollbar-width: none
    }

    .comparison-tabs::-webkit-scrollbar {
        display: none
    }

    .comparison-tabs__item {
        flex: none
    }

    .compare-slider__item {
        width: 33.3%
    }

    .compare-card__design {
        padding-bottom: 64px
    }

    .compare-card__list:not(:last-child) {
        margin-bottom: 32px
    }

    .compare-card .product-docs__item-name span {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all
    }

    .compare-slider--head {
        padding: 8px !important;
        width: inherit
    }

    .compare-slider--head .compare-card__head {
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto;
        grid-template-columns: 100%;
        grid-template-rows: auto
    }

    .compare-slider--head .compare-card__head>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .compare-slider--head .compare-card__img {
        grid-row: auto;
        height: 50px;
        margin-bottom: 8px;
        width: 50px
    }

    .compare-slider--head .compare-card__info,
    .compare-slider--head .compare-card__price {
        display: none
    }

    .compare-slider--head .compare-card__title {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .search-block {
        padding: 104px 0 8px
    }

    .search-block__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .search-block .search-results,
    .search-block__bottom,
    .search-block__top {
        grid-column: auto
    }

    .search-input__input {
        font-size: 22px
    }

    .search-products__list {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .order-form .section-title {
        margin-bottom: 18px
    }

    .order-form__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .order-form__text {
        grid-column: auto;
        max-width: 100%;
        position: static;
        top: 0
    }

    .order-form__form {
        grid-column: auto
    }

    .questions-form__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .questions-form__text {
        grid-column: auto;
        position: static;
        top: 0
    }

    .questions-form__form {
        grid-column: auto
    }

    .cooperation-form__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .cooperation-form__text {
        grid-column: auto;
        position: static;
        top: 0
    }

    .cooperation-form__list {
        grid-column: auto
    }

    .cooperation-form .form .form__item--agree {
        margin-top: 32px
    }

    .return-form__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .return-form__text {
        grid-column: auto;
        position: static;
        top: 0
    }

    .return-form__form {
        grid-column: auto
    }

    .return-form__form .form__item--agree {
        margin-top: 32px
    }

    .contacts__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .contacts__list {
        grid-column: auto;
        max-width: 100%
    }

    .contacts__map {
        display: none;
        grid-column: auto
    }

    .contacts__item-name {
        padding-right: 30px
    }

    .contacts__item-img {
        margin-top: 32px
    }

    .contacts__item-close {
        left: auto;
        right: 0
    }

    .info-page__top,
    .standart-page__top {
        padding: 64px 0 32px
    }

    .info-block__label {
        font-size: 18px
    }

    .info-block__row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .info-block__row:not(:last-child) {
        margin-bottom: 32px
    }

    .info-block__col {
        grid-column: auto
    }

    .info-block__text {
        width: 100%
    }

    .return-period {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .return-period__item {
        grid-column: auto
    }

    .return-period__item-number {
        font-size: 22px
    }

    .error-block__cont {
        grid-gap: 0;
        display: flex
    }

    .error-block__number {
        grid-column: auto;
        margin-right: 24px
    }

    .error-block__text {
        grid-column: auto
    }

    .catalog-card--md .catalog-card__img {
        height: 70px;
        width: 70px
    }

    .news__item--sm .news-card {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .news__item--sm-right .news-card {
        -ms-grid-column-span: 6;
        -ms-grid-column: 1;
        grid-column: 1/7
    }

    .news-card__title {
        font-size: 18px
    }

    .product-block__card {
        grid-column: -1/1
    }

    .product-block__title {
        font-size: 18px;
        grid-column: -1/1
    }

    .product-block__desc {
        grid-column: -1/1
    }

    .read-more__list {
        grid-gap: 0;
        -ms-overflow-style: none;
        display: flex;
        margin-left: -8px;
        margin-right: -8px;
        overflow: auto;
        padding: 0 8px;
        scrollbar-width: none;
        width: calc(100% + 16px)
    }

    .read-more__list::-webkit-scrollbar {
        display: none;
        height: 0;
        width: 0
    }

    .read-more__item {
        flex: none;
        width: 226px
    }

    .read-more__item:not(:last-child) {
        margin-right: 8px
    }

    .lk-page__top {
        padding: 64px 0 32px
    }

    .lk-page__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .lk-page__left {
        grid-column: auto;
        position: static
    }

    .lk-page__right {
        -ms-grid-columns: 100%;
        grid-column: auto;
        grid-template-columns: 100%
    }

    .lk-order__bottom,
    .lk-order__empty,
    .lk-order__list {
        grid-column: auto
    }

    .lk-order:not(:last-child) {
        margin-bottom: 64px
    }

    .lk-order__top {
        align-items: flex-start;
        flex-direction: column
    }

    .lk-order__number {
        font-size: 18px;
        margin-right: 0
    }

    .lk-order__status {
        margin-bottom: 8px;
        order: -1
    }

    .lk-order__product .catalog-card--sm .catalog-card__img {
        height: 70px;
        width: 70px
    }

    .lk-order__info-delivery .track {
        display: flex;
        margin-left: 0
    }

    .lk-date {
        grid-column: auto
    }

    .lk-date__title {
        font-size: 18px;
        margin-bottom: 20px
    }

    .product-card__desc,
    .product-card__docs .product-docs {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .product-card__cart {
        margin-bottom: 64px;
        margin-top: 0;
        order: -1
    }

    .product-card__cart .btn,
    .product-card__cart .product-quantity {
        display: none
    }

    .product-card__cart-link {
        position: relative;
        top: 0
    }

    .product-card__cart-status {
        margin-bottom: 4px
    }

    .product-card__price .price {
        font-size: 18px
    }

    .product-quantity {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        order: 4
    }

    .product-slider__top {
        margin-bottom: 18px;
        padding-right: 0
    }

    .product-slider__list.swiper-container {
        padding-bottom: 32px
    }

    .product-slider__btns {
        display: none
    }

    .product-slider__tabs {
        -ms-overflow-style: none;
        flex-wrap: nowrap;
        margin-left: -8px;
        margin-right: -8px;
        overflow: auto;
        padding-left: 8px;
        padding-right: 8px;
        scrollbar-width: none
    }

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

    .product-slider__tabs-item {
        flex: none
    }

    .product-about__top:not(:last-child) {
        margin-bottom: 32px
    }

    .product-about__top-text {
        grid-column: -1/1
    }

    .product-about__list:not(:last-child) {
        margin-bottom: 64px
    }

    .product-about__list:not(:first-child) {
        margin-top: 64px
    }

    .product-about__item {
        grid-gap: 64px 8px
    }

    .product-about__item:not(:last-child) {
        margin-bottom: 64px
    }

    .product-about__item:nth-child(odd) .product-about__item-desc,
    .product-about__item:nth-child(odd) .product-about__item-img {
        grid-column: -1/1
    }

    .product-about__item:nth-child(2n) .product-about__item-img {
        grid-column: -1/1;
        order: 2
    }

    .product-about__item:nth-child(2n) .product-about__item-desc {
        grid-column: -1/1
    }

    .product-about__item-desc {
        max-width: 100%
    }

    .product-about__item-title {
        font-size: 18px
    }

    .product-about__item-text {
        max-width: 100%
    }

    .product-about__item-info {
        margin-top: 64px;
        padding: 0
    }

    .product-awards__item-title,
    .product-situation__nav {
        font-size: 18px
    }

    .situation-products {
        position: static
    }

    .situation-products+.product-situation__img {
        margin-bottom: 80px
    }

    .situation-products__list {
        bottom: 0;
        left: 0;
        padding: 0;
        right: 0;
        top: auto
    }

    .situation-products__item:not(.active) {
        left: 0;
        right: 0;
        top: 0
    }

    .situation-products__item .catalog-card__desc {
        padding: 0
    }

    .situation-products__item .catalog-card__img {
        height: 74px;
        width: 74px
    }

    .product-comparsion,
    .product-comparsion~.product-page__item {
        margin-bottom: -64px !important;
        margin-top: 0 !important;
        padding-bottom: 64px;
        padding-top: 64px
    }

    .ordering-page {
        padding-bottom: 32px
    }

    .ordering-page__top {
        padding: 64px 0 32px
    }

    .ordering-page__cont {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        min-height: inherit
    }

    .ordering-page__left {
        grid-column: auto;
        margin-bottom: 64px;
        max-width: 100%;
        position: static;
        top: 0
    }

    .ordering-page__right {
        grid-column: auto
    }

    .order-confirm {
        margin-top: 24px
    }

    .order-confirm__title {
        font-size: 18px
    }

    .order-confirm__text:not(:last-child) {
        margin-bottom: 64px
    }

    .order__label {
        display: flex;
        justify-content: space-between;
        pointer-events: all
    }

    .order__label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 11-7 8-7-8' stroke='%23000' stroke-linecap='square'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        flex: none;
        height: 16px;
        margin-left: 8px;
        position: relative;
        transition: transform .3s;
        width: 16px
    }

    .order__label.opened:after {
        transform: rotate(180deg)
    }

    .order__label:not(.opened)~.order__bottom,
    .order__label:not(.opened)~.order__list {
        height: 0;
        overflow: hidden
    }

    .order__label:not(.opened)~.order__bottom {
        border: 0;
        margin: 0
    }

    .order-stages {
        max-width: 100%
    }

    .order-stages:not(:first-child) {
        margin-top: 64px
    }

    .order-stages__btns {
        background: #fff;
        bottom: 0;
        margin-left: -8px;
        margin-right: -8px;
        margin-top: 64px;
        padding: 4px 8px 32px;
        position: sticky;
        z-index: 2
    }

    .order-shops__item-btns {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .order-shops__item-btns .btn {
        max-width: 350px
    }

    .order-date__item:not(:last-child) {
        margin-right: -1px
    }

    .order-map__title {
        font-size: 18px
    }

    .shops-page__top {
        padding: 64px 0 32px
    }

    .shops-page__map .js-ymap,
    .shops-page__map .map {
        height: 388px
    }

    .shops-page__map.open-point {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .shops-page__map.open-point .map {
        grid-column: auto;
        height: 320px;
        order: -1
    }

    .shops-page__map.open-point .js-ymap {
        grid-column: auto;
        height: 320px
    }

    .point-page .footer,
    .point-page .header,
    .point-page .mobile-menu,
    .point-page .shops-page__city,
    .point-page .shops-page__top {
        display: none
    }

    .point-page main {
        display: flex;
        flex-direction: column
    }

    .point-page .shops-page {
        display: flex;
        flex: 1 1;
        flex-direction: column;
        height: 100%
    }

    .point-page .shops-page>.wrapper,
    .point-page .shops-page__cont {
        flex: 1 1;
        height: 100%
    }

    .point-page .shops-page__map.open-point .map {
        height: calc(100vh - 300px);
        margin-top: 52px;
        min-height: 250px
    }

    .point-page .contacts__item-close {
        display: none
    }

    .point-page .contacts__item-back {
        background: #fff;
        left: 0;
        padding: 18px 8px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 2
    }

    .city-toggle {
        align-items: flex-start;
        flex-direction: column;
        max-width: 100%
    }

    .city-toggle__label {
        margin-bottom: 32px;
        margin-right: 0
    }

    .city-toggle__btns-item {
        margin-left: 0;
        margin-right: 32px
    }

    .city-select {
        max-width: 100%
    }

    .shops-list__search {
        grid-column: -1/1
    }

    .shops-list__list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .design-page .text-block__cont {
        grid-column: -1/1
    }

    .design-page .page-menu+.section,
    .design-page .text-block__cont .text-block__btns+.bonuses {
        margin-top: 64px
    }

    .philosophy-block__item-img,
    .philosophy-block__item-text {
        grid-column: -1/1
    }

    .numbers-block__cont {
        grid-column: -1/1;
        margin-right: -100%;
        transform: scale(.5)
    }

    .design-block__slider {
        padding-bottom: 32px
    }

    .design-block .text-block__cont>div:not([class]),
    .design-block .text-block__cont>ol,
    .design-block .text-block__cont>p,
    .design-block .text-block__cont>ul {
        width: 100%
    }

    .design-info__top {
        margin-bottom: 64px
    }

    .awards-info__name,
    .designers-info__name {
        font-size: 18px
    }

    .history-slider {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        padding-top: 12px
    }

    .history-slider__nav {
        grid-column: auto;
        margin-bottom: 0;
        margin-left: -8px;
        margin-right: -8px;
        overflow: hidden;
        padding-left: 8px;
        padding-right: 8px
    }

    .history-slider__nav.swiper-container {
        display: block
    }

    .history-slider__nav:not(.swiper-container) {
        display: none
    }

    .history-slider__nav-item {
        flex: none;
        font-size: 18px;
        margin-bottom: 0
    }

    .history-slider__nav-item:not(:last-child) {
        margin-right: 18px
    }

    .history-slider__list {
        grid-column: auto
    }

    .history-slider__item {
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto 64px 1fr;
        grid-template-columns: 100%;
        grid-template-rows: auto 1fr
    }

    .history-slider__item>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .history-slider__item>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .history-slider__text {
        grid-column: auto;
        max-width: 100%
    }

    .history-slider__images {
        grid-column: auto
    }

    .bonuses__title {
        font-size: 18px
    }

    .bonuses__item-number {
        font-size: 22px
    }

    .adwantages__title {
        font-size: 18px
    }

    .adwantages__item-icon {
        width: 40px
    }

    .banner,
    .banner-slider__item {
        height: 100vw
    }

    .popup.popup-search .popup__close,
    .popup:not(.popup-search):not(.popup-map) .popup__close {
        height: 56px;
        margin-bottom: -56px;
        padding: 20px 8px
    }

    .fancybox-modal .carousel__button.is-close {
        background-position: right 9px top 20px;
        height: 56px
    }
}

@media screen and (max-width:520px) {
    .order-shops__item-btns .btn {
        max-width: 100%
    }
}

@media (max-width:640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

@media screen and (max-width:640px) {
    .popup:not(.popup-search):not(.popup-map) .popup__bottom {
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 20px
    }

    .popup:not(.popup-search):not(.popup-map) .popup__bottom .btn {
        margin-right: 0
    }

    .popup:not(.popup-search):not(.popup-map) .popup__bottom .btn:not(:last-child) {
        margin-bottom: 18px
    }

    .popup:not(.popup-search):not(.popup-map) .popup__bottom .btn:only-child {
        margin-right: 0;
        max-width: 100%
    }

    .modal__btns {
        align-items: flex-start;
        flex-direction: column
    }

    .modal__btns .btn {
        margin-bottom: 18px;
        margin-right: 0;
        width: 100%
    }

    .cookie {
        bottom: 12px;
        left: 8px;
        max-width: inherit;
        padding: 18px 8px;
        width: auto
    }

    .filter-checkbox,
    .filter-colors {
        margin-right: 0
    }

    .auth-form {
        max-width: 100%
    }

    .loader__cont {
        height: 284px;
        width: 240px
    }

    .loader__logo img {
        width: 100px
    }

    .fav-auth {
        align-self: flex-end
    }

    .catalog__item .fav-auth {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .compare-slider__item {
        width: 50%
    }

    .search-results__item--product {
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        min-height: 70px;
        padding-left: 78px
    }

    .search-results__item--product>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .search-results__item--product .search-results__item-code {
        order: -1
    }

    .search-results__item--product .search-results__item-image {
        height: 70px;
        width: 70px
    }

    .search-news__list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .search-trends__list {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .catalog__list {
        -ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
        grid-gap: 32px 8px;
        grid-template-columns: repeat(2, calc(50% - 4px))
    }

    .catalog__item--md-right {
        align-items: flex-start
    }

    .catalog__item--all {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .catalog__item-info {
        align-self: flex-end;
        padding: 32px 0
    }

    .catalog-card--bottom:not(:only-child) {
        margin-top: 32px
    }

    .catalog-card--top:not(:only-child) {
        margin-bottom: 32px
    }

    .catalog-card__label .label img {
        width: 32px
    }

    .catalog-card--all .catalog-card__img {
        padding-top: 100%
    }

    .catalog-card--all .catalog-card__img img {
        object-fit: cover
    }

    .catalog-card--all .catalog-card__desc {
        color: inherit;
        padding: 8px 0 0;
        position: relative;
        width: 100%
    }

    .catalog-card--all .catalog-card__colors {
        bottom: calc(100% - 8px);
        left: 8px;
        position: absolute;
        right: 8px
    }

    .catalog-nav__wrap {
        height: calc(100vh - 122px)
    }

    .catalog-nav__this .page-header span {
        padding-right: 20px
    }

    .catalog-nav__this .page-header span:hover:after {
        animation: none
    }

    .catalog-nav__this .page-header span:after {
        bottom: auto;
        height: 16px;
        top: 5px
    }

    .subcategory-menu>.wrapper {
        flex-direction: column
    }

    body.sub-subcategory .subcategory-menu .category-menu__list,
    body.sub-subcategory .subcategory-menu .category-submenu,
    body.subcategory .subcategory-menu .category-menu__list {
        display: none
    }

    .news-products__title {
        font-size: 22px;
        margin-bottom: 18px
    }
}

@media screen and (max-width:576px) {
    .omay-anim__swiper .swiper-pagination {
        width: 470px !important
    }

    .omay .text-block {
        grid-gap: 0 !important
    }
}

@media screen and (max-width:520px) {
    .text-block__btns .btn {
        width: 100%
    }

    .filter-tags__item {
        font-size: 12px;
        padding: 6px 10px 5px
    }

    .filter-tags__item:before {
        margin-top: -2px
    }

    .filter-count {
        width: 100%
    }

    .footer {
        padding-bottom: 16px
    }

    .compare-slider-wrap {
        display: flex
    }

    .compare-slider__cont--right {
        display: block;
        padding-left: 4px;
        width: 50%
    }

    .compare-slider__cont--right .compare-slider--head {
        left: auto;
        margin-left: -4px;
        width: calc(50% + 4px)
    }

    .compare-slider__cont--left {
        padding-right: 4px;
        width: 50%
    }

    .compare-slider__cont--left .compare-slider--head {
        margin-right: -4px;
        right: auto;
        width: calc(50% + 4px)
    }

    .compare-slider__cont .swiper-pagination {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .compare-slider-wrap.js__scroll .compare-slider--head {
        box-shadow: 0 10px 20px -10px rgba(34, 60, 80, .2)
    }

    .compare-slider--img {
        margin-top: 0
    }

    .compare-slider--img .swiper-controls {
        justify-content: space-between;
        margin-bottom: 12px;
        padding-left: 4px;
        padding-right: 4px
    }

    .compare-slider--img .swiper-controls .swiper-button {
        margin-left: 0
    }

    .compare-slider--head,
    .compare-slider--head .swiper-controls {
        display: none
    }

    .contacts__item-btn,
    .cooperation-form .form .form__btns .btn:only-child,
    .questions-form__form .form__btns .btn:only-child {
        max-width: 100%
    }

    .catalog__top {
        justify-content: flex-start
    }

    .catalog__top>:not(:last-child) {
        margin-bottom: 12px
    }

    .catalog__bottom .pagination {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .lk-order__info-delivery {
        display: flex;
        flex-direction: column
    }

    .lk-order__info-delivery a {
        border: 0
    }

    .lk-order__info-delivery .track {
        margin-top: 8px
    }

    .lk-order__btn .btn {
        max-width: 100%
    }

    .product-awards__list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .shops-page__city {
        margin-left: auto;
        max-width: calc(100% - 118px)
    }

    .shops-page__city .city {
        max-width: 100%
    }

    .shops-page__city .city span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .shops-page__city .city-select,
    .shops-page__city .city-toggle {
        max-width: calc(100% + 118px);
        width: calc(100% + 118px)
    }

    .shops-list>.shops-list__search {
        display: none
    }

    .shops-list__list {
        padding-top: 52px
    }

    .shops-list__item {
        max-width: 100%
    }

    .design-page__top {
        height: 87vw
    }

    .numbers-block__bg img,
    .numbers-block__bg video {
        object-position: center
    }
}

@media screen and (max-width:480px) {
    .btn.btn--flex {
        min-width: 100%;
        max-width: 100%;
    }

    .news__list {
        grid-gap: 20px 8px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

@media screen and (max-width:420px) {
    .compare-slider__item {
        width: 100%
    }

    .certificates-slider {
        margin-right: -8px;
        padding-right: calc(25% + 8px);
        width: calc(100% + 8px)
    }
}

@media screen and (max-width:360px) {
    .numbers-block__cont {
        margin-right: -120%;
        transform: scale(.45)
    }
}

@media (pointer:coarse) {
    .popup:not(.popup-search):not(.popup-map) .popup__block {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .popup:not(.popup-search):not(.popup-map) .popup__block::-webkit-scrollbar {
        display: none
    }

    .popup-search .popup__block {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .popup-search .popup__block::-webkit-scrollbar {
        display: none
    }

    .popup-map .popup__block {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .popup-map .popup__block::-webkit-scrollbar {
        display: none
    }

    .product-docs__item:hover {
        background: #fff
    }

    .product-docs__item:hover .product-docs__item-link,
    .product-docs__item:hover .product-docs__item-name {
        filter: invert(0)
    }

    .product-docs__item-link {
        opacity: 1
    }

    .main-banner__bg--animate.main-banner__bg--animate-2 {
        display: none
    }

    .downloads-3d__item:hover {
        background: #fff
    }

    .downloads-3d__item:hover .downloads-3d__item-link,
    .downloads-3d__item:hover .downloads-3d__item-name {
        filter: invert(0)
    }

    .downloads-3d__item-link,
    .downloads-catalog__item-btns {
        opacity: 1
    }

    .compare-card__img:after {
        opacity: .3
    }

    .catalog-card--md .catalog-card__del,
    .catalog-card__compare,
    .catalog-card__fav,
    .compare-card__del,
    .compare-card__fav {
        opacity: 1
    }

    .catalog-card__img:after {
        opacity: .3
    }

    .catalog-card__colors {
        opacity: 1
    }

    .news-card:hover .news-card__title {
        color: #000
    }

    .product-card__colors-img {
        display: none
    }

    .awards-card__img:after,
    .designers-card__name:after {
        opacity: 1
    }

    .certificates-card:hover {
        background: #fff;
        border-color: #b9b9b9
    }

    .certificates-card:hover .certificates-card__name {
        color: #000
    }

    .certificates-card:hover .certificates-card__name:before,
    .certificates-card:hover .download {
        filter: invert(0)
    }

    .certificates-card .download {
        opacity: .5
    }

    .history-slider__nav-item:hover {
        color: #b9b9b9
    }
}

/** Hero sections / Hero */
:root {
    --x-gap: 8px;
    --hero-offset: 98px;
}

.welcome-banner {
    position: relative;
    width: 100vw;
    overflow: hidden;
    aspect-ratio: 2.42/1;
}

.swiper--welcome .swiper-pagination {
    padding: 14px 0;
}

.swiper--welcome .swiper-pagination-bullet:after {
    width: 8px;
    height: 8px;
    border-color: white;
}

.swiper--welcome .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: white;
}

.swiper--products .swiper-pagination {
    position: static;
    padding: 18px 18px 0;
}

.swiper--products .swiper-button {
    width: 8%;
}

.welcome-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome-banner .welcome-banner__content {
    color: white;
    position: absolute;
    inset: auto auto 0 0;
    padding: var(--x-gap) 24px 48px var(--x-gap);
}

.welcome-banner h2 {
    font-size: 80px;
    margin-bottom: 6px !important;
}

.welcome-banner p {
    margin: 0 !important;
}

.hero-section {
    padding: var(--hero-offset) 0 0;
}

.hero-section:last-child {
    padding-bottom: var(--hero-offset);
}

.hero-section--flow-1 {
    display: flex;
    gap: calc(var(--hero-offset) / 1);
}

.hero-section--no-padding {
    padding: 0;
}

.hero-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 32px;
    gap: 10%;
}

.hero-section__header .section-title {
    margin-bottom: 0;
}

.hero-section .hero-section__header p {
    margin-top: 0;
    max-width: 520px;
}

.hero-section__body {
    position: relative;
}

.x-wrapper {
    padding-left: var(--x-gap);
    padding-right: var(--x-gap);
}

.series-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.series-card a {
    border: none;
}

.series-card__pic {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.series-card__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-card__tag {
    flex: none;
    padding: 8px 16px;
    border-radius: 50rem;
    border: 1px solid black;
}

.series-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 !important;
    font-size: 32px;
}

.series-card__subtitle {
    margin-top: 8px !important;
    max-width: 580px;
}

.series-card__title-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 48px;
}

.series-cards-grid {
    display: flex;
    flex-flow: row wrap;
    gap: var(--hero-offset);
}

.series-cards-grid .series-card:nth-of-type(odd) {
    flex: 1 1 40%;
}

.series-cards-grid .series-card:nth-of-type(odd) .series-card__pic {
    aspect-ratio: 1.31 / 1;
}

.series-cards-grid .series-card:nth-of-type(even) {
    flex: 1 1 50%;
    padding-top: var(--hero-offset);
}

.series-cards-grid .series-card:nth-of-type(even) .series-card__pic {
    aspect-ratio: 1.57 / 1;
}

.series-cards-grid .series-card.series-card--md {
    flex: 80% 0 0;
    padding-top: 0 !important;
}

.series-cards-grid .series-card.series-card--md .series-card__pic {
    aspect-ratio: 3/2;
}

.series-cards-grid .series-card.series-card--lg {
    flex: 100% 0 0;
    padding-top: 0 !important;
}

.series-cards-grid .series-card.series-card--lg .series-card__pic {
    aspect-ratio: 2/1;
}

@media screen and (max-width: 1024px) {
    :root {
        --hero-offset: 64px;
    }

    .welcome-banner h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 768px) {
    .series-card__tag {
        position: absolute;
        z-index: 2;
        inset: 12px 12px auto auto;
        color: white;
        border-color: white;
    }

    .series-card__title-wrapper .series-card__tag {
        display: none;
    }

    .series-card__title {
        font-size: 24px;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --hero-offset: 42px;
    }

    .welcome-banner {
        aspect-ratio: 1.2/1;
    }

    .welcome-banner h2 {
        font-size: 30px;
    }

    .series-cards-grid {
        display: flex;
        flex-flow: column nowrap;
    }

    .series-card {
        padding-top: 0 !important;
    }

    .series-card__pic {
        aspect-ratio: 8/7 !important;
    }

    .series-card__title {
        font-size: 18px;
    }

    .hero-section__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }

    .hero-section--flow-1 {
        flex-direction: column;
        gap: 20px;
    }
}

.warranty-row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.warranty-row h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 !important;
}

@media screen and (max-width: 479px) {
    .warranty-row p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .warranty-row p strong {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

.warranty-row p {
    margin: 0 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* #region Utils */

.text-italic {
    font-style: italic;
}

.headline-md {
    font-size: 28px;
    line-height: 1.2em;
    font-weight: 700;
}

.text-lg {
    font-size: 32px;
    line-height: 1.3em;
    font-weight: 700;
}

.max-w-580 {
    max-width: 580px;
}

.flex-1 {
    flex: 1 1 100%;
}

.flex-0 {
    flex: 0 0 100%;
}

.flex-none {
    flex: none;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-start {
    align-items: flex-start;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 2rem;
}

.mb-6 {
    margin-bottom: 3rem;
}

.mb-7 {
    margin-bottom: 4rem;
}

.mb-8 {
    margin-bottom: 5rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-7 {
    gap: 1.75rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-9 {
    gap: 2.25rem;
}

.gap-10 {
    gap: 2.5rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}


@media screen and (max-width: 768px) {
    .text-lg {
        font-size: 24px;
    }
}

@media screen and (max-width: 480px) {
    .text-lg {
        font-size: 18px;
    }
}

/* #endregion Utils */

.right-sticky-recommendation{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    rotate: 20deg;
}
.right-sticky-img-recommendation{
    width: 70px;
}
.catalog__item--bg .right-sticky-recommendation{
    right: 12%;
}

@media screen and (max-width: 768px) {
    .right-sticky-img-recommendation{
        width: 50px;
    }
    .catalog__item--bg .right-sticky-img-recommendation{
        width: 60px;
    }
    .right-sticky-img{
        width: 80px;
    }
}