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

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

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

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

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

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

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

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.f-zoomInUp {
    animation: .2s ease-out .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: .2s ease-out both f-zoomOutDown
}

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

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

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

.f-throwOutUp {
    animation: .175s ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: .175s ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0,-150px,0);
        opacity: 0
    }
}

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

.f-fadeIn {
    animation: .2s ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: .2s ease both f-fadeOut;
    z-index: 1
}

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

    100% {
        opacity: 1
    }
}

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

.f-fadeSlowIn {
    animation: .5s ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: .5s ease both f-fadeSlowOut;
    z-index: 1
}

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

    100% {
        opacity: 1
    }
}

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

.f-fadeFastIn {
    animation: .2s ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: .2s ease-out both f-fadeFastOut;
    z-index: 2
}

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

    100% {
        opacity: 1
    }
}

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

.f-crossfadeIn {
    animation: .2s ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: .1s linear .1s both f-crossfadeOut;
    z-index: 1
}

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

    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

    100% {
        transform: translate3d(0,0,0)
    }
}

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

    100% {
        transform: translate3d(0,0,0)
    }
}

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

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

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

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

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

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

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

    100% {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

    100% {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__slide.has-image {
    overflow: hidden
}

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

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

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

.is-loading .fancybox__content {
    opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: .35s ease backwards f-fadeIn
}

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

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: .35s ease forwards f-fadeOut
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-thumbs__track {
    display: flex;
    will-change: transform
}

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

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

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

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

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

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

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

.is-modern .f-thumbs__slide>* {
    clip-path: var(--clip-path)
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none
}

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

.is-modern.is-resting .f-thumbs__slide>* {
    transition: all .33s ease
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__infobar span {
    padding: 0 5px
}

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

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

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

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

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

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

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

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

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

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

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

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

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

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

input,textarea {
    outline: 0;
    width: 100%
}

button,input,optgroup,select,textarea {
    display: block;
    font-family: inherit;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

:root {
    --cont-w: 1290px;
    --cont-p: 20px;
    --section-pad: 60px;
    --header-t: 60px;
    --header-m: 92px;
    --fixed: 70px;
    --fixed-bg: #076998;
    --fixed-btn-c: #fff;
    --fixed-btn-i: #fff;
    --fixed-s: 100px;
    --fixed-s-bg: #fff;
    --fixed-s-btn-c: #000;
    --fixed-s-btn-i: #229BD5;
    --fixed-p: calc(var(--header-t) + var(--header-m) + var(--fixed));
    --search: 88px
}

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

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

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    -webkit-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

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

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

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

.swiper-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-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

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

.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

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

.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 {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

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

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

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

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

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

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

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

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

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

* {
    margin: 0;
    padding: 0;
    outline: 0
}

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

body,html {
    margin: 0;
    padding: 0;
    min-width: 320px
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    cursor: default
}

.app--fixed {
    overflow: hidden!important
}

.app--fixed,.app--fixed .fixed,.app--fixed .header,.app--fixed .menu {
    padding-right: var(--sbW)
}

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

b {
    font-weight: 700
}

i {
    font-style: italic
}

.ui-btn,a {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.disabled {
    pointer-events: none;
    cursor: default!important
}

img {
    width: 100%;
    display: block;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

img[data-src] {
    opacity: 0
}

picture.lazyLoad img {
    opacity: 0
}

picture.loaded img {
    opacity: 1!important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-nowrap {
    white-space: nowrap
}

.text-upper {
    text-transform: uppercase
}

.text-lower {
    text-transform: lowercase
}

.display-ib {
    display: inline-block
}

.display-b {
    display: block
}

.display-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-tabs-trigger.active,.ui-tabs__item.active .ui-tabs__btn {
    pointer-events: none
}

.ui-tabs-content:not(.ui-tabs-content--fix-height) {
    width: 100%;
    position: absolute;
    left: -9999px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.ui-tabs-content:not(.ui-tabs-content--fix-height).active {
    width: auto;
    position: relative;
    left: auto;
    top: auto
}

.ui-tabs-content--fh {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.ui-tabs-content--fh.active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.ui-tabs-content.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: opacity .2s,visibility .2s;
    -o-transition: opacity .2s,visibility .2s;
    transition: opacity .2s,visibility .2s
}

.ui-tabs-contents {
    position: relative
}

.ui-tabs-contents--fh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.svg-sprite {
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 0;
    height: 0
}

svg {
    display: block;
    width: 100%;
    height: 100%;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality
}

.ui-grid {
    --g-gap: 20px;
    --g-gap-b: var(--g-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--g-gap-b) var(--g-gap)
}

.ui-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((100% - (var(--g-of) - 1) * var(--g-gap))/ var(--g-of) * var(--g-cols) + var(--g-gap) * (var(--g-cols) - 1))
}

.ui-grid__col--1 {
    --g-cols: 1;
    --g-of: 1
}

.ui-grid__col--1of2,.ui-grid__col--2of4,.ui-grid__col--3of6,.ui-grid__col--4of8 {
    --g-cols: 1;
    --g-of: 2
}

.ui-grid__col--1of3 {
    --g-cols: 1;
    --g-of: 3
}

.ui-grid__col--2of3 {
    --g-cols: 2;
    --g-of: 3
}

.ui-grid__col--1of4 {
    --g-cols: 1;
    --g-of: 4
}

.ui-grid__col--3of4 {
    --g-cols: 3;
    --g-of: 4
}

.ui-grid__col--1of5 {
    --g-cols: 1;
    --g-of: 5
}

.ui-grid__col--2of5 {
    --g-cols: 2;
    --g-of: 5
}

.ui-grid__col--3of5 {
    --g-cols: 3;
    --g-of: 5
}

.ui-grid__col--4of5 {
    --g-cols: 4;
    --g-of: 5
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    opacity: .5;
    text-align: inherit!important;
    color: inherit!important;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: .5;
    text-align: inherit!important;
    color: inherit!important;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

textarea::-webkit-input-placeholder {
    opacity: .5;
    text-align: inherit!important;
    color: inherit!important;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

textarea::-moz-placeholder {
    opacity: .5;
    text-align: inherit!important;
    color: inherit!important;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

input::-moz-placeholder,input::-webkit-input-placeholder,textarea::-moz-placeholder,textarea::-webkit-input-placeholder {
    opacity: 1
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    opacity: 1
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    opacity: 1
}

label {
    display: block;
    position: relative
}

button,input,textarea {
    border-radius: 0
}

textarea {
    resize: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

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

:-webkit-autofill,:-webkit-autofill:focus,:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

.ui-input {
    --inp-font: 14px;
    --inp-line: 20px;
    --inp-weight: 400;
    --inp-radius: 10px;
    --inp-pad: 19px 19px;
    padding: 0;
    position: relative;
    cursor: text
}

.ui-input input,.ui-input textarea {
    width: 100%;
    display: block;
    padding: var(--inp-pad);
    color: var(--inp-color);
    font-size: var(--inp-font);
    line-height: var(--inp-line);
    font-weight: var(--inp-weight);
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: var(--inp-border) solid 1px;
    border-radius: var(--inp-radius);
    background: var(--inp-bg);
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.ui-input--h2 {
    --inp-pad: 15px 19px
}

.ui-input--blue {
    --inp-bg: rgba(255, 255, 255, 0.5);
    --inp-border: rgba(34, 155, 213, 0.5);
    --inp-color: #828090
}

.ui-input--grey {
    --inp-bg: #E2E2EB;
    --inp-border: #E2E2EB;
    --inp-color: #191B1C
}

.ui-input--white {
    --inp-bg: #fff;
    --inp-border: #fff;
    --inp-color: #191B1C
}

.ui-check {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px
}

.ui-check input {
    opacity: 0;
    position: absolute;
    left: -99999px;
    top: -9999px;
    visibility: hidden;
    pointer-events: none
}

.ui-check__c {
    width: 16px;
    aspect-ratio: 1;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 5px
}

.ui-check__c:after,.ui-check__c:before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.ui-check__c:before {
    border: #229bd5 solid 1px;
    background: #f6f6f8;
    border-radius: 4px
}

.ui-check__c:after {
    inset: 3px;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="10" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.816.75a1.094 1.094 0 0 1 .42 1.488L5.639 8.661a1.25 1.25 0 0 1-1.917.328L.996 6.587a1.094 1.094 0 0 1 1.446-1.641L4.297 6.58l3.03-5.41A1.094 1.094 0 0 1 8.816.75Z" fill="%23fff"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="10" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.816.75a1.094 1.094 0 0 1 .42 1.488L5.639 8.661a1.25 1.25 0 0 1-1.917.328L.996 6.587a1.094 1.094 0 0 1 1.446-1.641L4.297 6.58l3.03-5.41A1.094 1.094 0 0 1 8.816.75Z" fill="%23fff"/%3E%3C/svg%3E') no-repeat center/100% auto;
    background: #fff;
    opacity: 0
}

.ui-check__r {
    width: 18px;
    aspect-ratio: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 4px;
    position: relative
}

.ui-check__r:after,.ui-check__r:before {
    content: "";
    position: absolute;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-radius: 100%
}

.ui-check__r:before {
    inset: 0;
    border: #229bd5 solid 1px
}

.ui-check__r:after {
    inset: 4px;
    background: #229bd5;
    opacity: 0
}

.ui-check__text {
    color: #484848;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em
}

html.no-touch .ui-check:hover .ui-check__c:before {
    background: rgba(34,155,213,.3)
}

html.no-touch .ui-check:hover .ui-check__r:after {
    opacity: .3
}

.ui-check input:checked~.ui-check__c:before {
    background: #229bd5!important
}

.ui-check input:checked~.ui-check__c:after {
    opacity: 1!important
}

.ui-check input:checked~.ui-check__r:after {
    opacity: 1!important
}

.ui-select {
    --sel-pad-l: 20px;
    --sel-pad-r: 50px;
    position: relative;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-select__sel {
    position: absolute;
    inset: 0;
    opacity: 0
}

.ui-select__head {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    border: #ccc solid 1px
}

.ui-select__head.none {
    pointer-events: none!important
}

.ui-select__head-text {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-select__pop {
    border: #ccc solid 1px;
    position: absolute;
    left: 0;
    min-width: 100%;
    max-width: 120%;
    top: 100%;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    pointer-events: none
}

.ui-select__option {
    cursor: pointer
}

.ui-select__option.selected {
    background: #ccc
}

.ui-select.opened .ui-select__pop {
    opacity: 1;
    pointer-events: all
}

.ui-btn {
    --btn-font: 18px;
    --btn-line: 20px;
    --btn-weight: 400;
    --btn-height: 52px;
    --btn-radius: 10px;
    --btn-pad: 15px 31px;
    --btn-gap: 11px;
    --btn-icon-size: 24px;
    font-size: var(--btn-font);
    line-height: var(--btn-line);
    font-weight: var(--btn-weight);
    border-radius: var(--btn-radius);
    background: var(--btn-bg);
    color: var(--btn-color);
    min-height: var(--btn-height);
    border: var(--btn-border) solid 1px;
    padding: var(--btn-pad);
    text-align: center
}

.ui-btn,.ui-btn__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--btn-gap)
}

.ui-btn__text {
    display: block
}

.ui-btn__icon {
    width: var(--btn-icon-size);
    aspect-ratio: 1/1;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-btn__icon svg {
    fill: var(--btn-color);
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

html.no-touch .ui-btn:hover {
    --btn-bg: var(--btn-bg-h);
    --btn-border: var(--btn-border-h);
    --btn-color: var(--btn-color-h)
}

.ui-btn--fw {
    width: 100%
}

.ui-btn--blue {
    --btn-color: #fff;
    --btn-bg: #229BD5;
    --btn-border: #229BD5;
    --btn-color-h: #fff;
    --btn-bg-h: #125C80;
    --btn-border-h: #125C80
}

.ui-btn--border-blue {
    --btn-color: #000;
    --btn-bg: transparent;
    --btn-border: #229BD5;
    --btn-color-h: #fff;
    --btn-bg-h: #229BD5;
    --btn-border-h: #229BD5
}

.ui-btn--border-white {
    --btn-color: #fff;
    --btn-bg: transparent;
    --btn-border: #fff;
    --btn-color-h: #fff;
    --btn-bg-h: #125C80;
    --btn-border-h: #125C80
}

.ui-arrowbtn {
    --abtn-font: 18px;
    --abtn-line: 20px;
    --abtn-weight: 400;
    --abtn-arr: 21px;
    --abtn-arr-ar: 21/8;
    --abtn-arr-move: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--abtn-font);
    line-height: var(--abtn-line);
    font-weight: var(--abtn-weight);
    color: var(--abtn-color)
}

.ui-arrowbtn__text {
    display: block
}

.ui-arrowbtn__arr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--abtn-arr);
    position: relative;
    aspect-ratio: var(--abtn-arr-ar);
    margin-top: 2px
}

.ui-arrowbtn__arr:before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="51" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50.354 4.354a.5.5 0 0 0 0-.708L47.172.464a.5.5 0 1 0-.707.708L49.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h50v-1H0v1Z" fill="%23229BD5"/%3E%3C/svg%3E') no-repeat right/auto 100%;
    mask: url('data:image/svg+xml,%3Csvg width="51" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50.354 4.354a.5.5 0 0 0 0-.708L47.172.464a.5.5 0 1 0-.707.708L49.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h50v-1H0v1Z" fill="%23229BD5"/%3E%3C/svg%3E') no-repeat right/auto 100%;
    background: var(--abtn-color);
    -webkit-transition: background .2s,right .2s;
    -o-transition: background .2s,right .2s;
    transition: background .2s,right .2s
}

html.no-touch .ui-arrowbtn-c:hover .ui-arrowbtn,html.no-touch .ui-arrowbtn:is(a):hover {
    --abtn-color: var(--abtn-color-h)
}

html.no-touch .ui-arrowbtn-c:hover .ui-arrowbtn__arr:before,html.no-touch .ui-arrowbtn:is(a):hover .ui-arrowbtn__arr:before {
    right: calc(var(--abtn-arr-move) * -1)
}

.ui-arrowbtn--black {
    --abtn-color: #000;
    --abtn-color-h: #229BD5
}

.ui-arrowbtn--grey {
    --abtn-color: #828090;
    --abtn-color-h: #229BD5
}

button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-crossbtn {
    --cross-color: #000;
    --cross-color-h: #229BD5;
    position: relative;
    z-index: 3;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.ui-crossbtn:after,.ui-crossbtn:before {
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 2px;
    left: 3px;
    top: 11px;
    background: var(--cross-color);
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.ui-crossbtn:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui-crossbtn:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html.no-touch .ui-crossbtn:hover {
    --cross-color: var(--cross-color-h)
}

.ui-crossbtn--w {
    --cross-color: #fff;
    --cross-color-h: #125C80
}

.popups-overlay {
    --overlay-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--overlay-color);
    -webkit-transition: opacity .4s,visibility .4s;
    -o-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s
}

.app:not(.app--popup) .popups-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter:blur())) {
    .popups-overlay {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }
}

.popup {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    scroll-behavior: contain;
    -webkit-transition: opacity .4s,visibility .4s;
    -o-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.popup__content {
    width: 100%;
    margin: auto;
    position: relative
}

.popup__content--request {
    max-width: 400px;
    background: #fff
}

.popup__content--video {
    padding: 0;
    max-width: 800px;
    background: #fff
}

.popup__close {
    position: absolute;
    right: 16px;
    top: 16px
}

.popup__head {
    margin: 0 auto 20px auto
}

.popup__head-title {
    font-size: 20px;
    line-height: 24px
}

.popup__head-subtitle {
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px
}

.popup__video {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden
}

.popup__video iframe {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    left: 0;
    top: 0
}

.app {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100vh;
    min-height: calc(100 * var(--vh));
    background: #f7f7f9;
    color: #000;
    font-family: Montserrat;
    font-weight: 400
}

.app__content {
    width: 100%;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding-top: calc(var(--header-t) + var(--header-m) + var(--fixed))
}

.footer,.header,.section {
    width: 100%;
    position: relative
}

.section {
    padding-top: var(--section-pad);
    padding-bottom: var(--section-pad)
}

.section--fh {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.container,.head {
    width: calc(100% - var(--cont-p) * 2);
    max-width: var(--cont-w);
    margin: 0 auto;
    position: relative
}

.head {
    --head-mar: 40px;
    margin-bottom: var(--head-mar)
}

.head__title {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: .01em
}

.head--in-cont {
    width: 100%;
    max-width: none
}

.head--no-m {
    --head-mar: 0!important
}

.ui-logo {
    --logo-t-weight: 700;
    --logo-t-color: #229BD5;
    --logo-t-line: 1.2em;
    --logo-b-weight: 400;
    --logo-b-color: #000;
    --logo-b-line: 1.2em;
    display: block;
    white-space: nowrap
}

.ui-logo__t {
    display: block;
    text-transform: uppercase;
    font-size: var(--logo-t-font);
    line-height: var(--logo-t-line);
    font-weight: var(--logo-t-weight);
    color: var(--logo-t-color)
}

.ui-logo__b {
    display: block;
    font-size: var(--logo-b-font);
    line-height: var(--logo-b-line);
    font-weight: var(--logo-b-weight);
    color: var(--logo-b-color);
    letter-spacing: .01em;
    margin-top: var(--logo-b-mt)
}

html.no-touch .ui-logo:is(a):hover {
    opacity: .7
}

.ui-toggle {
    aspect-ratio: 1;
    position: relative
}

.ui-toggle:after,.ui-toggle:before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-transition: opacity .2s,background .2s;
    -o-transition: opacity .2s,background .2s;
    transition: opacity .2s,background .2s;
    -webkit-mask: var(--toggle-icon) no-repeat center/100% auto;
    mask: var(--toggle-icon) no-repeat center/100% auto
}

.ui-toggle:before {
    --toggle-icon: url('data:image/svg+xml,%3Csvg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.999 7a1 1 0 1 0 0 2h24a1 1 0 1 0 0-2h-24Zm0 7a1 1 0 1 0 0 2h24a1 1 0 1 0 0-2h-24Zm0 7a1 1 0 1 0 0 2h24a1 1 0 1 0 0-2h-24Z" fill="%23fff"/%3E%3C/svg%3E')
}

.ui-toggle:after {
    --toggle-icon: url('data:image/svg+xml,%3Csvg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M22.142 22.143 7.856 7.857m14.286 0L7.856 22.143" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    opacity: 0
}

.ui-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.ui-search:before {
    content: "";
    position: absolute;
    inset: 0 20px 0 0;
    border-radius: 10px;
    background: #f7f7f9;
    border: transparent solid 1px
}

.ui-search__inp {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.ui-search__inp input {
    width: 100%;
    height: 48px;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em;
    color: #828090;
    padding: 0 20px
}

.ui-search__btn {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #229bd5;
    border-radius: 10px;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    cursor: pointer
}

.ui-search__btn svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

html.no-touch .ui-search__btn:hover {
    background: #125c80
}

.app--scrolled .ui-search:before {
    border-color: rgba(34,155,213,.5)
}

.ui-more {
    border-radius: 10px;
    border: 1px solid rgba(34,155,213,.5);
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 19px 15px;
    display: block;
    font-size: 16px;
    line-height: 1.6em;
    color: #666;
    background: #fff;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: .05em;
    text-underline-offset: .2em;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

html.no-touch .ui-more:hover {
    background: #229bd5;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    color: #fff
}

.ui-text {
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em
}

.ui-text p:not(:last-child) {
    margin-bottom: 1.6em
}

.ui-text p+ol,.ui-text p+ul {
    margin-top: -1.6em
}

.ui-text h2 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: .01em
}

.ui-text h2:not(:last-child) {
    margin-bottom: 1.2em
}

.ui-text h3 {
    font-size: 18px;
    line-height: 1.333em;
    font-weight: 700;
    letter-spacing: .01em
}

.ui-text h3:not(:last-child) {
    margin-bottom: 1em
}

.ui-text>ol:not(:last-child),.ui-text>ul:not(:last-child) {
    margin-bottom: 1.6em
}

.ui-text>ul>li {
    position: relative;
    padding-left: 25px
}

.ui-text>ul>li:before {
    content: "";
    position: absolute;
    left: 10px;
    top: calc((1.6em - 3px) * .5);
    width: 3px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #000
}

.ui-category {
    --cat-radius: 10px;
    --cat-bg: #F0FBFF;
    --cat-color: #000;
    --cat-in-border: rgba(34, 155, 213, 0.5);
    --cat-bg-h: #229BD5;
    --cat-color-h: #fff;
    --cat-in-border-h: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--cat-bg);
    border-radius: var(--cat-radius);
    padding: var(--cat-pad);
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1)
}

.ui-category__inner {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: var(--cat-in-border) solid 1px;
    border-radius: var(--cat-radius);
    padding: var(--cat-pad);
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s;
    position: relative
}

.ui-category__name {
    font-size: var(--cat-name-font);
    line-height: var(--cat-name-line);
    font-weight: 700;
    letter-spacing: .01em;
    min-height: calc(var(--cat-name-line) * var(--cat-name-lines));
    color: var(--cat-color);
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    margin-bottom: var(--cat-space);
    position: relative;
    z-index: 1
}

.ui-category__go {
    margin-top: auto;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.ui-category__img {
    width: var(--cat-img);
    aspect-ratio: 1;
    position: absolute;
    right: var(--cat-img-r);
    bottom: var(--cat-img-b)
}

.ui-category--s1 {
    --cat-pad: 24px;
    --cat-name-font: 20px;
    --cat-name-line: 24px;
    --cat-name-lines: 3;
    --cat-img: 140px;
    --cat-img-r: 16px;
    --cat-img-b: 12px;
    --cat-space: 56px
}

.ui-category--s2 {
    --cat-pad: 12px;
    --cat-name-font: 14px;
    --cat-name-line: 1.2em;
    --cat-name-lines: 3;
    --cat-img: 70px;
    --cat-img-r: 12px;
    --cat-img-b: 12px;
    --cat-space: 38px
}

.ui-category--s2 .ui-category__go {
    display: none
}

.ui-scroll {
    --scroll-track: transparent;
    --scroll-thumb: #229BD5;
    --scroll-border: transparent;
    scrollbar-width: thin;
    scrollbar-color: var(--scroll-track) var(--scroll-thumb);
    border-radius: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.ui-scroll::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.ui-scroll::-webkit-scrollbar-track {
    background: var(--scroll-track);
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 2px solid var(--scroll-border);
    border-radius: 6px
}

.ui-scroll::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb);
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 2px solid var(--scroll-border);
    border-radius: 6px
}

.ui-fav {
    width: 50px;
    aspect-ratio: 50/40;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f6f6
}

.ui-fav svg {
    width: 24px;
    height: 24px;
    fill: #828090;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.ui-fav.active,html.no-touch .ui-fav:hover {
    background: #ee555e
}

.ui-fav.active svg,html.no-touch .ui-fav:hover svg {
    fill: #fff
}

.ui-delete {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f6f6
}

.ui-delete svg {
    width: 24px;
    height: 24px;
    fill: #828090;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.ui-delete.active,html.no-touch .ui-delete:hover {
    background: #ee555e
}

.ui-delete.active svg,html.no-touch .ui-delete:hover svg {
    fill: #fff
}

.ui-tooltip {
    --tt-mar: 4px;
    --tt-pad: 10px 8px;
    position: relative
}

.ui-tooltip:before {
    content: attr(data-tooltip);
    position: absolute;
    display: inline-block;
    background: #393939;
    color: #fff;
    border-radius: 10px;
    padding: var(--tt-pad);
    font-size: 14px;
    line-height: 20px;
    width: auto;
    max-width: 220px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    white-space: nowrap;
    opacity: 0
}

.ui-tooltip[data-tooltip-x=right]:before {
    right: 0
}

.ui-tooltip[data-tooltip-x=left]:before {
    left: 0
}

.ui-tooltip[data-tooltip-y=top]:before {
    bottom: calc(100% + var(--tt-mar))
}

.ui-tooltip[data-tooltip-y=bottom]:before {
    top: calc(100% + var(--tt-mar))
}

html.no-touch .ui-tooltip:hover:before {
    opacity: 1
}

.ui-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.ui-badges>span {
    display: block;
    padding: 4px 20px;
    color: var(--badge-color);
    background: var(--badge-bg);
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    font-weight: 600
}

.ui-card {
    --card-bg: #fff;
    --card-radius: 10px;
    --card-pad: 20px 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    padding: var(--card-pad);
    background: var(--card-bg);
    border-radius: var(--card-radius);
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.ui-card__img {
    width: 100%;
    aspect-ratio: 275/182;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    margin-bottom: 20px
}

.ui-card__img img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.ui-card__badges {
    position: absolute;
    right: 16px;
    top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    pointer-events: none
}

.ui-card__art {
    color: #828090;
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 4px;
    letter-spacing: .01em
}

.ui-card__name {
    font-size: 18px;
    line-height: 20px
}

html.no-touch .ui-card__name a:hover {
    color: #229bd5
}

.ui-card__inpack {
    margin-top: 4px
}

.ui-card__bot {
    margin-top: auto;
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px
}

.ui-card__inpack~.ui-card__bot {
    padding-top: 10px
}

.ui-card__price {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 20px;
    font-size: 24px;
    line-height: 1em;
    white-space: nowrap;
    margin-bottom: 8px
}

.ui-card__price-c {
    font-weight: 600
}

.ui-card__price-o {
    color: #828090;
    position: relative
}

.ui-card__price-o:after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: 50%;
    height: 3px;
    background: #ee555e;
    -webkit-transform: translateY(-1px) skewY(-10deg);
    -ms-transform: translateY(-1px) skewY(-10deg);
    transform: translateY(-1px) skewY(-10deg)
}

.ui-card__fav {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-card__buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 20px
}

.ui-card__btn {
    --btn-font: 16px;
    --btn-line: 1.2em;
    --btn-height: 44px;
    --btn-pad: 11px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

html.no-touch .ui-card:hover {
    -webkit-box-shadow: 0 4px 10px 2px rgba(175,172,246,.23);
    box-shadow: 0 4px 10px 2px rgba(175,172,246,.23)
}

.ui-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    font-size: 18px;
    line-height: 24px
}

.ui-contact__icon {
    width: 24px;
    aspect-ratio: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-contact__icon svg {
    fill: #229bd5;
    stroke: #229bd5
}

.ui-contact__text p:not(:last-child) {
    margin-bottom: 15px
}

html.no-touch .ui-contact__text a:hover {
    color: #229bd5
}

html.no-touch .ui-contact:is(a):hover {
    color: #229bd5
}

.ui-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    border: #eeebeb solid 1px;
    background: #fff;
    padding: 20px;
    -webkit-transition: border .2s,opacity .2s,background .2s,-webkit-box-shadow .2s;
    transition: border .2s,opacity .2s,background .2s,-webkit-box-shadow .2s;
    -o-transition: border .2s,opacity .2s,background .2s,box-shadow .2s;
    transition: border .2s,opacity .2s,background .2s,box-shadow .2s;
    transition: border .2s,opacity .2s,background .2s,box-shadow .2s,-webkit-box-shadow .2s
}

.ui-brand img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.ui-brand--t1 {
    height: 134px
}

.ui-brand--t2 {
    height: 120px
}

.ui-brand.hover {
    opacity: .6
}

html.no-touch .ui-brand:hover {
    border-color: #229bd5
}

html.no-touch .ui-brand--t2:hover {
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1)
}

.ui-carousel__block {
    position: relative;
    width: 100%
}

.ui-carousel__slider {
    -webkit-clip-path: polygon(-10px -20px,calc(100% + 10px) -20px,calc(100% + 10px) calc(100% + 20px),-10px calc(100% + 20px));
    clip-path: polygon(-10px -20px,calc(100% + 10px) -20px,calc(100% + 10px) calc(100% + 20px),-10px calc(100% + 20px))
}

.ui-carousel__nav {
    position: absolute;
    z-index: 3;
    inset: 50% calc(var(--nav-size) * -.5) auto
}

.ui-nav {
    --nav-height: 0;
    --nav-size: 60px;
    --nav-bg: #fff;
    --nav-color: #229BD5;
    --nav-bg-h: #229BD5;
    --nav-color-h: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--nav-height);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-nav__item {
    display: block;
    cursor: pointer;
    border-radius: 100%;
    width: var(--nav-size);
    aspect-ratio: 1;
    background: var(--nav-bg);
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    will-change: background,opacity
}

.ui-nav__item:after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    border-radius: 100%;
    border: var(--nav-color) solid 1px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.ui-nav__item svg {
    fill: var(--nav-color);
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.ui-nav__item--n {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.ui-nav__item.disabled {
    pointer-events: none!important;
    opacity: 0
}

html.no-touch .ui-nav__item:hover {
    background: var(--nav-bg-h)
}

html.no-touch .ui-nav__item:hover svg {
    fill: var(--nav-color-h)
}

.ui-nav--ah {
    --nav-height: auto
}

.ui-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.ui-crumbs__item {
    position: relative;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em
}

.ui-crumbs__item:not(:last-child) {
    padding-right: 16px
}

.ui-crumbs__item:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 4px;
    height: 7px;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="4" height="7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m.688 6.192 2.696-2.8a.296.296 0 0 0 .068-.109.374.374 0 0 0 .02-.125.38.38 0 0 0-.02-.125.298.298 0 0 0-.068-.108L.688.117A.372.372 0 0 0 .408 0 .385.385 0 0 0 .12.125.408.408 0 0 0 0 .417c0 .11.04.208.12.291l2.352 2.45L.12 5.608a.4.4 0 0 0-.112.288c0 .114.04.213.12.296a.377.377 0 0 0 .56 0Z" fill="%23666"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="4" height="7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m.688 6.192 2.696-2.8a.296.296 0 0 0 .068-.109.374.374 0 0 0 .02-.125.38.38 0 0 0-.02-.125.298.298 0 0 0-.068-.108L.688.117A.372.372 0 0 0 .408 0 .385.385 0 0 0 .12.125.408.408 0 0 0 0 .417c0 .11.04.208.12.291l2.352 2.45L.12 5.608a.4.4 0 0 0-.112.288c0 .114.04.213.12.296a.377.377 0 0 0 .56 0Z" fill="%23666"/%3E%3C/svg%3E') no-repeat center/100% auto;
    background: #666
}

.ui-crumbs__item a {
    color: #666
}

html.no-touch .ui-crumbs__item a:hover {
    color: #000
}

.ui-ask {
    border-radius: 10px;
    background: #f0fbff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 20px
}

.ui-ask__ttl {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

.ui-ask__text {
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    margin-top: 12px
}

.ui-ask__phone {
    margin-top: 12px
}

.ui-ask__phone a {
    font-weight: 700
}

html.no-touch .ui-ask__phone a:hover {
    color: #229bd5
}

.ui-ask__btn {
    margin-top: 20px
}

.ui-agree {
    font-size: 12px;
    line-height: 1.6em;
    letter-spacing: .01em
}

.ui-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .01em
}

.ui-sort__name {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-sort__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-sort__item {
    color: #828090;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    border-bottom: #828090 dashed 1px;
    padding-bottom: 1px
}

.ui-sort__item:after {
    content: "";
    width: 10px;
    height: 5px;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="10" height="5" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m.712.65 4.2 4.212c.05.05.105.086.163.107.058.021.12.031.188.031a.55.55 0 0 0 .187-.032.444.444 0 0 0 .162-.106L9.825.65A.594.594 0 0 0 10 .212a.614.614 0 0 0-.188-.45.6.6 0 0 0-.437-.187.6.6 0 0 0-.438.187L5.264 3.437 1.588-.238a.586.586 0 0 0-.432-.175.605.605 0 0 0-.444.188.6.6 0 0 0-.187.437.6.6 0 0 0 .187.438Z" fill="%23828090"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="10" height="5" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m.712.65 4.2 4.212c.05.05.105.086.163.107.058.021.12.031.188.031a.55.55 0 0 0 .187-.032.444.444 0 0 0 .162-.106L9.825.65A.594.594 0 0 0 10 .212a.614.614 0 0 0-.188-.45.6.6 0 0 0-.437-.187.6.6 0 0 0-.438.187L5.264 3.437 1.588-.238a.586.586 0 0 0-.432-.175.605.605 0 0 0-.444.188.6.6 0 0 0-.187.437.6.6 0 0 0 .187.438Z" fill="%23828090"/%3E%3C/svg%3E') no-repeat center/100% auto;
    background: #828090
}

.ui-sort__item.active,html.no-touch .ui-sort__item:hover {
    color: #229bd5;
    border-color: #229bd5
}

.ui-sort__item.asc:after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.ui-pager {
    --pager-size: 28px;
    --pager-gap: 8px;
    --pager-font: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--pager-gap);
    font-size: var(--pager-font);
    line-height: 1em;
    letter-spacing: .01em
}

.ui-pager__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--pager-size);
    height: var(--pager-size);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #828090;
    border: #d9d8df solid 1px;
    border-radius: 4px;
    padding: 0 2px
}

html.no-touch .ui-pager__item:hover {
    border-color: #229bd5;
    color: #229bd5
}

.ui-pager__item.current {
    border-color: #229bd5;
    color: #fff!important;
    background: #229bd5
}

.ui-pager__arr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: var(--pager-size)
}

.ui-pager__arr:before {
    content: "";
    aspect-ratio: 1;
    display: block;
    width: 12px;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.563 10.55.35 6.35a.441.441 0 0 1-.106-.163.541.541 0 0 1-.031-.188c0-.066.01-.129.031-.187a.444.444 0 0 1 .106-.163l4.213-4.212A.594.594 0 0 1 5 1.262c.175 0 .325.062.45.187a.6.6 0 0 1 .188.438.6.6 0 0 1-.188.437L1.775 6 5.45 9.674c.117.117.175.26.175.432a.605.605 0 0 1-.187.443.6.6 0 0 1-.438.188.6.6 0 0 1-.437-.188Z" fill="%23828090"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.563 10.55.35 6.35a.441.441 0 0 1-.106-.163.541.541 0 0 1-.031-.188c0-.066.01-.129.031-.187a.444.444 0 0 1 .106-.163l4.213-4.212A.594.594 0 0 1 5 1.262c.175 0 .325.062.45.187a.6.6 0 0 1 .188.438.6.6 0 0 1-.188.437L1.775 6 5.45 9.674c.117.117.175.26.175.432a.605.605 0 0 1-.187.443.6.6 0 0 1-.438.188.6.6 0 0 1-.437-.188Z" fill="%23828090"/%3E%3C/svg%3E') no-repeat center/100% auto;
    background: #828090;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.ui-pager__arr--n:before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

html.no-touch .ui-pager__arr:hover:before {
    background: #229bd5
}

.ui-pager__dots {
    margin: 0 calc(var(--pager-gap) * -.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--pager-size);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.ui-pager__dots:before {
    content: "...";
    color: transparent;
    display: block;
    width: var(--pager-size);
    border-bottom: #d9d8df dashed 1px
}

.ui-quantity {
    --quant-size: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f6f6f6;
    border-radius: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-quantity__ctrl {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--quant-size);
    aspect-ratio: 1;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-quantity__ctrl:before {
    content: "";
    display: block;
    width: 24px;
    aspect-ratio: 1;
    -webkit-mask: var(--quant-icon) no-repeat center/100% auto;
    mask: var(--quant-icon) no-repeat center/100% auto;
    background: #828090;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.ui-quantity__ctrl[data-quantity=minus] {
    --quant-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12.998H5v-2h14v2Z' fill='%23828090'/%3E%3C/svg%3E")
}

.ui-quantity__ctrl[data-quantity=plus] {
    --quant-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 1 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2Z' fill='%23828090'/%3E%3C/svg%3E")
}

html.no-touch .ui-quantity__ctrl:hover:before {
    background: #229bd5
}

.ui-quantity__inp {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui-quantity__inp input {
    width: 100%;
    height: var(--quant-size);
    text-align: center;
    border: none;
    background: 0 0;
    font-size: 16px;
    color: #000;
    line-height: 1em;
    letter-spacing: .01em
}

.ui-quantity--c {
    --quant-size: 44px
}

.ui-cart {
    --cart-gap: 20px;
    --cart-pr: 170px;
    --cart-pr-f: 24px;
    --cart-pr-l: 1em;
    --cart-pr-w: 400;
    --cart-name-f: 18px;
    --cart-name-l: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px var(--cart-gap);
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-cart__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-cart__img {
    width: 80px;
    aspect-ratio: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-cart__img img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.ui-cart__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui-cart__art {
    color: #828090;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .01em;
    margin-bottom: 12px
}

.ui-cart__name {
    font-size: var(--cart-name-f);
    line-height: 1em
}

html.no-touch .ui-cart__name a:hover {
    color: #229bd5
}

.ui-cart__quantity {
    width: 136px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-cart__price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--cart-pr);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px 24px;
    white-space: nowrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-cart__price-c {
    font-size: var(--cart-pr-f);
    line-height: var(--cart-pr-l);
    font-weight: var(--cart-pr-w)
}

.ui-cart__price-o {
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em;
    color: #828090;
    position: relative
}

.ui-cart__price-o:after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: 50%;
    height: 2px;
    background: #ee555e;
    -webkit-transform: translateY(-1px) skewY(-10deg);
    -ms-transform: translateY(-1px) skewY(-10deg);
    transform: translateY(-1px) skewY(-10deg)
}

.ui-cart__delete {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui-cart__delete--c {
    position: absolute;
    right: 8px;
    top: 8px
}

.ui-sidemenu__ttl {
    padding: 18px 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .01em
}

.ui-sidemenu__item {
    position: relative
}

.ui-sidemenu__arr {
    display: block;
    position: absolute;
    inset: 0 0 0 auto;
    width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer
}

.ui-sidemenu__arr:after {
    width: 16px;
    aspect-ratio: 1;
    content: "";
    display: block;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m5.917 14.067 5.617-5.6a.59.59 0 0 0 .141-.217.723.723 0 0 0 .042-.25.745.745 0 0 0-.042-.25.578.578 0 0 0-.142-.216L5.918 1.917a.791.791 0 0 0-.584-.233.818.818 0 0 0-.6.25.8.8 0 0 0-.25.583.8.8 0 0 0 .25.583l4.9 4.9-4.9 4.9a.782.782 0 0 0-.233.576c0 .228.083.425.25.59a.8.8 0 0 0 .583.25.8.8 0 0 0 .584-.25Z" fill="%23CCC"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m5.917 14.067 5.617-5.6a.59.59 0 0 0 .141-.217.723.723 0 0 0 .042-.25.745.745 0 0 0-.042-.25.578.578 0 0 0-.142-.216L5.918 1.917a.791.791 0 0 0-.584-.233.818.818 0 0 0-.6.25.8.8 0 0 0-.25.583.8.8 0 0 0 .25.583l4.9 4.9-4.9 4.9a.782.782 0 0 0-.233.576c0 .228.083.425.25.59a.8.8 0 0 0 .583.25.8.8 0 0 0 .584-.25Z" fill="%23CCC"/%3E%3C/svg%3E') no-repeat center/100% auto;
    background: #ccc;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.ui-sidemenu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 48px 10px 20px;
    min-height: 70px;
    font-size: 16px;
    line-height: 20px;
    position: relative
}

.ui-sidemenu__sublist {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff;
    padding: 10px 0 20px;
    border-radius: 0 10px 0 0;
    border: #229bd5 solid 1px;
    border-top-width: 10px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    pointer-events: none
}

.ui-sidemenu__subitem {
    width: 100%
}

.ui-sidemenu__sublink {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    padding: 0 60px 0 20px
}

.ui-sidemenu__sublink:after {
    content: "";
    width: 20px;
    aspect-ratio: 20/8;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="51" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50.354 4.354a.5.5 0 0 0 0-.708L47.172.464a.5.5 0 1 0-.707.708L49.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h50v-1H0v1Z" fill="%23229BD5"/%3E%3C/svg%3E') no-repeat right/auto 100%;
    mask: url('data:image/svg+xml,%3Csvg width="51" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50.354 4.354a.5.5 0 0 0 0-.708L47.172.464a.5.5 0 1 0-.707.708L49.293 4l-2.828 2.828a.5.5 0 1 0 .707.708l3.182-3.182ZM0 4.5h50v-1H0v1Z" fill="%23229BD5"/%3E%3C/svg%3E') no-repeat right/auto 100%;
    background: #229bd5;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

html.no-touch .ui-sidemenu__sublink:hover {
    color: #229bd5
}

html.no-touch .ui-sidemenu__sublink:hover:after {
    opacity: 1
}

.ui-sidemenu__sublink.current {
    color: #229bd5
}

.ui-sidemenu__sub {
    max-width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.ui-sidemenu__sub:not(.active) {
    display: none
}

.ui-sidemenu__item:not(:last-child) .ui-sidemenu__link {
    border-bottom: #dedede solid 1px
}

html.no-touch .ui-sidemenu__item.hover .ui-sidemenu__link,html.no-touch .ui-sidemenu__item:hover .ui-sidemenu__link {
    background: #229bd5;
    color: #fff;
    border-color: #229bd5
}

html.no-touch .ui-sidemenu__item.hover .ui-sidemenu__sublist,html.no-touch .ui-sidemenu__item:hover .ui-sidemenu__sublist {
    opacity: 1;
    pointer-events: all
}

.ui-sidemenu__item.current .ui-sidemenu__link {
    color: #229bd5
}

.ui-sidemenu--s {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1)
}

.ui-sidemenu--s .ui-sidemenu__list:first-child .ui-sidemenu__item:first-child .ui-sidemenu__link {
    border-radius: 10px 0 0 0
}

.ui-sidemenu--s .ui-sidemenu__list:last-child .ui-sidemenu__item:last-child .ui-sidemenu__link {
    border-radius: 0 0 10px 10px
}

.ui-inpack {
    --in-mar: 10px;
    --in-par-f: 14px;
    --in-par-l: 1.2em;
    --inp-opt-g: 8px;
    --in-opt-w: 28px;
    --in-opt-h: var(--in-opt-w);
    --in-opt-f: 16px;
    --in-opt-p: 5px 3px
}

.ui-inpack__param {
    color: #828090;
    font-size: var(--in-par-f);
    line-height: var(--in-par-l);
    letter-spacing: .01em
}

.ui-inpack__opts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--inp-opt-g);
    margin-top: var(--in-mar)
}

.ui-inpack__opt {
    position: relative;
    cursor: pointer
}

.ui-inpack__opt input {
    opacity: 0;
    position: absolute;
    left: -99999px;
    top: -9999px;
    visibility: hidden;
    pointer-events: none
}

.ui-inpack__opt-in {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-width: var(--in-opt-w);
    padding: var(--in-opt-p);
    border-radius: 4px;
    border: 1px solid #d9d8df;
    font-size: var(--in-opt-f);
    line-height: 1em;
    color: #828090;
    -webkit-transition: border .2s,color .2s,background .2s;
    -o-transition: border .2s,color .2s,background .2s;
    transition: border .2s,color .2s,background .2s
}

html.no-touch .ui-inpack__opt:hover .ui-inpack__opt-in:not(input:checked~*) {
    border-color: #229bd5;
    color: #229bd5
}

.ui-inpack__opt input:checked~.ui-inpack__opt-in {
    background: #229bd5;
    border-color: #229bd5;
    color: #fff
}

.ui-inpack--s2 {
    --in-mar: 1px;
    --in-par-f: 10px;
    --in-opt-w: 22px;
    --in-opt-f: 10px;
    --in-opt-p: 3px 2px
}

.hf-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.hf-btns__item {
    --hfb-icon: #229BD5
}

.hf-btns__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em
}

html.no-touch .hf-btns__link:hover {
    color: #229bd5
}

.hf-btns__icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    aspect-ratio: 1
}

.hf-btns__icon:after,.hf-btns__icon:before {
    background: #000
}

.hf-btns__icon svg {
    fill: var(--hfb-icon)
}

html.no-touch .hf-btns__link:hover .hf-btns__icon:after,html.no-touch .hf-btns__link:hover .hf-btns__icon:before {
    background: #229bd5
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    background: #fff
}

.header__top {
    background: #f7f7f9;
    border-bottom: #ccc solid 1px
}

.header__top-block {
    height: var(--header-t);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.header__top-right {
    gap: 38px
}

.header__mid-block {
    height: var(--header-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.header__mid-left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto
}

.header__mid-logo {
    --logo-t-font: 28px;
    --logo-b-font: 14px;
    --logo-b-mt: -2px
}

.header__mid-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    white-space: nowrap
}

.header__mid-contacts .ui-contact {
    font-size: 16px;
    line-height: 1.6em
}

.fixed {
    position: absolute;
    left: 0;
    top: calc(var(--header-t) + var(--header-m));
    width: 100%;
    z-index: 19;
    background: var(--fixed-bg)
}

.fixed__block {
    height: var(--fixed);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.fixed__left {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fixed__logo {
    --logo-t-font: 20px;
    --logo-b-font: 10px;
    --logo-b-mt: 1px
}

.fixed__toggle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 32px;
    height: 48px;
    gap: 10px;
    color: #fff;
    background: #229bd5;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.fixed__toggle-icon {
    width: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fixed__toggle-icon:after,.fixed__toggle-icon:before {
    background: #fff
}

.fixed__toggle-text {
    font-size: 18px;
    line-height: 1.2em;
    letter-spacing: .01em
}

html.no-touch .fixed__toggle:hover {
    background: #125c80
}

.fixed__search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.fixed__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.fixed__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em;
    color: var(--fixed-btn-c)
}

.fixed__btn-icon {
    display: block;
    width: 24px;
    aspect-ratio: 1;
    position: relative
}

.fixed__btn-icon svg {
    fill: var(--fixed-btn-i);
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.fixed__btn-quantity {
    position: absolute;
    width: 14px;
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    background: #ee555e;
    top: -3px;
    right: -5px;
    font-size: 10px;
    line-height: 1em
}

html.no-touch .fixed__btn:hover {
    color: #229bd5
}

html.no-touch .fixed__btn:hover .fixed__btn-icon svg {
    fill: #229bd5
}

.fixed-menu {
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.fixed-menu__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px
}

.fixed-menu__back,.fixed-menu__close {
    cursor: pointer;
    width: 24px;
    aspect-ratio: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #828090
}

.fixed-menu__back {
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 12H5m0 0 5.25 5.25M5 12l5.25-5.25" stroke="%23828090" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 12H5m0 0 5.25 5.25M5 12l5.25-5.25" stroke="%23828090" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center/100% auto
}

.fixed-menu__close {
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M22.142 22.143 7.856 7.857m14.286 0L7.856 22.143" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M22.142 22.143 7.856 7.857m14.286 0L7.856 22.143" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center/100% auto
}

.fixed-menu__text,.fixed-menu__ttl {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    line-height: 1.2em
}

.fixed-menu__ttl {
    font-size: 16px
}

.fixed-menu__text {
    font-size: 14px
}

.app:not(.app--catalog) .fixed-menu {
    display: none
}

.fixed-menu:not(.active) .fixed-menu__text {
    display: none
}

.fixed-menu.active .fixed-menu__ttl {
    display: none
}

.search {
    position: fixed;
    left: 0;
    top: var(--fixed);
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--search);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f7f9;
    z-index: 19
}

.category__col {
    --g-cols: 1;
    --g-of: 3
}

.category__more {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog__ind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.catalog__ind-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.catalog__ind-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #828090
}

.catalog__ind-item.active,html.no-touch .catalog__ind-item:hover {
    color: #229bd5
}

.catalog__ind-btn {
    white-space: nowrap
}

.catalog__filters-in {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.catalog__filters-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-top: 18px
}

.catalog__filter {
    width: 100%
}

.catalog__filter-ttl {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .01em;
    font-weight: 700
}

.catalog__filter-body {
    border-radius: 10px;
    background: #f6f6f8;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.catalog__filter-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    color: #324ba7;
    cursor: pointer;
    margin-top: 8px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.catalog__filter-more:after {
    width: 12px;
    height: 13px;
    content: "";
    display: block;
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="12" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.45 5.178 4.2 3.986c.05.047.104.08.163.1a.586.586 0 0 0 .375 0 .436.436 0 0 0 .162-.1l4.213-3.986a.546.546 0 0 0 .175-.414.566.566 0 0 0-.188-.426.617.617 0 0 0-.438-.177.617.617 0 0 0-.437.177L6 7.815 2.325 4.338a.604.604 0 0 0-.431-.166.623.623 0 0 0-.444.178.553.553 0 0 0-.187.414c0 .158.062.296.187.414Z" fill="%23324BA7"/%3E%3C/svg%3E') no-repeat center/100% auto;
    mask: url('data:image/svg+xml,%3Csvg width="12" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.45 5.178 4.2 3.986c.05.047.104.08.163.1a.586.586 0 0 0 .375 0 .436.436 0 0 0 .162-.1l4.213-3.986a.546.546 0 0 0 .175-.414.566.566 0 0 0-.188-.426.617.617 0 0 0-.438-.177.617.617 0 0 0-.437.177L6 7.815 2.325 4.338a.604.604 0 0 0-.431-.166.623.623 0 0 0-.444.178.553.553 0 0 0-.187.414c0 .158.062.296.187.414Z" fill="%23324BA7"/%3E%3C/svg%3E') no-repeat center/100% auto;
    background: #324ba7
}

html.no-touch .catalog__filter-more:hover {
    color: #229bd5
}

html.no-touch .catalog__filter-more:hover:after {
    background: #229bd5
}

.catalog__filter-price {
    padding-bottom: 10px
}

.catalog__filter-price-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    background: #f6f6f8
}

.catalog__filter-price-inp {
    width: 50%
}

.catalog__filter-price-inp input {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: .01em;
    color: #828090;
    padding: 0 11px;
    text-align: left!important
}

.catalog__filter-price-inp:first-child {
    border-right: #dcdcdc solid 1px
}

.catalog__filter-price-range {
    width: 100%;
    margin-top: 20px
}

.catalog__filter-price-range .irs {
    width: 100%;
    display: block;
    position: relative;
    height: 15px
}

.catalog__filter-price-range .irs-line {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.catalog__filter-price-range .irs-bar,.catalog__filter-price-range .irs:before {
    position: absolute;
    left: 0;
    top: 6px;
    height: 3px;
    border-radius: 0
}

.catalog__filter-price-range .irs:before {
    background: #dcdcdc;
    content: "";
    right: 0
}

.catalog__filter-price-range .irs-bar {
    background: #229bd5
}

.catalog__filter-price-range .irs-handle {
    position: absolute;
    width: 15px;
    aspect-ratio: 1;
    border-radius: 100%;
    border: #229bd5 solid 1px;
    background: #fff;
    top: 0
}

.catalog__filter:not(.active) .catalog__filter-list>li:nth-child(n+4) {
    display: none
}

.catalog__filter:not(.cut) .catalog__filter-more {
    display: none
}

.catalog__main-col {
    --g-cols: 1;
    --g-of: 4
}

.catalog__more {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog__cats-col {
    --g-cols: 1;
    --g-of: 2
}

.catalog__category {
    --cat-img: 125px;
    height: 370px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 12px;
    -webkit-transition: color .2s,background .2s;
    -o-transition: color .2s,background .2s;
    transition: color .2s,background .2s
}

.catalog__category-inner {
    height: 100%;
    padding: 20px;
    border: rgba(34,155,213,.5) solid 1px;
    border-radius: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s
}

.catalog__category-name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .01em;
    min-height: 2.4em;
    margin-bottom: 16px
}

.catalog__category-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.catalog__category-left {
    width: var(--cat-img);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.catalog__category-img {
    max-width: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog__category-img img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.catalog__category-go {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.catalog__category-btn {
    font-size: 16px
}

html.no-touch .catalog__category-btn {
    --abtn-color: #fff;
    --abtn-color-h: #fff
}

html.touch .catalog__category-btn {
    --abtn-color: #000;
    --abtn-color-h: #000
}

.catalog__category-right {
    width: calc(100% - var(--cat-img) - 20px);
    max-width: 240px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 20px;
    --scroll-border: #fff;
    --scroll-track: #fff
}

.catalog__category-list {
    height: 100%
}

.catalog__category-item {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em
}

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

.catalog__category-item.hover {
    opacity: .6
}

html.no-touch .catalog__category:hover {
    color: #fff;
    background: #229bd5
}

html.no-touch .catalog__category:hover .catalog__category-item {
    color: #fff
}

html.no-touch .catalog__category:hover .catalog__category-inner {
    border-color: #fff
}

.catalog__subs {
    margin-bottom: 20px
}

.catalog__subs-col {
    --g-cols: 1;
    --g-of: 4
}

.catalog__sort {
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 40px;
    padding: 12px
}

.catalog__list-col {
    --g-cols: 1;
    --g-of: 3
}

.catalog__bot {
    padding: 8px 16px;
    border-radius: 10px;
    background: #fff;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog__bot-col--p {
    margin-left: auto
}

.blog__col {
    --g-cols: 1;
    --g-of: 3
}

.blog__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    background: #fff;
    overflow: hidden;
    padding: 0 16px 16px;
    position: relative
}

.blog__item:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: #229bd5 solid 1px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    pointer-events: none
}

.blog__item-img {
    aspect-ratio: 417/172;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    margin: 0 -16px 16px
}

.blog__item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog__item-ttl {
    font-size: 18px;
    line-height: 1.333em;
    letter-spacing: .01em;
    font-weight: 700;
    min-height: 3.999em;
    margin-bottom: 10px
}

.blog__item-date {
    margin-bottom: 10px;
    text-align: right;
    color: #828090;
    letter-spacing: .01em;
    font-size: 14px;
    line-height: 1.2em
}

.blog__item-btn {
    --abtn-font: 16px;
    --abtn-line: 1.6em
}

.blog__item-more {
    margin-top: auto;
    padding-top: 40px
}

html.no-touch .blog__item:hover:after {
    opacity: 1
}

.about__block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about__col {
    --g-cols: 1;
    --g-of: 2
}

.about__img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

.about__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left
}

.about__text {
    max-width: 523px
}

.about__more {
    margin-top: 40px
}

.about__info-left {
    --g-cols: 2;
    --g-of: 3
}

.about__info-right {
    --g-cols: 1;
    --g-of: 3
}

.about__btns-item {
    --g-cols: 1;
    --g-of: 1
}

.features__col {
    --g-cols: 1;
    --g-of: 4
}

.features__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: #d9d8df solid 1px;
    padding: 16px 19px 19px;
    text-align: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.features__item-icon {
    width: 80px;
    aspect-ratio: 1;
    margin: 0 auto 12px
}

.features__item-icon svg {
    fill: #229bd5;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

.features__item-ttl {
    font-size: 18px;
    line-height: 1.333em;
    font-weight: 700;
    letter-spacing: .01em
}

.features__item-text {
    margin: 12px auto 0;
    max-width: 240px
}

html.no-touch .features__item:hover {
    color: #fff;
    background: #229bd5
}

html.no-touch .features__item:hover .features__item-icon svg {
    fill: #fff
}

.contacts__col {
    --g-of: 3
}

.contacts__col--l {
    --g-cols: 1
}

.contacts__col--r {
    --g-cols: 2
}

.contacts__list-item {
    --g-cols: 1;
    --g-of: 1
}

.contacts__form {
    color: #828090
}

.contacts__form-col {
    --g-cols: 1;
    --g-of: 1
}

.contacts__form-col--2 {
    --g-of: 2
}

.contacts__form-ta {
    height: 220px
}

.contacts__form-bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    padding-top: 20px
}

.contacts__form-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts__form-agree {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contacts__place {
    position: relative;
    padding: 24px 0 0 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__place-cont {
    width: 370px;
    position: relative;
    z-index: 1;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px 2px rgba(91,194,243,.18);
    box-shadow: 0 4px 16px 2px rgba(91,194,243,.18)
}

.contacts__place-logo {
    --logo-t-font: 28px;
    --logo-b-font: 14px;
    --logo-b-mt: -px;
    margin-bottom: 30px
}

.contacts__place-descr {
    font-size: 16px;
    line-height: 1.22em;
    letter-spacing: -.025em;
    margin-bottom: 30px
}

.contacts__place-list {
    gap: 24px;
    max-width: 290px
}

.contacts__place-item {
    width: 100%
}

.contacts__place-map {
    overflow: hidden;
    background: #ccc;
    border-radius: 10px
}

.contacts__place-map iframe {
    width: 100%!important;
    height: 100%!important
}

.contacts__page {
    padding: 70px 20px;
    border-radius: 10px;
    border: 1px solid rgba(34,155,213,.5);
    background: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1)
}

.contacts__inner {
    max-width: 1210px;
    margin: 0 auto
}

.crumbs {
    padding: 20px 0 0
}

.page {
    padding-top: 40px
}

.page__block {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: calc((100% - 60px) * .25) 20px calc((100% - 60px) * .75);
    grid-template-columns: calc((100% - 60px) * .25) calc((100% - 60px) * .75);
    -ms-grid-rows: auto 20px minmax(0,1fr);
    grid-template-rows: auto minmax(0,1fr);
    grid-template-areas: "ask main""side main"
}

.page__ask {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: ask
}

.page__side {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: side;
    position: relative;
    z-index: 2
}

.page__side-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1)
}

.page__main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: main
}

.page__main-section:not(:last-child) {
    margin-bottom: calc(var(--section-pad) * 2)
}

.ask {
    background: #229bd5;
    color: #fff;
    padding: 40px 0
}

.ask__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--cont-p)
}

.ask__left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ask__text {
    max-width: 960px;
    letter-spacing: 0
}

.ask__right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product__avail {
    margin-top: 12px;
    position: relative;
    padding-left: 18px;
    color: var(--av-color)
}

.product__avail:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc((1.6em - 6px) * .5);
    width: 6px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: var(--av-color)
}

.product__left {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__left-l {
    width: calc((100% - 20px) * .45);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 356px
}

.product__left-r {
    width: calc((100% - 20px) * .55);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.product__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.product__info-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.product__info-ttl {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 700;
    letter-spacing: .01em
}

.product__chars {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto -webkit-max-content;
    -ms-grid-columns: auto max-content;
    grid-template-columns: auto -webkit-max-content;
    grid-template-columns: auto max-content;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 8px 4px;
    max-width: 640px
}

.product__chars-l {
    position: relative;
    overflow: hidden
}

.product__chars-l:after {
    content: ".";
    position: absolute;
    color: transparent;
    width: 1000px;
    border-bottom: #d9d8df dashed 1px;
    text-align: right;
    -webkit-margin-start: 4px;
    margin-inline-start:4px;-webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.product__chars-r {
    max-width: 200px
}

.product__docs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.product__docs-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    line-height: 1.6em;
    color: #324ba7;
    letter-spacing: .01em;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: .05em;
    text-underline-offset: .2em;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.product__docs-item:before {
    content: "";
    width: 24px;
    aspect-ratio: 1;
    background: #324ba7;
    -webkit-mask: var(--doc-icon) no-repeat center/100% auto;
    mask: var(--doc-icon) no-repeat center/100% auto
}

html.no-touch .product__docs-item:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.product__docs-item.pdf {
    --doc-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 13.5V12H18v7.5h1.5v-3h2.25V15H19.5v-1.5h3Zm-8.25 6h-3V12h3a2.252 2.252 0 0 1 2.25 2.25v3a2.252 2.252 0 0 1-2.25 2.25Zm-1.5-1.5h1.5a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-1.5V18Zm-4.5-6H4.5v7.5H6v-2.25h2.25a1.502 1.502 0 0 0 1.5-1.5V13.5a1.501 1.501 0 0 0-1.5-1.5ZM6 15.75V13.5h2.25v2.25H6Z' fill='%23324BA7'/%3E%3Cpath d='M16.5 10.5v-3a.684.684 0 0 0-.225-.525l-5.25-5.25A.682.682 0 0 0 10.5 1.5H3A1.504 1.504 0 0 0 1.5 3v18A1.5 1.5 0 0 0 3 22.5h12V21H3V3h6v4.5A1.504 1.504 0 0 0 10.5 9H15v1.5h1.5Zm-6-3V3.3l4.2 4.2h-4.2Z' fill='%23324BA7'/%3E%3C/svg%3E")
}

.product__imgs {
    overflow: hidden
}

.product__imgs-item {
    aspect-ratio: 356/300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__imgs-item img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.product__thumbs {
    overflow: hidden;
    max-width: 356px;
    max-width: 310px;
    margin: 0 auto
}

.product__thumbs-item {
    aspect-ratio: 1;
    border: #d9d8df solid 1px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    overflow: hidden;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s;
    cursor: pointer
}

.product__thumbs-item img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.product__thumbs-item.active,.product__thumbs-item.active-duplicate,html.no-touch .product__thumbs-item:hover {
    border-color: #229bd5
}

.product__art {
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    margin-bottom: 20px;
    color: #666
}

.product__right {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 20px;
    width: 100%
}

.product__more {
    width: 100%
}

.product__inpack {
    margin-bottom: 12px
}

.product__per {
    color: #828090;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    margin-bottom: 12px
}

.product__pf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px
}

.product__fav {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product__price {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 20px;
    font-size: 30px;
    line-height: 1em;
    white-space: nowrap;
    margin-bottom: 5px
}

.product__price-c {
    font-weight: 600
}

.product__price-o {
    color: #828090;
    position: relative
}

.product__price-o:after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: 50%;
    height: 3px;
    background: #ee555e;
    -webkit-transform: translateY(-1px) skewY(-10deg);
    -ms-transform: translateY(-1px) skewY(-10deg);
    transform: translateY(-1px) skewY(-10deg)
}

.product__buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 40px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.product__buy-quantity-t {
    color: #828090;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    margin-bottom: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.product__buy-btn {
    --btn-height: 48px;
    --btn-pad: 11px 19px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.product__bot {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: 310px 20px 1fr;
    grid-template-columns: 310px 1fr;
    -ms-grid-rows: auto 20px minmax(0,1fr);
    grid-template-rows: auto minmax(0,1fr);
    grid-template-areas: "tabs cont""bot cont"
}

.product__bot-t {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: tabs;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    overflow: hidden
}

.product__bot-c {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: cont
}

.product__bot-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: bot
}

.product__tabs {
    width: 100%
}

.product__tabs-item {
    width: 100%;
    display: block;
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #828090;
    cursor: pointer
}

html.no-touch .product__tabs-item:hover {
    color: #229bd5
}

.product__tabs-item.active {
    color: #fff;
    background: #229bd5;
    pointer-events: none
}

.product__descr {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 20px
}

.product__descr-text img {
    width: auto;
    max-width: 100%
}

.product__descr-text img:not(:first-child) {
    margin-top: 1.5em
}

.product__descr-text img:not(:last-child) {
    margin-bottom: 1.5em
}

.product-pop {
    border-radius: 10px;
    background: #fff;
    max-width: 1200px;
    padding: 40px 0
}

.product-pop__head {
    text-align: center
}

.product-pop__add {
    border-top: rgba(34,155,213,.5) solid 1px;
    border-bottom: rgba(34,155,213,.5) solid 1px
}

.product-pop__add-in {
    max-width: 1120px
}

.product-pop__body {
    padding: 60px var(--cont-p) 0;
    max-width: 1180px;
    margin: 0 auto
}

.add {
    width: 100%;
    padding: 10px 0;
    height: 104px;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1)
}

.add--f {
    position: fixed;
    z-index: 5;
    left: 0;
    top: var(--fixed-s);
    background: #fff;
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    pointer-events: none
}

.add--fv {
    opacity: 1;
    pointer-events: all
}

.add__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.add__img {
    width: 75px;
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.add__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.add__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.add__name {
    font-size: 18px;
    line-height: 1.333em;
    font-weight: 700;
    letter-spacing: .01em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.add__art {
    color: #828090;
    font-size: 12px;
    line-height: 1.2em;
    letter-spacing: .01em
}

.add__price {
    margin-top: 15px;
    font-size: 24px;
    line-height: 1em;
    font-weight: 700
}

.related__item {
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cart__empty {
    max-width: 640px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 50px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.cart__empty-subttl {
    margin-top: 17px
}

.cart__empty-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 365px;
    margin: 0 auto
}

.cart__empty-btns-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 174px;
    flex: 1 1 174px
}

.cart__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.cart__head-added {
    position: relative;
    padding-left: 18px;
    color: #666;
    margin-top: 4px
}

.cart__head-added:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc((1.6em - 6px) * .5);
    width: 6px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #666
}

.cart__main {
    --g-cols: 2;
    --g-of: 3;
    gap: 20px
}

.cart__item {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 40px 50px 40px 16px
}

.cart__side {
    --g-cols: 1;
    --g-of: 3;
    min-width: 400px;
    gap: 20px
}

.cart__info {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 30px
}

.cart__info-div {
    margin: 0 -20px -18px;
    height: 1px;
    background: #f1f1f1
}

.cart__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart__info-text {
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em;
    color: #828090;
    width: 100%
}

.cart__info-text--m {
    font-size: 12px;
    color: #ee555e
}

.cart__info-btn {
    width: 100%;
    margin-bottom: 10px
}

.cart__info-ttl {
    font-size: 24px;
    line-height: 1em;
    letter-spacing: .01em;
    font-weight: 700
}

.cart__info-total {
    font-size: 18px;
    line-height: 20px
}

.cart__info-total--t {
    font-size: 20px;
    font-weight: 700
}

.cart__info-weight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: #828090;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em
}

.cart__info-weight-i:not(:last-child) {
    position: relative;
    padding-right: 11px
}

.cart__info-weight-i:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #828090
}

.added {
    max-width: 1160px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
    padding: 40px 20px 20px
}

.added__inner {
    margin: 0 auto;
    max-width: 1080px
}

.added__bot {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.added__total {
    color: #828090;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .01em
}

.added__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.added__btns-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.request {
    max-width: 760px;
    padding: 60px 20px;
    color: #fff;
    background: #229bd5;
    border-radius: 10px
}

.request__inner {
    max-width: 630px;
    margin: 0 auto
}

.request__head {
    margin-bottom: 20px
}

.request__head-subttl {
    margin-top: 20px
}

.request__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.request__form-field {
    width: 100%
}

.request__form-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 28px
}

.request__click {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.request__click-left {
    width: calc((100% - 12px) * .426);
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6px 20px 30px;
    color: #000;
    text-align: center
}

.request__click-img {
    width: 100%;
    aspect-ratio: 275/182;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    margin-bottom: 20px
}

.request__click-img img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.request__click-name {
    font-size: 16px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.request__click-price {
    margin-top: auto;
    width: 100%;
    font-size: 24px;
    line-height: 20px;
    font-weight: 700;
    padding-top: 12px
}

.request__click-right {
    width: calc((100% - 12px) * .574)
}

.request__click-ttl {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 14px;
    font-weight: 700
}

.request__click-ta {
    height: 137px
}

.search__head-subttl {
    font-size: 18px;
    line-height: 20px;
    margin-top: 30px
}

.search__more {
    margin-top: 40px
}

.search__more-text {
    text-align: center;
    font-size: 24px;
    line-height: 1em
}

.search__more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.brands {
    --letter-s: 28px
}

.brands__slider {
    height: 288px
}

.brands__top {
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.brands__top-l {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 840px
}

.brands__top-text {
    max-width: 710px
}

.brands__top-btn {
    white-space: nowrap;
    font-size: 16px
}

.brands__top--c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.brands__subttl {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.2em;
    letter-spacing: .01em;
    font-weight: 700
}

.brands__letters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 40px
}

.brands__letters-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px;
    background: #fff;
    border-radius: 10px
}

.brands__letters-item {
    width: var(--letter-s);
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: #d9d8df solid 1px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1em;
    color: #828090;
    letter-spacing: .01em;
    text-transform: uppercase
}

.brands__letters-item.current,html.no-touch .brands__letters-item:hover {
    color: #fff;
    background: #229bd5;
    border-color: #229bd5
}

.brands__list-col {
    --g-cols: 1;
    --g-of: 4
}

.brands__info {
    border-radius: 10px;
    border-bottom: 1px solid #eeebeb;
    background: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px
}

.brands__info-l {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.brands__info-l img {
    width: auto;
    max-width: 100%
}

.brands__info-r {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 730px
}

.brands__more {
    width: 100%
}

.info {
    border-radius: 10px;
    background: #fff;
    max-width: 1200px;
    padding: 40px 20px
}

.info__head {
    text-align: center
}

.info__body {
    max-width: 1120px;
    margin: 0 auto
}

.footer {
    background: #eeeef1
}

.footer__top {
    padding: 40px 0;
    border-bottom: #dedede solid 1px
}

.footer__logo {
    --logo-t-font: 32px;
    --logo-b-font: 16px;
    --logo-b-mt: -5px
}

.footer__mid-block,.footer__top-block {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.footer__mid-left,.footer__top-left {
    min-width: 355px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footer__mid-right,.footer__top-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 840px
}

.footer__mid {
    padding: 30px 0
}

.footer__contacts-col {
    --g-cols: 1;
    --g-of: 3;
    gap: 15px
}

.footer__contacts-ttl {
    font-size: 18px;
    line-height: 1.333em;
    font-weight: 700;
    letter-spacing: .01em
}

.footer__bot {
    padding: 18px 0;
    border-top: #dedede solid 1px
}

.footer__bot-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__bot-links-item {
    font-size: 14px;
    line-height: 1.22em;
    letter-spacing: .01em;
    color: #666
}

html.no-touch .footer__bot-links-item a:hover {
    color: #229bd5
}

@media only screen and (min-width: 768px) {
    .brands__top-r {
        width:200px
    }
}

@media only screen and (min-width: 1024px) {
    .app--menu .ui-toggle:before {
        opacity:0
    }

    .app--menu .ui-toggle:after {
        opacity: 1
    }

    .ui-category.active,html.no-touch .ui-category:is(a):hover {
        --cat-bg: var(--cat-bg-h);
        --cat-color: var(--cat-color-h);
        --cat-in-border: var(--cat-in-border-h)
    }

    .ui-category.active .ui-category__go,html.no-touch .ui-category:is(a):hover .ui-category__go {
        opacity: 1
    }

    .ui-cart__name {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .ui-sidemenu__arr {
        pointer-events: none
    }

    html.no-touch .ui-sidemenu__item.hover .ui-sidemenu__arr,html.no-touch .ui-sidemenu__item:hover .ui-sidemenu__arr {
        opacity: 0
    }

    .header__top-btn--m {
        display: none
    }

    .fixed-menu {
        display: none!important
    }

    .fixed:not(.fixed--s) .fixed__left {
        display: none
    }

    .fixed--s {
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
        box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
        background: var(--fixed-s-bg);
        border-bottom: #ccc solid 1px
    }

    .fixed--s .fixed__block {
        height: var(--fixed-s)
    }

    .fixed--s .fixed__btn {
        color: var(--fixed-s-btn-c)
    }

    .fixed--s .fixed__btn-icon svg {
        fill: var(--fixed-s-btn-i)
    }

    .search {
        display: none
    }

    .menu {
        --menu-top: calc(var(--header-t) + var(--header-m) + var(--fixed));
        position: fixed;
        z-index: 10;
        left: 0;
        top: var(--menu-top);
        background: rgba(0,0,0,.4);
        right: 0;
        padding-bottom: 20px;
        height: calc(100vh - var(--menu-top));
        height: calc(var(--vh) * 100 - var(--menu-top));
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s
    }

    .app:not(.app--menu) .menu {
        pointer-events: none;
        opacity: 0
    }

    .menu__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        border-radius: 0 0 10px 10px;
        -webkit-box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
        box-shadow: 0 4px 8px 2px rgba(175,172,246,.1);
        overflow: hidden
    }

    .menu__left {
        width: 430px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative
    }

    .menu__left:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background: #dedede
    }

    .menu__left-in {
        position: relative;
        max-height: calc(100vh - var(--menu-top) - 20px);
        max-height: calc(var(--vh) * 100 - var(--menu-top) - 20px);
        max-height: calc(100svh - var(--menu-top) - 20px);
        overflow: hidden;
        overflow-y: auto;
        height: 100%
    }

    .menu__right {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-top: #229bd5 solid 10px
    }

    .menu__right-in {
        padding: 20px 10px;
        max-height: calc(100vh - var(--menu-top) - 20px);
        max-height: calc(var(--vh) * 100 - var(--menu-top) - 20px);
        max-height: calc(100svh - var(--menu-top) - 20px);
        overflow: hidden;
        overflow-y: auto;
        height: 100%
    }

    .app--scrolled .menu {
        --menu-top: var(--fixed-s)
    }

    .catalog__filters-toggle {
        display: none!important
    }

    .blog__col:nth-child(n+4) {
        display: none
    }

    .contacts__place-map {
        position: absolute;
        inset: 0
    }

    .ask__text {
        font-size: 18px
    }

    .product__block {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .product__block-col--s {
        width: 330px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .product__block-col--s2 {
        width: 310px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .product__block-col--m {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media only screen and (min-width: 1280px) {
    .ui-cart--a {
        --cart-gap:30px;
        --cart-pr: 190px;
        --cart-pr-f: 30px;
        --cart-pr-l: 1em;
        --cart-pr-w: 700;
        --cart-name-f: 24px;
        --cart-name-l: 1em
    }

    .cart__block {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (max-width: 1439px) {
    .ui-nav {
        --nav-size:40px
    }

    .ui-carousel__nav {
        inset: 50% -10px
    }
}

@media only screen and (max-width: 1279px) {
    :root {
        --fixed-s:var(--fixed)
    }

    .ui-category--s1 {
        --cat-pad: 16px;
        --cat-name-font: 18px;
        --cat-name-line: 1.2em;
        --cat-img: 120px;
        --cat-img-r: 12px;
        --cat-img-b: 12px
    }

    .fixed__left {
        display: none!important
    }

    .catalog__main-col,.catalog__subs-col {
        --g-of: 3
    }

    .catalog__list-col {
        --g-of: 2
    }

    .catalog__cats-col {
        --g-of: 1
    }

    .catalog__category-right {
        max-width: none
    }

    .page__block {
        -ms-grid-columns: 280px calc(100% - 300px);
        grid-template-columns: 280px calc(100% - 300px)
    }

    .footer__mid-left,.footer__top-left {
        min-width: 280px
    }

    .footer__logo {
        --logo-t-font: 24px;
        --logo-b-font: 12px;
        --logo-b-mt: 1px
    }

    .footer__contacts .ui-contact {
        font-size: 16px
    }

    .contacts__place {
        padding: 20px 0 0 20px
    }

    .product__left-l {
        width: calc((100% - 20px) * .35)
    }

    .product__left-r {
        width: calc((100% - 20px) * .65)
    }

    .cart__main,.cart__side {
        --g-cols: 1;
        --g-of: 1;
        min-width: auto
    }
}

@media only screen and (max-width: 1023px) {
    :root {
        --section-pad:40px;
        --fixed: 62px
    }

    .app__content {
        padding-top: var(--fixed)
    }

    .fixed {
        top: 0;
        position: fixed;
        z-index: 20;
        background: #fff;
        border-bottom: #dedede solid 1px
    }

    .fixed__toggle {
        margin-right: auto
    }

    .fixed__left {
        display: block!important
    }

    .fixed__logo {
        --logo-t-font: 16px;
        --logo-b-font: 8px;
        --logo-b-mt: -2px
    }

    .fixed__search {
        display: none
    }

    .fixed__btns,.fixed__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .fixed__btn-text {
        display: none
    }

    .fixed__btn-icon svg {
        fill: #000
    }

    html.no-touch .fixed__btn:hover .fixed__btn-icon svg {
        fill: #229bd5
    }

    .fixed__toggle {
        padding: 0;
        background: 0 0!important
    }

    .fixed__toggle-text {
        display: none
    }

    .fixed__toggle-icon {
        width: 24px
    }

    .fixed__toggle-icon:after,.fixed__toggle-icon:before {
        background: #000
    }

    .header {
        position: fixed;
        top: calc(var(--fixed) + var(--search));
        height: calc(100vh - var(--fixed) - var(--search));
        height: calc(var(--vh) * 100 - var(--fixed) - var(--search));
        background: #f7f7f9;
        overflow: hidden;
        overflow-y: auto
    }

    .app:not(.app--menu) .header {
        display: none
    }

    .header__top {
        padding-bottom: 40px;
        margin-bottom: 24px
    }

    .header__top-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 20px;
        height: auto
    }

    .header__top-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .header__top-btn--d {
        display: none
    }

    .header__mid {
        padding-bottom: 40px
    }

    .header__mid-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 40px;
        height: auto
    }

    .header__mid-left {
        display: none
    }

    .header__mid-contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .header__mid-cb-btn {
        font-size: 16px;
        --btn-pad: 13px 23px;
        --btn-height: 48px
    }

    .app:not(.app--menu) .search {
        display: none
    }

    .menu {
        position: fixed;
        top: calc(var(--fixed) + var(--search));
        height: calc(100vh - var(--fixed) - var(--search));
        height: calc(var(--vh) * 100 - var(--fixed) - var(--search));
        left: 0;
        right: 0;
        z-index: 21;
        background: #fff;
        overflow: hidden;
        overflow-y: auto
    }

    .app:not(.app--catalog) .menu {
        display: none
    }

    .menu__block {
        max-width: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto
    }

    .menu__right {
        display: none;
        padding: 20px 0
    }

    .menu.active .menu__left {
        display: none
    }

    .menu.active .menu__right {
        display: block
    }

    .ui-sidemenu__link {
        min-height: 60px;
        font-size: 14px;
        line-height: 1.2em
    }

    .ui-sidemenu__sub {
        max-width: none
    }

    .ui-text h2 {
        font-size: 20px
    }

    .ui-text h3 {
        font-size: 16px
    }

    .ui-category__btn {
        --abtn-color: #000;
        --abtn-color-h: #000
    }

    .ui-category__go {
        opacity: 1
    }

    .ui-cart {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .ui-cart__info {
        width: calc(100% - 160px)
    }

    .ui-cart__price,.ui-cart__quantity {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ui-search:before {
        border-color: rgba(34,155,213,.5)
    }

    .ui-search__inp input {
        height: 40px;
        padding: 0 11px;
        font-size: 14px
    }

    .ui-search__btn {
        width: 48px;
        height: 40px
    }

    .app--menu .ui-toggle--m:before {
        opacity: 0
    }

    .app--menu .ui-toggle--m:after {
        opacity: 1
    }

    .app--catalog .ui-toggle--c:before {
        opacity: 0
    }

    .app--catalog .ui-toggle--c:after {
        opacity: 1
    }

    .head {
        --head-mar: 30px
    }

    .head__title {
        font-size: 24px
    }

    .head__col {
        --g-cols: 1;
        --g-of: 1
    }

    .catalog__main-col {
        --g-of: 2
    }

    .catalog__ind-item {
        font-size: 16px
    }

    .catalog__ind-btn {
        font-size: 16px
    }

    .catalog__filters:not(.active) .catalog__filters-in {
        display: none
    }

    .blog__col {
        --g-of: 2
    }

    .features__col {
        --g-of: 2
    }

    .contacts__col {
        --g-cols: 1;
        --g-of: 1
    }

    .contacts__list-item {
        --g-of: 3
    }

    .contacts__place {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .contacts__place-cont {
        width: 350px;
        padding: 30px 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 10px 0 0 10px
    }

    .contacts__place-map {
        border-radius: 0 10px 10px 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .contacts__page {
        padding: 40px 20px
    }

    .brands__info-l {
        width: 120px
    }

    .footer__mid-block,.footer__top-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__mid-left,.footer__mid-right,.footer__top-left,.footer__top-right {
        width: 100%;
        width: auto;
        min-width: auto
    }

    .category__col {
        --g-of: 2
    }

    .search__head-subttl {
        margin-top: 20px
    }

    .search__more {
        margin-top: 20px
    }

    .search__more-text {
        font-size: 18px
    }

    .search__more-btn {
        margin-top: 20px
    }

    .page__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .page__side--h {
        display: none
    }

    .page__side-item--h {
        display: none
    }

    .product__block-col {
        --g-cols: 1;
        --g-of: 1
    }

    .product__bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .product__bot-t {
        border-radius: 10px 10px 0 0;
        border-bottom: #229bd5 solid 1px
    }

    .product__bot-b {
        margin-top: 20px
    }

    .product__tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto
    }

    .product__tabs-item {
        text-align: center;
        font-size: 16px
    }

    .product__descr {
        border-radius: 0 0 10px 10px
    }

    .product-pop__body {
        padding-top: 0
    }

    .add {
        display: none
    }

    .cart__item {
        padding-right: 20px
    }
}

@media only screen and (max-width: 767px) {
    .ui-category {
        --cat-pad:12px;
        --cat-name-font: 14px;
        --cat-name-line: 1.2em;
        --cat-name-lines: 3;
        --cat-img: 70px;
        --cat-img-r: 12px;
        --cat-img-b: 12px;
        --cat-space: 38px
    }

    .ui-category__btn {
        font-size: 14px
    }

    .about__col {
        --g-of: 1
    }

    .about__text {
        max-width: none
    }

    .about__img {
        height: auto;
        aspect-ratio: 2/1
    }

    .contacts__list-item {
        --g-of: 2
    }

    .contacts__form-bot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0
    }

    .contacts__form-btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .contacts__place {
        display: block
    }

    .contacts__place-cont {
        width: 100%;
        border-radius: 10px 10px 0 0
    }

    .contacts__place-map {
        width: 100%;
        height: 400px;
        border-radius: 0 0 10px 10px
    }

    .about__info-left,.about__info-right {
        --g-cols: 1;
        --g-of: 1
    }

    .brands__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: none
    }

    .brands__top-l,.brands__top-r {
        --g-cols: 1;
        --g-of: 1
    }

    .brands__list-col {
        --g-of: 3
    }

    .footer__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__contacts-col {
        --g-of: 1
    }

    .catalog__subs-col {
        --g-of: 2
    }

    .product__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 40px
    }

    .product__left-l,.product__left-r {
        width: 100%;
        max-width: none
    }

    .product__imgs {
        max-width: 310px;
        margin: 0 auto 20px
    }
}

@media only screen and (max-width: 599px) {
    .popup {
        padding:0
    }

    .popup__content {
        min-height: 100%;
        max-width: none
    }

    .ui-card__buy {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ui-card__bot {
        padding-top: 10px
    }

    .ui-crumbs {
        margin: 0 -20px;
        padding: 0 20px;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .ui-crumbs__item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .ui-cart {
        gap: 20px;
        --cart-pr-f: 18px
    }

    .ui-cart__info {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ui-cart__price {
        gap: 10px 20px;
        width: calc(100% - 156px)
    }

    .ui-cart__price-o {
        font-size: 14px
    }

    .catalog__list-col,.catalog__main-col,.catalog__subs-col {
        --g-of: 1
    }

    .catalog__ind {
        display: block
    }

    .catalog__ind-col--t {
        margin-bottom: 20px
    }

    .catalog__ind-list {
        margin: 0 -20px;
        padding: 0 20px;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap
    }

    .catalog__category {
        height: auto
    }

    .catalog__category-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .catalog__category-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .catalog__category-right {
        overflow: visible;
        width: 100%
    }

    .blog__col {
        --g-of: 1
    }

    .features__col {
        --g-of: 1
    }

    .contacts__list-item {
        --g-of: 1
    }

    .contacts__form-col {
        --g-cols: 1;
        --g-of: 1
    }

    .category__col {
        --g-of: 1
    }

    .ask__block {
        display: block
    }

    .ask__left {
        width: 100%;
        margin-bottom: 20px
    }

    .ask__right {
        width: 100%
    }

    .brands__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .brands__info-l,.brands__info-r {
        width: auto
    }

    .brands__letters-list {
        margin: 0 -8px;
        padding: 8px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto
    }

    .brands__letters-item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .brands__list-col {
        --g-of: 2
    }

    .added,.info,.product-pop,.request {
        border-radius: 0
    }

    .cart__info-ttl {
        font-size: 20px
    }

    .product__chars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 4px
    }

    .product__chars-l {
        width: 100%;
        color: #666;
        font-weight: 700
    }

    .product__chars-l:after {
        content: none
    }

    .product__chars-r {
        width: 100%
    }

    .product__chars-r:not(:last-child) {
        margin-bottom: 4px
    }

    .request__click {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .request__click-left,.request__click-right {
        width: 100%
    }

    .request__click-img {
        max-width: 300px;
        margin: 0 auto
    }

    .request__click-ttl {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 1279px) and (min-width:1024px) {
    .header__mid-contacts-t {
        display:none
    }

    .footer__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) and (min-width:600px) {
    .about__btns-item {
        --g-of:2
    }
}