/*
 * Swiper 8.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 10, 2022
 */
@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');
    font-weight: 400;
    font-style: normal
}

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow-bottom {
    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 {
    scroll-snap-type: x mandatory
}

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

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

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    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 {
    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-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper-cards {
    overflow: visible
}

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

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

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

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

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

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

.carousel__track {
    display: flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__container :focus {
    outline: none
}

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

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

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

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

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

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

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

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

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

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

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

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

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

.is-loading .fancybox__caption {
    visibility: hidden
}

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

.fancybox__nav .carousel__button {
    z-index: 40
}

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

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

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

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

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

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

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

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }

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

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

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

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

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

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

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

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

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

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

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

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

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

.fancybox__toolbar__items {
    display: flex
}

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

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

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

@media(max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

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

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

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

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

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

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

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

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

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

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

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

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

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

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

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

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

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

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

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

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

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

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

.noUi-vertical {
    width: 18px;
}

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

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

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 10px;
}

/*.noUi-connect {*/
/*    background: #3FB8AF;*/
/*}*/
/*shalser*/

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

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

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

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

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

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

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

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

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

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

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

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

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

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

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

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

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

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

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

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

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

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

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

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

/*.noUi-horizontal .noUi-tooltip {*/
/*    -webkit-transform: translate(-50%, 0);*/
/*    transform: translate(-50%, 0);*/
/*    left: 50%;*/
/*    bottom: 120%;*/
/*}*/

/*!todo shalser выше что было*/

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: -50%;
    bottom: -125%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: -15%;
    right: 135%;
}

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

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

/* End */
/* Start:/shop/local/templates/mosokna-im/tpl/css/app.css?1696493605130256*/
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    min-height: 100vh
}

.content-wrapper,
.wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-wrapper .container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 auto;
    max-width: 977px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 360px) {
    .content-wrapper .container {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 577px) {
    .content-wrapper .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width: 767px) {
    .content-wrapper .container {
        padding-left: 32px;
        padding-right: 32px
    }
}

:root {
    --cub: 0.22s cubic-bezier(0.48, 0.48, 0.48, 0.86)
}

:focus {
    outline-color: #3e3e40
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    position: relative
}

@media only screen and (min-width: 360px) {
    html {
        font-size: 10px
    }
}

body {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    color: #000000;
    flex-grow: 2;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
    min-height: 100vh;
    overflow-x: hidden;
    padding: 0
}

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

a {
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub)
}

p:last-child {
    margin-bottom: 0
}

a {
    cursor: pointer
}

a.active,
a:hover {
    color: #fe3331
}

a:hover {
    text-decoration: none
}

[data-input=mouse] :active,
[data-input=mouse] :focus,
input {
    outline: none;
}

button {
    background: 0;
    border: 0;
    cursor: pointer;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub)
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    margin-top: 0
}

h1 {
    font-size: 5.6rem;
    line-height: 1.3
}

h1,
h2 {
    font-weight: 400
}

h2 {
    font-size: 3.6rem;
    line-height: 1.5;
    margin-bottom: 16px
}

h3 {
    font-size: 2.6rem;
    line-height: 1.3
}

h3,
h4 {
    font-weight: 400
}

h4 {
    font-size: 1.8rem;
    line-height: 1.5
}

h5 {
    font-size: 1.6rem;
    font-weight: 400
}

ol {
    padding-left: 18px
}

ol,
ol li {
    list-style: decimal
}

blockquote {
    font-style: italic
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

[hidden] {
    display: none !important
}

p {
    display: block;
    margin-top: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

[disabled] {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

input,
textarea {
    -webkit-appearance: unset;
    background: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 1199px) {
    .hidden-xl {
        display: none !important
    }
}

@media only screen and (max-width: 766px) {
    .hidden-md {
        display: none !important
    }
}

@media only screen and (max-width: 576px) {
    .hidden-s {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .hidden-L {
        display: none !important
    }
}

.hidden {
    display: none !important
}

@media only screen and (max-width: 1024px) {
    .visible-L {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media only screen and (max-width: 576px) {
    .visible-S {
        display: block !important
    }
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDYgNiAxOE02IDZsMTIgMTIiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: 24px;
    cursor: pointer;
    height: 24px;
    margin: 0 0 0 10px;
    width: 24px
}

.flex-center,
.img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

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

.link {
    text-decoration: underline
}

.link--red {
    color: #fe3331
}

::-webkit-scrollbar {
    border-radius: 13px;
    height: 8px;
    width: 8px
}

::-webkit-scrollbar-track {
    background: #f6f6f6
}

::-webkit-scrollbar-thumb {
    background: #d9d8d9;
    border-radius: 13px
}

.row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}

@media only screen and (max-width: 576px) {
    .row {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media only screen and (max-width: 359px) {
    .row {
        margin-left: -6px;
        margin-right: -6px
    }
}

.col {
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (max-width: 576px) {
    .col {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (max-width: 359px) {
    .col {
        padding-left: 6px;
        padding-right: 6px
    }
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

footer {
    border-top: 3px solid #fe3331;
    overflow: hidden
}

footer .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between
}

.footer-section {
    padding: 30px 0
}

.footer-section--fill {
    background: #f6f6f6
}

.footer-section--fill+.footer-section--fill {
    border-top: 2px solid #d9d8d9
}

.footer-menu {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: -10px
}

@media only screen and (max-width: 766px) {
    .footer-menu {
        margin-bottom: -16px
    }
}

.footer-menu>.row>:first-child {
    width: 35%
}

.footer-menu>.row>:last-child {
    width: 65%
}

.footer-menu .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: space-between
}

.footer-menu .footer-menu_column_mobile {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media only screen and (max-width: 1024px) {
    .footer-menu .footer-menu_column_mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-menu .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-menu .col:not(:last-child) {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media only screen and (max-width: 1024px) {
    .footer-menu .col:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-menu ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 -10px 10px
}

@media only screen and (max-width: 766px) {
    .footer-menu ul {
        margin-bottom: 16px
    }
}

.footer-menu li {
    padding: 0 10px
}

.footer-menu li+li {
    margin-top: 10px
}

@media only screen and (max-width: 766px) {
    .footer-menu li+li {
        margin-top: 16px
    }
}

.footer-awards .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: -30px
}

.footer-awards .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 30px
}

@media only screen and (max-width: 766px) {
    .footer-awards .col {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
}

.footer-awards .img img {
    max-width: 100%;
    width: auto
}

.footer-awards .link {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.6rem;
    margin-top: 15px;
    text-align: center
}

@media only screen and (max-width: 766px) {
    .footer-social_text {
        display: none
    }
}

.footer-contacts,
.footer-social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-contacts ul,
.footer-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 5px 0 -5px
}

@media only screen and (max-width: 576px) {

    .footer-contacts ul,
    .footer-social ul {
        margin: 0 8px 0 -8px
    }
}

.footer-contacts li,
.footer-social li {
    margin-bottom: 5px;
    padding: 0 5px
}

@media only screen and (max-width: 576px) {

    .footer-contacts li,
    .footer-social li {
        margin-bottom: 8px;
        padding: 0 8px
    }
}

.footer-social li {
    margin-bottom: 0
}

.footer-social img {
    display: inline-block;
    vertical-align: bottom
}

@media only screen and (max-width: 576px) {
    .footer-social img {
        height: 50px;
        width: 50px
    }
}

.footer-last {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 766px) {
    .footer-last {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%
    }
}

.footer-parent {
    font-size: 1.2rem;
    margin-right: 25px
}

.footer-parent a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-parent .ico {
    margin-right: 10px
}

.footer-contacts .ico {
    color: #fe3331;
    margin-right: 10px
}

.footer-list_item-red {
    color: #fe3331
}

.footer-list li+li {
    margin-top: 10px
}

.footer-logo {
    margin-right: 20px
}

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

.footer-copyright_info {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media only screen and (max-width: 576px) {
    .footer-copyright_info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-copyright_info .col {
        width: 100%
    }

    .footer-copyright_info .col .footer-certificat {
        margin-left: 63px;
        margin-top: 16px
    }
}

@media only screen and (max-width: 766px) {
    .footer-section--top .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .footer-section--top .row>*+* {
        margin-bottom: 30px
    }
}

header {
    background: #f6f6f6;
    padding: 15px 0
}

@media only screen and (min-width: 767px) {
    header {
        padding: 25px 0
    }
}

.header-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-info,
.header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media only screen and (min-width: 577px) {
    .header-info {
        padding-left: 36px
    }
}

.header-info .ico {
    bottom: 0;
    color: #fe3331;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0
}

@media only screen and (max-width: 576px) {
    .header-info .ico {
        background: #fe3331;
        border-radius: 50%;
        color: #fff;
        height: 40px;
        position: unset;
        width: 40px
    }
}

.header-info>* {
    padding: 0 4px
}

.header-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.header-parent {
    font-size: 1.2rem;
    margin-right: 48px
}

.header-parent a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-parent .ico {
    margin-right: 10px
}

.header-info_text {
    font-size: 1.2rem
}

.header-info_phone {
    font-size: 1.9rem;
    font-weight: 700
}

.header-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

@media only screen and (max-width: 766px) {
    .header-logo {
        height: 40px
    }

    .header-logo img {
        height: 100%
    }
}

@media only screen and (max-width: 376px) {
    .header-logo {
        height: 35px
    }
}

.waitwindowlocal,
div[id^=wait_comp_] {
    display: none !important
}

.about__page .video__block {
    margin: 60px auto 0;
    max-width: 720px
}

@media only screen and (max-width: 376px) {
    .about__page .video__block {
        margin-top: 48px
    }
}

.about__page .video__block .video__wrapper {
    padding-top: 56.25%;
    position: relative
}

.about__page .video__block .video__wrapper iframe {
    border: none;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about__page .border__block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 2px solid #d9d8d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    padding: 20px
}

@media only screen and (max-width: 576px) {
    .about__page .border__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .about__page .border__block div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .about__page .border__block strong {
        display: inline-block;
        padding-bottom: 20px
    }

    .about__page .border__block p {
        margin-bottom: 0
    }
}

.about__page .border__block img {
    margin-right: 20px
}

@media only screen and (max-width: 576px) {
    .about__page .border__block img {
        margin-bottom: 20px
    }
}

.about__page .border__block p {
    font-style: italic
}

.about__page .border__block strong {
    font-style: normal
}

.about__page .awards__block {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: 72px 0
}

@media only screen and (max-width: 576px) {
    .about__page .awards__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 36px 0
    }

    .about__page .awards__block>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .about__page .awards__block>div:first-child {
        margin-bottom: 60px
    }

    .about__page .awards__block div>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }
}

@media only screen and (max-width: 376px) {

    .about__page .awards__block,
    .about__page .awards__block>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .about__page .awards__block>div:first-child {
        margin-bottom: 60px
    }
}

.about__page .awards__block div {
    max-width: 500px;
    text-align: center
}

.about__page .awards__block p {
    font-style: italic
}

.about__page .awards__block a {
    color: #fe3331;
    text-decoration: underline
}

.about__page .awards__block img {
    margin-bottom: 20px
}

@media only screen and (max-width: 576px) {
    .about__page .awards__block img {
        height: 100%;
        margin-bottom: 0;
        margin-right: 20px;
        max-width: 40%
    }
}

@media only screen and (max-width: 376px) {
    .about__page .awards__block img {
        height: auto;
        margin: 0 auto 20px;
        max-width: 248px;
        width: 100%
    }
}

.awards__item {
    margin: 24px 0 0;
    padding-bottom: 24px
}

@media only screen and (max-width: 576px) {
    .awards__item .awards__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width: 376px) {
    .awards__item .awards__header {
        display: block
    }
}

.awards__item .awards__img {
    text-align: center
}

@media only screen and (max-width: 576px) {
    .awards__item .awards__img {
        text-align: left
    }
}

@media only screen and (max-width: 376px) {
    .awards__item .awards__img {
        text-align: center
    }
}

.awards__item .awards__img img {
    height: 150px;
    margin: 0 12px 10px
}

@media only screen and (max-width: 576px) {
    .awards__item .awards__img img {
        height: 100px;
        margin-left: 0
    }
}

@media only screen and (max-width: 376px) {
    .awards__item .awards__img img {
        height: 150px;
        margin-left: 12px
    }
}

.awards__item .awards__title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 576px) {
    .awards__item .awards__title {
        text-align: left
    }
}

@media only screen and (max-width: 376px) {
    .awards__item .awards__title {
        text-align: center
    }
}

.awards__item p {
    margin-bottom: 8px
}

.awards__item:first-child .awards__img img {
    height: 120px
}

@media only screen and (max-width: 1024px) {
    .awards__item:first-child .awards__img img {
        height: 80px
    }
}

@media only screen and (max-width: 576px) {
    .awards__item:first-child .awards__img img {
        margin-left: 0
    }

    .awards__item:first-child .awards__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.benefits {
    color: #fe3331
}

.benefits .row {
    margin-bottom: -32px
}

@media only screen and (min-width: 767px) {
    .benefits .row {
        margin-bottom: -72px
    }
}

.benefits .col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
    width: 100%
}

@media only screen and (min-width: 577px) {
    .benefits .col {
        width: 50%
    }
}

@media only screen and (min-width: 767px) {
    .benefits .col {
        margin-bottom: 72px;
        width: 33.333%
    }
}

.benefits img {
    margin-bottom: 24px;
    max-width: 100%
}

.benefits-highlight {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.9rem;
    margin-bottom: 10px
}

.benefits-text {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.2rem;
    max-width: 340px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 376px) {
    .benefits-text {
        max-width: 280px
    }
}

@media only screen and (min-width: 1025px) {
    .cart-table {
        width: calc(100% - 260px)
    }
}

@media only screen and (min-width: 1441px) {
    .cart-table {
        width: 80%
    }
}

.cart-table table {
    border-spacing: 0;
    width: 100%
}

@media only screen and (max-width: 1024px) {

    .cart-table table,
    .cart-table table thead {
        display: block
    }

    .cart-table table thead td:first-child {
        margin-right: auto
    }

    .cart-table table thead td:not(:first-child) {
        width: 160px
    }

    .cart-table table thead tr {
        border-bottom: 1px solid #d9d8d9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 5px
    }

    .cart-table table tbody {
        display: block
    }

    .cart-table table tbody tr {
        text-align: right
    }

    .cart-table table tbody tr td:first-child {
        text-align: left
    }
}

@media only screen and (max-width: 576px) {
    .cart-table table thead td:not(:first-child) {
        display: none
    }
}

.cart-table table .cart-delete {
    margin-left: 40px;
    margin-right: 20px
}

@media only screen and (max-width: 376px) {
    .cart-table table .cart-delete {
        margin-left: 20px;
        margin-right: 10px
    }
}

.cart-table table td:first-child {
    padding-left: 0
}

.cart-table table td:last-child {
    padding-right: 0
}

.cart-table table .form-checkbox,
.cart-table table img {
    margin-right: 16px
}

.cart-table thead {
    font-size: 1.8rem;
    font-weight: 700
}

.cart-table thead td {
    padding: 5px 16px
}

@media only screen and (min-width: 1025px) {
    .cart-table thead td {
        padding: 9px 16px
    }
}

@media only screen and (max-width: 1024px) {
    .cart-table tbody tr {
        border-bottom: 1px solid #d9d8d9;
        display: block;
        padding: 16px 0;
        width: 100%
    }

    .cart-table tbody tr td {
        display: inline-block
    }

    .cart-table tbody tr td:first-child {
        width: 100%
    }
}

.cart-table td {
    padding: 5px 16px
}

@media only screen and (min-width: 1025px) {
    .cart-table td {
        border-bottom: 1px solid #d9d8d9;
        padding: 16px
    }
}

.cart-table .cart-table__cell {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-table__cell--price {
    white-space: nowrap
}

.cart-total {
    width: 100%
}

@media only screen and (min-width: 577px) {
    .cart-total {
        width: 306px
    }
}

@media only screen and (min-width: 1025px) {
    .cart-total {
        width: 260px
    }
}

@media only screen and (min-width: 1441px) {
    .cart-total {
        width: 20%
    }
}

@media only screen and (max-width: 1024px) {
    .cart-total {
        margin-top: 24px
    }
}

.cart-total_block {
    background: #f6f6f6;
    padding: 9px 15px 40px
}

@media only screen and (max-width: 576px) {
    .cart-total_block {
        margin-left: -16px;
        margin-right: -16px;
        margin-top: 16px
    }
}

@media only screen and (max-width: 376px) {
    .cart-total_block {
        margin-left: -10px;
        margin-right: -10px
    }
}

.cart-total_block p {
    margin: 0
}

.cart-total_block>:not(:first-child) {
    margin-top: 24px
}

.cart-total_title {
    font-size: 1.8rem;
    font-weight: 700
}

.cart-total_col b {
    font-size: 2.8rem;
    font-weight: 400
}

.cart-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

@media only screen and (min-width: 767px) {
    .cart-header {
        margin-bottom: 24px
    }
}

.cart-header .cart-delete .ico,
.cart-header .form-checkbox_box {
    margin-right: 16px
}

.cart-header>*+* {
    margin-left: 32px
}

@media only screen and (min-width: 577px) {
    .cart-header>*+* {
        margin-left: 50px
    }
}

.cart-delete {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-delete .ico {
    height: 20px;
    width: 20px
}

@media only screen and (max-width: 766px) {
    .catalog {
        margin-bottom: 24px
    }
}

.catalog .row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: -24px
}

@media only screen and (max-width: 766px) {
    .catalog .row {
        margin-bottom: -32px
    }
}

.catalog.row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.catalog .col {
    width: 100%
}

@media only screen and (min-width: 767px) {
    .catalog .col {
        margin-bottom: 24px;
        width: 33.33%
    }
}

@media only screen and (min-width: 1441px) {
    .catalog .col {
        width: 25%
    }
}

@media only screen and (max-width: 766px) {
    .catalog .col {
        padding-bottom: 24px;
        position: relative
    }

    .catalog .col+.col {
        padding-top: 16px
    }

    .catalog .col:before {
        background: #d9d8d9;
        bottom: 0;
        content: "";
        height: 1px;
        left: 12px;
        position: absolute;
        width: calc(100% - 24px)
    }
}

@media only screen and (min-width: 767px) {
    .catalog.catalog--x3 .col {
        width: 33.333%
    }
}

.catalog-slider.swiper {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media only screen and (max-width: 766px) {
    .catalog-slider {
        border-bottom: 1px solid #d9d8d9;
        padding-bottom: 16px
    }
}

.catalog-slider .swiper-slide {
    margin-right: 24px;
    width: 100%
}

@media only screen and (min-width: 767px) {
    .catalog-slider .swiper-slide {
        width: calc(50% - 12px)
    }
}

@media only screen and (min-width: 1025px) {
    .catalog-slider .swiper-slide {
        width: calc(25% - 18px)
    }
}

@media only screen and (min-width: 1200px) {
    .catalog-slider .swiper-slide {
        width: calc(20% - 19.2px)
    }
}

.catalog_card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px
}

@media only screen and (min-width: 767px) {
    .catalog_card {
        border: 1px solid #d9d8d9;
        text-align: center
    }
}

@media only screen and (max-width: 766px) {
    .catalog_card {
        min-height: 218px;
        padding: 16px 16px 16px 60%;
        position: relative
    }
}

@media only screen and (max-width: 576px) {
    .catalog_card {
        padding: 16px 16px 16px 154px;
        position: relative
    }
}

.catalog_card .btn {
    margin-top: 20px
}

@media only screen and (max-width: 766px) {
    .catalog_card .btn {
        margin-top: 12px
    }
}

.catalog_card-article {
    color: #989898;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.6rem;
    margin-bottom: 5px
}

@media only screen and (min-width: 767px) {
    .catalog_card-article {
        margin-bottom: 10px;
        margin-top: -10px
    }
}

.row--construct .col--construct {
    display: none
}

.row--construct .col--construct a:not(.btn) {
    font-size: 22px;
    font-weight: 300;
    line-height: 27px
}

.row--construct .col--construct .catalog_card-img {
    bottom: 16px
}

@media only screen and (max-width: 766px) {
    .row--construct .col--construct {
        display: block
    }
}

.row--construct .col--construct .catalog_card-img img,
.row--construct .col--construct--always .catalog_card-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 766px) {
    .row--construct .col:not(.col--construct) {
        display: none
    }

    .row--construct .col.col--construct--always {
        display: block
    }
}

.catalog_card-img {
    position: relative
}

@media only screen and (min-width: 767px) {
    .catalog_card-img {
        margin-bottom: 20px;
        padding-bottom: 59%
    }
}

@media only screen and (max-width: 766px) {
    .catalog_card-img {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        margin: auto;
        padding-right: 20px;
        position: absolute;
        top: 16px;
        width: 60%
    }

    .catalog_card-img img {
        height: auto;
        max-height: 100%;
        min-height: 70%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }
}

@media only screen and (max-width: 576px) {
    .catalog_card-img {
        width: 150px
    }

    .catalog_card-img img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }
}

@media only screen and (min-width: 767px) {
    .catalog_card-img img {
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: 0
    }
}

.catalog_card-name {
    margin-bottom: 30px
}

@media only screen and (min-width: 1025px) {
    .catalog_card-name {
        margin-bottom: 50px
    }
}

.catalog_card-price {
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.4rem
}

.swiper-wrapper {
    position: relative
}

.swiper-wrapper .swiper-button-prev {
    left: -16px
}

@media only screen and (max-width: 376px) {
    .swiper-wrapper .swiper-button-prev {
        left: -10px
    }
}

.swiper-wrapper .swiper-button-next {
    right: -16px
}

@media only screen and (max-width: 376px) {
    .swiper-wrapper .swiper-button-next {
        right: -10px
    }
}

.swiper-button-next .ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.certificats-slider .swiper-slide {
    width: 100%
}

@media only screen and (min-width: 577px) {
    .certificats-slider .swiper-slide {
        width: calc(25% - 16px)
    }
}

@media only screen and (min-width: 767px) {
    .certificats-slider .swiper-slide {
        width: calc(20% - 18px)
    }
}

.certificats {
    overflow: hidden;
    padding: 0 8.5%;
    position: relative
}

@media only screen and (max-width: 576px) {
    .certificats {
        margin: 0 -16px
    }

    .certificats .certificats-slider {
        padding: 0 16px
    }
}

@media only screen and (max-width: 376px) {
    .certificats {
        margin: 0 -10px
    }

    .certificats .certificats-slider {
        padding: 0 10px
    }
}

@media only screen and (max-width: 576px) {

    .certificats .swiper-button-next,
    .certificats .swiper-button-next:hover,
    .certificats .swiper-button-prev,
    .certificats .swiper-button-prev:hover {
        background: 0
    }

    .certificats .swiper-button-next:hover:before,
    .certificats .swiper-button-prev:hover:before {
        background: #fe3331
    }

    .certificats .swiper-button-next:before,
    .certificats .swiper-button-prev:before {
        background: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
        box-shadow: 0 0 8px rgba(0, 0, 0, .25);
        content: "";
        height: 54px;
        position: absolute;
        -webkit-transition: var(--cub);
        -o-transition: var(--cub);
        transition: var(--cub);
        width: 54px;
        z-index: -1
    }
}

@media only screen and (max-width: 1024px) {

    .certificats .swiper-button-next,
    .certificats .swiper-button-prev {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.certificats .swiper-button-prev {
    left: 0
}

@media only screen and (min-width: 577px) {
    .certificats .swiper-button-prev {
        left: 2.5%
    }
}

@media only screen and (max-width: 576px) {
    .certificats .swiper-button-prev .ico {
        left: -5px;
        position: relative
    }

    .certificats .swiper-button-prev:before {
        left: -25px
    }
}

.certificats .swiper-button-next {
    right: 0
}

@media only screen and (min-width: 577px) {
    .certificats .swiper-button-next {
        right: 2.5%
    }
}

@media only screen and (max-width: 576px) {
    .certificats .swiper-button-next .ico {
        position: relative;
        right: -5px
    }

    .certificats .swiper-button-next:before {
        right: -25px
    }
}

.cert__list .cert__item {
    margin: 45px 0
}

.cert__list .cert__item h4 {
    font-weight: 700;
    margin-bottom: 16px
}

.cert__list .cert__item .certificats {
    margin-top: 28px
}

.contacts__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 1199px) {
    .contacts__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contacts__list .contacts__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 48%
}

@media only screen and (max-width: 576px) {
    .contacts__list .contacts__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 1199px) {
    .contacts__list .contacts__item {
        margin-bottom: 48px;
        width: 100%
    }

    .contacts__list .contacts__item:last-child {
        margin-bottom: 0
    }
}

.contacts__list .contacts__item h4 {
    font-weight: 700;
    margin-bottom: 24px
}

@media only screen and (max-width: 576px) {
    .contacts__list .contacts__item .contacts__info {
        width: 100%
    }
}

.contacts__list .contacts__item .contacts__info>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px
}

.contacts__list .contacts__item .contacts__info p:last-child {
    margin-top: 24px
}

.contacts__list .contacts__item .contacts__info .ico {
    margin-right: 12px;
    min-width: 24px
}

.contacts__list .contacts__item .contacts__info a {
    color: #fe3331;
    text-decoration: underline
}

.contacts__list .contacts__item .contacts__map {
    background: #f5f5f5;
    height: 302px;
    margin-left: 24px;
    min-width: 302px;
    width: 302px
}

@media only screen and (max-width: 576px) {
    .contacts__list .contacts__item .contacts__map {
        margin-left: 0;
        margin-top: 24px
    }
}

.form {
    color: #000000;
}

.form-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -16px
}

@media only screen and (min-width: 577px) {
    .form-row {
        margin-bottom: -24px
    }
}

@media only screen and (max-width: 576px) {
    .form-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.form-row .btn {
    margin-bottom: 16px
}

@media only screen and (min-width: 577px) {
    .form-row .btn {
        margin-bottom: 24px
    }
}

.form-row+.form-row {
    margin-top: 16px
}

@media only screen and (min-width: 577px) {
    .form-row+.form-row {
        margin-top: 24px
    }
}

.order-form .error input {
    border: 1px solid #ff9c9c
}

.form-field {
    /*-webkit-box-flex: 1;*/
    /*-ms-flex: auto;*/
    /*flex: auto;*/
    margin-bottom: 16px
}

@media only screen and (max-width: 576px) {
    .form-field {
        text-align: center
    }
}

.form-field--sm {
    width: 33.333%
}

.form-field--l {
    width: 66.666%
}

.form-field--xs {
    width: 11%
}

.form-field--md {
    width: 50%
}

@media only screen and (max-width: 576px) {
    .form-field--email {
        width: 100%
    }
}

.form-field.form-field--fake {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.form-field.form-field--fake a {
    position: absolute;
    right: 12px
}

.form-field.form-field--fake a img {
    margin-top: 0
}

.form-field.form-field--fake input {
    display: none
}

.form-field.form-field--fake button {
    overflow: hidden;
    white-space: nowrap
}

.form-field.form-field--fake button,
.form-field.form-field--fake label.btn.dropdown-toggle {
    background: #fff;
    border: 1px solid #d9d8d9;
    border-radius: 0;
    color: #3e3e40;
    font-size: 18px;
    font-weight: 400;
    height: 40px;
    margin: 0;
    padding: 9px 40px 10px 7px;
    position: relative;
    text-align: left;
    width: 100%
}

/*.form-field.form-field--fake button:hover,.form-field.form-field--fake label.btn.dropdown-toggle:hover {*/
/*    border-color: #fe3331*/
/*}*/
/*shalser*/

.form-field.form-field--fake button:before,
.form-field.form-field--fake label.btn.dropdown-toggle:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNiA2IDYgNi02IiBzdHJva2U9IiMzRTNFNDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
    background-position: 50%;
    bottom: 0;
    content: "";
    height: 20px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 20px
}

.form-field.form-field--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-field.form-field--img .bootstrap-select,
.form-field.form-field--img button {
    display: inline-block;
    width: calc(100% - 100px)
}

.form-field.form-field--img img {
    float: right;
    height: 70px;
    margin-left: 30px;
    margin-top: -20px;
    vertical-align: bottom;
    width: auto
}

.form-field textarea {
    min-height: 50px;
    resize: vertical
}

.form-field input {
    padding: 10px 19px 13px
}

.form-field textarea {
    padding: 10px 19px 11px
}

.form-field input,
.form-field textarea {
    font-size: 2.2rem;
    height: 50px;
    line-height: 2.7rem;
    outline: none;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

/*.form-field input:focus,.form-field input:hover,.form-field textarea:focus,.form-field textarea:hover {*/
/*    border-color: #fe3331*/
/*}*/
/*shalser*/

.form-note {
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 24px;
    text-align: center;
    width: 100%
}

.form-note a {
    color: #fff;
    text-decoration: underline
}

.form-note a:hover {
    color: #fff
}

.form-row_label {
    display: block;
    font-size: 1.3rem;
    margin-bottom: 5px;
    /*padding: 0 12px;*/
    /*shalser*/
    width: 100%
}

@media only screen and (max-width: 425px) {
    .form-row_label {
        max-width: 340px;
    }
}

@media only screen and (max-width: 360px) {
    .form-row_label {
        max-width: 320px;
    }
}

/*.form .form-row.form-row--color {*/
/*    margin: 0 -36px*/
/*}*/
/*shalser*/

/*.form .form-row.form-row--color .form-row_label {*/
/*    padding: 0 36px*/
/*}*/
/*shalser*/

.sh-button-color-profile {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    font-size: 1.4rem;
    /*padding: 0 30px*/
}

.sh-button-color-profile input {
    height: 1px;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 1px
}

.sh-button-color-profile input:checked~label {
    color: #EE7203;
    font-weight: 500;

    .sh-shadow-checked {
        box-shadow: 0 4px 4px 0 #00000040;
    }
}

.form-field.form-field--color {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    font-size: 1.4rem;
    /*padding: 0 30px*/
}

.form-field.form-field--color input {
    height: 1px;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-field.form-field--color input:checked~label {
    color: #EE7203;
    font-weight: 500;

    .sh-canvas img {
        /*box-shadow: 0 4px 4px 0 #00000040;*/
        filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.5))
    }
}

.sh-button-type-row.active~label {
    color: #EE7203;
    font-weight: 500;

    .sh-canvas img {
        /*box-shadow: 0 4px 4px 0 #00000040;*/
        filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.5))
    }
}

/*shalser*/

/*.form .form-field.form-field--color input:checked~label span {*/
/*    border-color: #6D6D6D;*/
/*    width: 100px;*/
/*    height: 45px;*/
/*}*/
/*shalser*/

.form .form-field.form-field--color label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    text-align: center;
    /*text-transform: uppercase;*/
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub)
}

.form .form-field.form-field--color label span {
    border: 1px solid #d9d8d9;
    border-radius: 10px;
    display: block;
    height: 45px;
    margin: auto auto 4px;
    width: 100px
}

.form .form-field.form-field--color label span,
.form-checkbox_box {
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub)
}

.form-checkbox_box {
    border: 1px solid #d9d8d9;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px
}

.form-checkbox_box:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgNS4yNjcgNC41IDkgMTIgMSIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

.form-checkbox_box:hover {
    border-color: #3e3e40
}

.form-checkbox_box:hover:before {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    opacity: 1
}

.form-radio_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px
}

.form-radio_box label {
    cursor: pointer
}

.form-radio_box input[type=radio] {
    background: transparent;
    height: auto;
    min-height: auto;
    padding: 0
}

.form-radio_box input[type=radio]+label:before {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #3e3e40;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 6px;
    width: 16px
}

.form-radio_box input[type=radio]:checked+label:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHJ4PSI0IiBmaWxsPSIjRkUzMzMxIi8+PC9zdmc+")
}

.form-checkbox {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.form-checkbox input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.form-checkbox input:checked~.form-checkbox_box {
    background: #e30200;
    border-color: #e30200
}

.form-checkbox input:checked~.form-checkbox_box:before {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    opacity: 1
}

.form-block+.form-block {
    margin-top: 32px
}

@media only screen and (min-width: 767px) {
    .form-block+.form-block {
        margin-top: 48px
    }
}

.main-slider {
    height: 240px;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 767px) {
    .main-slider {
        height: 400px
    }
}

@media only screen and (min-width: 577px) {
    .main-slider {
        border-radius: 20px;
        height: 336px
    }
}

@media only screen and (max-width: 576px) {
    .main-slider {
        margin: 0 -16px
    }
}

@media only screen and (max-width: 359px) {
    .main-slider {
        margin: 0 -10px
    }
}

@media only screen and (max-width: 1024px) {
    .main-slider .swiper-slide {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

.main-slider .swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: flex-end;
    position: absolute;
    right: 0
}

@media only screen and (max-width: 576px) {
    .main-slider .swiper-pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main-slider_text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 2.4rem;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0
}

@media only screen and (max-width: 1024px) {
    .main-slider_text {
        padding: 45px
    }
}

@media only screen and (max-width: 576px) {
    .main-slider_text {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 16px 16px 50px
    }
}

@media only screen and (min-width: 767px) {
    .main-slider_text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto;
        max-width: 360px
    }
}

@media only screen and (min-width: 1025px) {
    .main-slider_text {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        left: 25%;
        margin-left: 26px;
        max-width: unset
    }
}

.main-slider_text ul {
    padding-left: 30px
}

@media only screen and (max-width: 576px) {
    .main-slider_text ul {
        font-size: 18px
    }
}

.main-slider_text ul li {
    line-height: 1;
    list-style: disc
}

.main-slider_title {
    font-size: 3.6rem;
    margin-bottom: 6px
}

.main-slider_img {
    height: 100%;
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 577px) {
    .main-slider_img {
        border-radius: 20px
    }
}

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

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: .35
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal .close {
    background-color: transparent;
    border: none;
    color: #3e3e40;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 24px
}

@media only screen and (min-width: 1025px) {
    .modal .close {
        right: 48px;
        top: 48px
    }
}

.modal .close .ico {
    height: 100%;
    width: 100%
}

.modal .close:hover {
    color: #fe3331
}

.modal {
    background-color: transparent;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal p {
    font-size: 14px
}

.modal .modal-dialog {
    background-color: transparent
}

.modal .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.1;
    padding-right: 30px;
    width: 100%
}

@media only screen and (min-width: 767px) {
    .modal-title {
        font-size: 3rem;
        line-height: 3.3rem
    }
}

.modal-title .link {
    font-size: 13px;
    font-weight: 300;
    margin-left: 40px
}

@media only screen and (max-width: 576px) {
    .modal-title .link {
        display: block;
        margin: 10px 0 0
    }
}

.modal-title:not(:last-child) {
    margin-bottom: 24px
}

.modal-dialog {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 20px;
    min-height: calc(100% - 80px);
    pointer-events: none;
    position: relative;
    width: auto
}

.modal-dialog .container {
    height: 100%
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-width: 686px;
    min-height: unset;
    outline: 0;
    padding: 24px;
    pointer-events: auto;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 425px) {
    .product-info {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 360px) {
    .product-info {
        display: flex;
        justify-content: center;
    }
}

.modal-content .product-info {
    margin-top: 40px;
    width: 100%
}

.modal-content .product-info__name {
    color: #3e3e40;
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 20px
}

.modal-content .product-info__item-content {
    height: 60px;
    width: 60px
}

.modal-content .form {
    width: 100%
}

.modal-content .product-info__list {
    max-width: 720px
}

.modal-content .btn-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-backdrop {
    background: #3e3e40;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.form-error {
    color: #dc5846;
    display: none;
    font-size: 12px
}

input[type=file] {
    height: 1px !important;
    opacity: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.modal-tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 -8px 24px;
    overflow-x: auto
}

.modal-tabs.modal-tabs--text {
    margin: 0 -12px 24px
}

@media only screen and (max-width: 766px) {
    .modal-tabs.modal-tabs--text {
        font-size: 1.5rem
    }
}

.modal-tabs.modal-tabs--text .col {
    padding: 0 12px
}

.modal-tabs.modal-tabs--text button {
    font-weight: 700;
    height: 28px;
    padding-bottom: 4px;
    width: auto
}

.modal-tabs.modal-tabs--text button.active {
    color: #fe3331
}

@media only screen and (max-width: 576px) {
    .modal-tabs.modal-tabs--text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
        box-shadow: 0 0 8px rgba(0, 0, 0, .25);
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        top: 100%;
        -webkit-transition: var(--cub);
        -o-transition: var(--cub);
        transition: var(--cub);
        visibility: hidden;
        width: 100%;
        z-index: 1
    }

    .modal-tabs.modal-tabs--text .col {
        width: 100%
    }

    .modal-tabs.modal-tabs--text .col:last-child button:before {
        display: none
    }

    .modal-tabs.modal-tabs--text button {
        font-size: 1.8rem;
        height: auto;
        padding-bottom: 9px;
        padding-top: 11px;
        text-align: left;
        width: 100%
    }

    .modal-tabs.modal-tabs--text button:before {
        height: 1px
    }
}

.modal-tabs button {
    height: 60px;
    position: relative;
    width: 60px
}

.modal-tabs button:before {
    background: #d9d8d9;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

@media only screen and (max-width: 766px) {
    .modal-tabs button:before {
        bottom: -7px
    }
}

.modal-tabs button.active:before {
    background: #fe3331
}

.modal-tabs .col {
    padding: 0 8px
}

.modal--xl .modal-content {
    max-width: 1000px;
    padding: 24px
}

@media only screen and (min-width: 1025px) {
    .modal--xl .modal-content {
        padding: 48px
    }
}

[data-datepicker] {
    width: 100%
}

.modal.modal--md .modal-content {
    max-width: 580px;
    padding: 24px 24px 48px
}

.modal.modal--md .close {
    right: 24px;
    top: 24px
}

.modal-tab {
    display: none;
    width: 100%
}

.modal-tab.show {
    display: block
}

.modal-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.modal-side_left {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.window_type-slider {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

@media only screen and (min-width: 577px) {
    .window_type-slider {
        margin-top: -60px;
        width: 182px
    }
}

@media only screen and (min-width: 767px) {
    .window_type-slider {
        margin-top: 0;
        width: 220px
    }
}

@media only screen and (min-width: 1025px) {
    .window_type-slider {
        margin-top: -120px;
        width: 328px
    }
}

.window_type-slider .swiper-button-prev {
    left: 5px
}

.window_type-slider .swiper-button-next {
    right: 5px
}

.window_type-slider img {
    -o-object-fit: contain;
    object-fit: contain
}

.window_type-slider_thumbs {
    margin-top: 16px;
    overflow-y: auto;
    width: 100%
}

@media only screen and (min-width: 577px) {
    .window_type-slider_thumbs {
        margin-right: 24px
    }
}

@media only screen and (min-width: 767px) {
    .window_type-slider_thumbs {
        max-height: 212px
    }
}

@media only screen and (min-width: 1025px) {
    .window_type-slider_thumbs {
        margin-right: 56px;
        max-height: 192px
    }
}

.window_type-slider_thumbs .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    margin: 0 -8px
}

@media only screen and (max-width: 766px) {
    .window_type-slider_thumbs {
        height: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 13%;
        position: relative
    }

    .window_type-slider_thumbs .swiper-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%
    }
}

@media only screen and (max-width: 576px) {
    .window_type-slider_thumbs {
        padding-bottom: 20%
    }
}

.window_type-slider_thumbs .col {
    margin-bottom: 16px;
    padding: 0 8px
}

.window_type-slider_thumbs label {
    cursor: pointer
}

.window_type-slider_thumbs .window_type-item {
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.window_type-slider_thumbs .window_type-item.img {
    height: 0;
    padding-bottom: 100%
}

.window_type-slider_thumbs .window_type-item.img img,
.window_type-slider_thumbs .window_type-item:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.window_type-slider_thumbs .window_type-item:before {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 1px #d9d8d9;
    box-shadow: inset 0 0 0 1px #d9d8d9;
    content: "";
    pointer-events: none;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    z-index: 1
}

.window_type-slider_thumbs .swiper-slide {
    cursor: pointer;
    width: 20%
}

.window_type-slider_thumbs .swiper-slide.swiper-slide-thumb-active .window_type-item:before {
    -webkit-box-shadow: inset 0 0 0 1px #fe3331;
    box-shadow: inset 0 0 0 1px #fe3331
}

.window_type-footer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    margin-top: 40px;
    width: 100%
}

@media only screen and (max-width: 766px) {
    .window_type-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 32px
    }
}

@media only screen and (max-width: 576px) {
    .window_type-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.window_type-footer .btn {
    margin-top: 24px
}

@media only screen and (min-width: 577px) {
    .window_type-footer .btn {
        margin: auto 0 auto auto
    }
}

.window_type-note {
    font-size: 2.4rem
}

@media only screen and (max-width: 766px) {
    .window_type-note {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 576px) {
    .window_type-note {
        margin-bottom: 8px;
        text-align: center
    }
}

.window_type-price {
    font-size: 3.2rem;
    white-space: nowrap
}

@media only screen and (min-width: 577px) {
    .window_type-price {
        margin: 0 32px 0 16px
    }
}

.color_tile-list {
    height: 328px
}

@media only screen and (min-width: 577px) {
    .color_tile-list {
        height: 152px;
        margin-right: 22px
    }
}

@media only screen and (max-width: 766px) {
    .color_tile-list {
        height: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 28%;
        position: relative;
        width: 100%
    }

    .color_tile-list ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: calc(100% - 16px)
    }
}

@media only screen and (max-width: 576px) {
    .color_tile-list {
        padding-bottom: 184px
    }
}

@media only screen and (min-width: 767px) {
    .color_tile-list {
        height: 284px;
        overflow-y: auto
    }
}

@media only screen and (min-width: 1025px) {
    .color_tile-list {
        height: 328px;
        margin-right: 24px;
        padding-right: 24px
    }
}

.color_tile-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.color_tile-list ul .color_tile-empty img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    right: 0;
    top: 0;
    width: auto
}

.color_tile-list ul .color_tile-empty span {
    border-color: #d9d8d9
}

.color_tile-list ul .color_tile-square {
    height: 88px
}

@media only screen and (max-width: 576px) {
    .color_tile-list ul .color_tile-square {
        height: 66px;
        width: 66px
    }
}

.color_tile-list ul .color_tile-square label {
    height: 100%
}

.color_tile-list ul li {
    margin: 0 8px 16px
}

@media only screen and (min-width: 577px) {
    .color_tile-list ul li {
        width: 25%
    }
}

@media only screen and (min-width: 1025px) {
    .color_tile-list ul li {
        width: 88px
    }
}

.color_tile-list ul li label {
    border-radius: 10px;
    cursor: pointer;
    height: 0;
    padding-bottom: 51%;
    position: relative
}

@media only screen and (max-width: 576px) {
    .color_tile-list ul li label {
        height: 40px;
        padding: 0;
        width: 66px
    }
}

.color_tile-list ul li label img,
.color_tile-list ul li label span {
    border: 2px solid transparent;
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

.color_tile-list ul li input:checked~span {
    border: 2px solid #fe3331
}

.color_tile-list ul li>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

.color_tile-list ul li img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.modal-side_image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 0;
    padding-bottom: 36.3%;
    position: relative;
    width: 36.3%
}

@media only screen and (max-width: 576px) {
    .modal-side_image {
        height: 240px;
        margin: auto;
        padding-bottom: 0;
        width: 240px
    }
}

.color_tile-image_name,
.modal-side_image img {
    bottom: 0;
    left: 0;
    position: absolute
}

.color_tile-image_name {
    background: #3e3e40;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    mix-blend-mode: multiply;
    opacity: .3;
    padding: 4px 10px;
    text-transform: uppercase;
    width: 100%
}

.window_system-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
    position: relative
}

@media only screen and (min-width: 1025px) {
    .window_system-wrapper {
        padding-right: calc(36% + 45px)
    }
}

@media only screen and (max-width: 576px) {
    .window_system-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.window_system-wrapper .window_system-highlight {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    font-size: 14px;
    justify-content: flex-start
}

.window_system-wrapper .window_system-highlight span {
    margin-left: 10px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.window_system-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 8px
}

@media only screen and (min-width: 1025px) {
    .window_system-col:first-child {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 42%
    }
}

@media only screen and (max-width: 1024px) {
    .window_system-col {
        width: 50%
    }
}

@media only screen and (max-width: 576px) {
    .window_system-col {
        width: 100%
    }
}

.window_system-side_image {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 8px
}

@media only screen and (min-width: 577px) {
    .window_system-side_image {
        top: 96px
    }
}

@media only screen and (max-width: 1024px) {
    .window_system-side_image {
        height: 230px;
        top: 70px;
        width: 230px
    }
}

@media only screen and (max-width: 576px) {
    .window_system-side_image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: unset
    }
}

@media only screen and (min-width: 1025px) {
    .window_system-side_image {
        top: -52px;
        width: 36.3%
    }
}

.window_system-name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px
}

@media only screen and (max-width: 576px) {
    .window_system-name {
        display: none
    }
}

.window_system-text {
    margin-bottom: 16px
}

@media only screen and (max-width: 1024px) {
    .window_system-text {
        display: none
    }
}

.window_system-highlight {
    color: #fe3331
}

@media only screen and (max-width: 1024px) {
    .window_system-highlight {
        display: none
    }
}

.window_system-characteristics {
    margin-bottom: 24px
}

@media only screen and (max-width: 1024px) {
    .window_system-characteristics {
        margin-left: auto;
        width: 230px
    }
}

@media only screen and (max-width: 576px) {
    .window_system-characteristics {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin: 16px auto 0;
        order: 2;
        width: auto
    }
}

.window_system-characteristics_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fe3331;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    max-width: 230px;
    text-transform: uppercase
}

.window_system-characteristics_icons {
    margin-left: auto;
    padding-left: 10px
}

.window_system-characteristics_icons .ico {
    height: 14px;
    opacity: .3;
    width: 14px
}

.window_system-characteristics_icons .ico.fill {
    opacity: 1
}

.window_system-characteristics_icons .ico+.ico {
    margin-left: 5px
}

@media only screen and (max-width: 1024px) {
    .window_system-table {
        margin-left: calc(-100% - 12px);
        margin-right: auto;
        min-height: 230px;
        width: calc(200% - 250px)
    }
}

@media only screen and (max-width: 576px) {
    .window_system-table {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        margin-left: 0;
        margin-top: 16px;
        min-height: unset;
        order: 3;
        width: 100%
    }
}

.window_system-table td {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 4px 6px
}

.window_system-table td:first-child {
    font-size: 13px;
    font-weight: 300;
    line-height: 16px
}

.window_system-table tr:nth-child(odd) {
    background: #f6f6f6
}

.window_system-table table {
    border-spacing: 0;
    width: 100%
}

.window_system-table table tfoot tr:nth-child(n) {
    background: 0
}

.window_system-table table tfoot td:nth-child(n) {
    border-top: 2px solid #3e3e40;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

.compare-item_characteristics {
    color: #fe3331;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 12px;
    text-transform: uppercase
}

.compare-item_characteristics .ico {
    height: 14px;
    opacity: .5;
    width: 14px
}

.compare-item_characteristics .ico+.ico {
    margin-left: 5px
}

.compare-item_characteristics .ico.fill {
    opacity: 1
}

.compare-table_wrapper {
    margin: 0 -24px;
    padding-left: 12px;
    padding-right: 24px;
    position: relative;
    width: calc(100% + 48px)
}

.compare-table_overflow {
    overflow-x: auto;
    padding-bottom: 20px;
    width: 100%
}

.compare-table {
    border-spacing: 0;
    position: relative;
    width: 100%
}

.compare-table thead td {
    vertical-align: bottom
}

.compare-table tbody td+td:before {
    background: #d9d8d9;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.compare-table tr:nth-child(2n+2) .compare-table_parametr:after {
    background: #f6f6f6;
    content: "";
    height: 100%;
    left: 12px;
    position: absolute;
    top: 0;
    width: calc(100% - 24px);
    z-index: -1
}

.compare-table tr:nth-last-child(2) td {
    vertical-align: top
}

.compare-table tr .compare-table_parametr {
    line-height: 17px;
    padding: 5px 8px
}

.compare-table td {
    min-width: 150px;
    padding: 0 12px;
    position: relative;
    text-align: center;
    width: 150px;
    z-index: 1
}

.compare-table td.active .compare-item_title,
.compare-table td.active .compare-item_total {
    color: #fe3331
}

@media only screen and (max-width: 376px) {
    .compare-table td {
        min-width: 130px;
        width: 130px
    }
}

@media only screen and (max-width: 576px) {
    .compare-table td {
        font-size: 14px
    }
}

@media only screen and (min-width: 577px) {
    .compare-table td {
        min-width: 188px;
        width: 188px
    }
}

@media only screen and (min-width: 1025px) {
    .compare-table td {
        min-width: 162px;
        width: 162px
    }
}

.compare-table td:first-child {
    font-size: 13px;
    font-weight: 300;
    text-align: left
}

.compare-table .compare-item_btn {
    border: 1px solid #d9d8d9;
    border-radius: 13px;
    color: #3e3e40;
    font-weight: 400;
    height: 22px;
    min-width: 110px
}

.compare-table .compare-item_btn.active {
    background: #fe3331;
    border-color: #fe3331;
    color: #fff
}

.compare-item_title {
    border-bottom: 2px solid #d9d8d9;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-bottom: 6px;
    text-transform: uppercase
}

.compare-table_clone {
    background: #fff;
    height: calc(100% - 8px);
    left: 0;
    padding-left: 24px;
    position: absolute;
    top: 0;
    z-index: 1
}

.compare-table_clone>* {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 10px
}

.compare-table_clone>:nth-child(odd) .compare-table_parametr {
    background: #f6f6f6
}

.compare-table_clone .compare-table_parametr {
    font-size: 13px;
    font-weight: 300;
    padding: 5px 8px;
    text-align: left
}

.compare-item_total {
    border-top: 2px solid #3e3e40;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 12px 8px
}

.compare-table_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #bcbcbc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 40px);
    justify-content: center;
    position: absolute;
    top: 28px;
    width: 14px;
    z-index: 2
}

.compare-table_btn.hide {
    display: none
}

.compare-table_btn .ico {
    height: 17px;
    width: 10px
}

.compare-table_btn--left {
    border-radius: 30px 0 0 30px
}

@media only screen and (max-width: 576px) {
    .compare-table_btn--left {
        left: 158px
    }
}

@media only screen and (min-width: 577px) {
    .compare-table_btn--left {
        left: 194px
    }
}

@media only screen and (min-width: 767px) {
    .compare-table_btn--left {
        left: 188px
    }
}

.compare-table_btn--right {
    border-radius: 0 30px 30px 0;
    right: 0
}

.compare-table_btn--right .ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

.modal--datepicker .btn-group {
    margin-top: 48px
}

.modal-timeselect {
    border-top: 1px solid #d9d8d9;
    margin-top: 16px;
    padding-top: 16px
}

.modal-timeselect .filter_side-block_row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 576px) {
    .modal-timeselect .filter_side-block_row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal--color_tile .modal-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .modal--color_tile .color_tile-list {
        margin-top: 16px
    }
}

@media only screen and (max-width: 1024px) {
    .modal--compare .modal-content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (max-width: 766px) {
    .modal--window_type .modal-tabs {
        max-width: calc(100% - 180px)
    }
}

@media only screen and (max-width: 576px) {
    .modal--window_type .modal-tabs {
        max-width: 100%;
        overflow-x: visible;
        width: 100%
    }

    .modal--window_type .modal-tabs .col {
        height: 100%;
        width: 20%
    }

    .modal--window_type .modal-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.modal--window_type .modal-tabs button {
    height: 40px;
    width: 40px
}

@media only screen and (min-width: 767px) {
    .modal--window_type .modal-tabs button {
        height: 60px;
        width: 60px
    }
}

@media only screen and (min-width: 1025px) {
    .modal--window_type .modal-tabs button {
        height: 88px;
        width: 88px
    }
}

.modal--window_type .modal-tabs button img {
    max-height: 100%;
    max-width: 100%
}

@media only screen and (max-width: 576px) {
    .modal-tabs_wrapper {
        margin: auto auto 16px;
        position: relative;
        width: 240px
    }
}

.modal-tabs_selected {
    background: #fff;
    border: 1px solid #d9d8d9;
    font-size: 18px;
    font-weight: 700;
    line-height: 110%;
    padding: 9px 30px 9px 12px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2
}

.modal-tabs_selected.open~.modal-tabs {
    opacity: 1;
    visibility: visible
}

.modal-tabs_selected:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%233E3E40' stroke-linecap='round' stroke-linejoin='round' d='m3 6 6 6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 18px
}

@media only screen and (min-width: 577px) {
    .modal-tabs_selected {
        display: none
    }
}

.modal-subtitle {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 30px
}

.modal-subtitle.modal-subtitle--center {
    text-align: center
}

.modal--collections .modal-tabs_wrapper {
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .modal--collections .modal-tabs_wrapper .col {
        width: 33.333%
    }

    .modal--collections .modal-tab {
        display: block;
        width: 33.333%
    }
}

.modal--collections .modal-side_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px -24px
}

.modal-collections_item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px;
    padding: 0 12px
}

.modal-collections_item-img {
    border: 1px solid #d9d8d9;
    border-radius: 50%;
    height: 120px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 120px
}

@media only screen and (max-width: 576px) {
    .modal-collections_item-img {
        height: 164px;
        margin: 0 auto 16px;
        width: 164px
    }
}

.modal.modal-sm .modal-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    max-width: 100%;
    padding: 50px;
    width: 540px
}

@media only screen and (max-width: 576px) {
    .modal.modal-sm .modal-content {
        padding: 30px
    }
}

.modal.modal-sm .close {
    right: 30px;
    top: 30px
}

.modal--request .modal-content {
    border-radius: 20px;
    max-width: 516px;
    padding: 24px
}

@media only screen and (max-width: 576px) {
    .modal--request .modal-content {
        padding-bottom: 50px
    }
}

.modal--request .btn-group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.modal--request .close {
    right: 24px;
    top: 24px
}

.modal--request .form-note a {
    color: #3e3e40
}

.modal--request .form {
    margin-bottom: 24px
}

@media only screen and (max-width: 576px) {
    .modal--request .form {
        margin-bottom: 48px
    }
}

.modal--request .form textarea {
    height: 80px
}

.modal--request .form input,
.modal--request .form textarea {
    background: #f6f6f6;
    border-radius: 10px
}

.modal--request .form input.btn--red {
    background: #fe3331
}

.modal--request .form .btn-group.btn-group--column {
    margin-top: 24px
}

@media only screen and (max-width: 576px) {
    .modal--request .form .btn-group.btn-group--column {
        margin-top: 48px
    }
}

.modal-share .modal-content {
    padding: 32px;
    width: 360px
}

.modal-share .modal-content .close {
    right: 32px;
    top: 32px
}

.modal-share .modal-text {
    text-align: center;
    width: 100%;
    word-break: break-word
}

.modal-share .modal-share_social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.modal-share .modal-share_social .ico {
    height: 40px;
    width: 40px
}

.modal-share .modal-share_social a {
    margin: 0 8px
}

.modal-comment_add .review-add_column .review-add_select-ava {
    margin: 0
}

@media only screen and (max-width: 576px) {
    .modal-comment_add .review-add_column {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .modal-comment_add .review-add_order-btn {
        margin-top: 32px
    }
}

.oferta-wrapper {
    border: 1px solid #ececec;
    font-size: 24px;
    font-weight: 300;
    line-height: 26.4px;
    margin-bottom: 40px;
    max-height: 499px;
    overflow-y: scroll;
    padding: 20px
}

@media only screen and (max-width: 766px) {
    .oferta-wrapper {
        margin-bottom: 24px
    }
}

.ofert-file--wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d9d8d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 48px;
    padding-bottom: 40px
}

@media only screen and (max-width: 766px) {
    .ofert-file--wrapper {
        padding-bottom: 24px
    }
}

@media only screen and (max-width: 576px) {
    .ofert-file--wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.97px
    }

    .ofert-file--wrapper .oferta-download {
        margin-bottom: 30px
    }
}

.ofert-file--wrapper .oferta-checked input {
    height: 1px;
    position: absolute
}

.ofert-file--wrapper .oferta-checked label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ofert-file--wrapper .oferta-checked input+label:before {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    background-color: #e30200;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 20px;
    margin-right: 16px;
    width: 20px
}

.ofert-file--wrapper .oferta-checked input:checked+label:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEuMjAzIDQuNzY3IDMuNSAzLjczMyA3LjUtOCIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+)
}

.ofert-file--wrapper .oferta-download {
    color: #fe3331;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    max-width: 285px;
    min-width: 220px;
    padding-right: 34px
}

.ofert-file--wrapper .oferta-download a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ofert-file--wrapper .oferta-download a .ico {
    height: 51px;
    margin-right: 10px;
    width: 49px
}

body .pay-form--payment {
    margin: 48px 0
}

.oferta-pay--form {
    border: 2px solid #ececec;
    margin: 0 auto;
    padding: 64px 52px 52px;
    position: relative;
    width: 424px
}

@media only screen and (max-width: 576px) {
    .oferta-pay--form {
        border: none;
        padding-left: 0;
        padding-right: 0;
        padding-top: 44px;
        width: 100%
    }
}

.oferta-pay--form .ico--alfa {
    height: 70px;
    position: absolute;
    right: 52px;
    top: 20px;
    width: 46px
}

@media only screen and (max-width: 576px) {
    .oferta-pay--form .ico--alfa {
        top: 0
    }
}

.oferta-pay--form .form-field {
    margin-top: 24px;
    text-align: left
}

.oferta-pay--form .btn-group {
    margin-top: 48px
}

.oferta-pay--form input {
    border: 1px solid #ececec;
    border-radius: 2px;
    color: #3e3e40;
    font-size: 22px;
    font-weight: 300;
    height: auto;
    margin-top: 4px;
    opacity: 1;
    padding: 5px
}

.oferta-pay--form input:hover {
    border-color: #ececec
}

.oferta-pay--form input:disabled {
    background: #f6f6f6
}

.oferta-pay--form .oferta-pay--note {
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    margin-top: 14px
}

.oferta-pay--form .oferta-pay--note a {
    color: #fe3331
}

.order-form input,
.order-form textarea {
    background: #f6f6f6;
    font-size: 22px;
    font-weight: 300;
    height: 40px;
    line-height: 27px;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px
}

.order-form textarea {
    padding: 6px 19px 7px
}

.order-form label {
    display: block;
    font-size: 1.3rem;
    font-weight: 300;
    margin-bottom: 4px;
    text-align: left
}

.order-form .form-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-form .form-row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width: 1024px) {
    .order-form>.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.order-form .form-field--xs {
    width: 33.333%
}

.order-form .form-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.order-form .form-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.order-form .form-radio .form-radio_box label {
    font-size: 16px;
    font-weight: 400
}

.order-title {
    font-size: 2.2rem;
    font-weight: 300;
    margin-bottom: 24px
}

.order-subtitle {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 20px
}

.order-subtitle .link {
    color: #fe3331;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    margin-left: 32px
}

.order-form_col-xl {
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .order-form_col-xl {
        width: 66.666%
    }
}

.order-form_col-sm {
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .order-form_col-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width: 576px) {
    .order-form_col-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1025px) {
    .order-form_col-sm {
        width: 33.333%
    }
}

.order-form_total-notify {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 20px;
    padding: 32px
}

.order-form_total-notify img {
    margin-right: 32px
}

@media only screen and (max-width: 1024px) {
    .order-form_total-notify {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0;
        margin-top: 0;
        padding: 20px;
        text-align: center;
        width: calc(33.333% - 15px)
    }

    .order-form_total-notify img {
        margin: 0 0 24px;
        text-align: center
    }
}

@media only screen and (max-width: 576px) {
    .order-form_total-notify {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 16px;
        text-align: left;
        width: 100%
    }

    .order-form_total-notify img {
        margin: 0 24px 0 0;
        text-align: center
    }
}

.order-form_total {
    background: #f6f6f6;
    font-size: 1.8rem;
    padding: 15px
}

@media only screen and (max-width: 1024px) {
    .order-form_total {
        margin-left: auto;
        width: calc(66.666% - 8px)
    }
}

@media only screen and (max-width: 576px) {
    .order-form_total {
        width: 100%
    }
}

.order-form_total-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order-form_total-row--border {
    border-top: 1px solid #3e3e40;
    margin-top: 12px
}

.order-form_total-row+.order-form_total-row {
    padding-top: 12px
}

.order-form_total-price {
    font-size: 2.8rem;
    margin-left: auto
}

.order-form_total-price b {
    font-size: 3.2rem
}

.order-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 32px
}

@media only screen and (min-width: 767px) {
    .order-footer {
        margin-top: 48px
    }
}

@media only screen and (max-width: 1024px) {
    .order-footer>div {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }
}

.order-footer .btn {
    max-width: 100%;
    width: 258px
}

@media only screen and (max-width: 1024px) {
    .order-footer .btn {
        width: 30%
    }
}

@media only screen and (max-width: 766px) {
    .order-footer .btn {
        width: 49%
    }

    .order-footer .btn:last-child {
        margin-top: 8px;
        width: 100%
    }
}

.order-footer .btn+.btn {
    margin-left: 20px
}

@media only screen and (max-width: 766px) {
    .order-footer .btn+.btn {
        margin-left: 0
    }
}

.order-footer .form-note {
    font-size: 1.3rem;
    margin-top: 16px;
    max-width: 435px
}

@media only screen and (min-width: 767px) {
    .order-footer .form-note {
        margin-top: 24px
    }
}

.order-footer .form-note a {
    color: #3e3e40
}

.order-sms {
    color: red;
    cursor: pointer;
    padding-bottom: 12px;
    text-align: left;
    text-decoration: underline
}

.order-sms_wrapper {
    display: none
}

.suggestions-promo {
    display: none !important
}

.block--timeout>div {
    opacity: .3;
    pointer-events: none
}

.block--timeout:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0bztiYWNrZ3JvdW5kOjAgMDtkaXNwbGF5OmJsb2NrO3NoYXBlLXJlbmRlcmluZzphdXRvIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y5MWExMCIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIi8+PC9jaXJjbGU+PC9zdmc+");
    content: "";
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 100px
}

.order-form_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.order-form_tabs div {
    background: #f6f6f6;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 9px 30px;
    text-align: center;
    width: 50%
}

.order-form_tabs div._active {
    background: #3e3e40;
    color: #fff
}

.order-form_block {
    display: none
}

.order-form_block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1024px) {
    .order-form_block-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 766px) {
    .order-form_block-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px
    }
}

.order-form_block-wrapper>div {
    width: 50%
}

@media only screen and (max-width: 766px) {
    .order-form_block-wrapper>div {
        width: 100%
    }

    .order-form_block-wrapper .order-form_map {
        margin-top: 16px
    }
}

.order-form_block-wrapper .order-form_map-container>div {
    background: #f6f6f6;
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%
}

.order-form_block-wrapper .order-form_map-container>div:before {
    content: "";
    float: left;
    padding-top: 100%
}

.order-form_block-wrapper .order-form_variants {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -20px;
    padding-right: 24px
}

.order-form_block-wrapper .order-form_variants .selected-variant input {
    color: #3e3e40;
    opacity: 1
}

.order-form_block-wrapper .order-form_variants .form-row {
    margin-bottom: 8px
}

.order-form_block-wrapper .order-form_variants .form-block {
    margin-top: 24px
}

.order-form_block-wrapper .order-form_variants .form-radio_box {
    margin: 0
}

.order-form_block-wrapper .order-form_variants .form-radio_box label {
    font-size: 16px;
    font-weight: 400;
    position: relative
}

.order-form_block-wrapper .order-form_variants .form-radio_box label div {
    padding-left: 24px
}

.order-form_block-wrapper .order-form_variants .form-radio_box label div+div {
    margin-top: 10px
}

.order-form_block-wrapper .order-form_variants .form-radio_box label:before {
    position: absolute;
    top: 3px
}

.order-form_block-wrapper .order-form_variants .form-radio_box+.form-radio_box {
    margin-top: 32px
}

.order-form_block-wrapper .order-form_variants .order-form_variants-cost {
    font-size: 28px
}

.order-form_block-wrapper .order-form_variants .order-form_variants-date {
    color: #fe3331
}

.product-info_link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fe3331;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    font-weight: 300;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 24px;
    text-transform: uppercase
}

.product-info_link .ico {
    margin-right: 8px
}

.product-back a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fe3331;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-variant: small-caps;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 15px
}

.product-back a:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxIDEgOGw1IDciIHN0cm9rZT0iI0ZFMzMzMSIvPjwvc3ZnPg==");
    content: "";
    display: block;
    height: 14px;
    margin-right: 10px;
    width: 5px
}

.product-slider_col {
    width: calc(100% - 380px)
}

@media only screen and (max-width: 766px) {
    .product-slider_col {
        width: 100%
    }
}

.product-info_col {
    width: 326px;
}

@media only screen and (max-width: 766px) {
    .product-info_col {
        width: 100%
    }
}

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

@media only screen and (max-width: 1024px) {
    .product-slider_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.product-slider_thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    margin: 0 24px 0 0
}

@media only screen and (min-width: 1025px) {
    .product-slider_thumb {
        left: 0;
        position: absolute;
        top: 0;
        width: 84px
    }
}

@media only screen and (max-width: 1024px) {
    .product-slider_thumb {
        height: 143px;
        /*margin: 24px 0 0*/
    }
}

@media only screen and (max-width: 460px) {
    .product-slider_thumb {
        height: 101px;
        margin: auto;
    }
}

.product-slider_thumb .swiper-slide {
    border-radius: 2px;
    cursor: pointer;
    position: relative
}

.product-slider_thumb .swiper-slide:before {
    border: 1px solid transparent;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

/*shalser*/

.product-slider_thumb .swiper-slide-thumb-active:before {
    border-color: #7D7D7D
}

.product-slider_thumb .swiper-slide {
    height: 124px;
    width: 70px;
}

/*shalser*/

@media only screen and (max-width: 766px) {
    .product-slider_thumb .swiper-slide {
        height: 77px;
        width: 46px
    }
}

.product-slider_thumb .swiper-slide img {
    -o-object-fit: contain;
    object-fit: contain
}

.product-slider {
    height: 660px;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .product-slider {
        height: 492px;
    }
}

@media only screen and (max-width: 766px) {
    .product-slider {
        height: 465px;
    }
}

@media only screen and (max-width: 576px) {
    .product-slider {
        height: 468px
    }
}

.product-slider .swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-slider .swiper-slide img {
    width: 100%;
    max-height: 100%;
    max-width: 270px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 1024px) {
    .product-slider .swiper-slide img {
        max-width: 67%;
        /*max-width: 61%;*/
    }
}

@media only screen and (max-width: 766px) {
    .product-slider .swiper-slide img {
        max-width: 61%;
    }
}

@media only screen and (max-width: 766px) {
    .product-slider .flex-center {
        top: 0 !important;
    }
}

.product-slider .flex-center {
    height: 100%;
    width: 100%;
    max-width: 315px;
    /*padding: 30px;*/
    position: relative;
    top: -90px;
}

@media only screen and (max-width: 1024px) {
    .product-slider .flex-center {
        top: -67px;
    }
}


/*shalser*/

/*.product-slider .noUi-target {*/
/*    bottom: 0;*/
/*    left: 30px;*/
/*    position: absolute;*/
/*    width: calc(100% - 60px)*/
/*}*/

/*!todo shalser выше что было*/

@media only screen and (max-width: 766px) {
    .product-slider .noUi-target {
        bottom: 13px !important;
        left: 84px !important;
        width: calc(100% - 152px) !important;
    }
}

.product-slider .noUi-target {
    bottom: 53px;
    left: 30px;
    position: absolute;
    width: calc(100% - 60px)
}

@media only screen and (max-width: 1024px) {
    .product-slider .noUi-target {
        bottom: 33px;
        width: calc(100% - 131px);
        left: 73px;
    }
}

/*shalser*/

/*.product-slider .noUi-target.noUi-vertical {*/
/*    height: calc(100% - 60px);*/
/*    left: 0;*/
/*    top: 30px;*/
/*    width: 14px*/
/*}*/

/*!todo shalser выше что было*/

@media only screen and (max-width: 766px) {
    .product-slider .noUi-target.noUi-vertical {
        height: calc(100% - 100px) !important;
        left: 0 !important;
        top: 49px !important;
        margin-left: 36px;
    }
}

.product-slider .noUi-target.noUi-vertical {
    height: calc(100% - 217px);
    left: -14px;
    top: 105px;
    width: 14px
}

@media only screen and (max-width: 1024px) {
    .product-slider .noUi-target.noUi-vertical {
        left: 20px;
        height: calc(100% - 137px);
        top: 71px;
    }
}

/*@media only screen and (max-width: 576px) {*/
/*    .product-slider .noUi-target.noUi-vertical,.product-slider .noUi-target.noUi-vertical .noUi-tooltip {*/
/*        left:10px*/
/*    }*/
/*}*/
/*shalser*/

.product-slider_wrapper {
    position: relative
}

@media only screen and (min-width: 1025px) {
    .product-slider_wrapper {
        padding-left: 84px
    }
}

/*.product-info .btn.btn--xl {*/
/*    margin-top: 24px*/
/*}*/
/*shalser*/

.product-info .btn.btn--xl {
    margin-top: 11px
}

.product-info .link {
    color: #fe3331
}

.product-info__block+.product-info__block {
    margin-top: 16px;
}

@media only screen and (min-width: 767px) {
    .product-info__block+.product-info__block {
        margin-top: 24px;
    }
}

.product-info__form {
    overflow: hidden;
}

@media only screen and (max-width: 425px) {
    .product-info__form {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: normal;
        width: 100%;
        max-width: 340px;
    }
}

@media only screen and (max-width: 360px) {
    .product-info__form {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: normal;
        width: 100%;
        max-width: 320px;
    }
}

.product-info__form label {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 4px;
    text-align: center;
}

.product-info__form .form-row {
    /*margin: 0 -12px -16px;*/
    margin: 0 0 -16px;
}

/*.product-info__form .form-row+.form-row {*/
/*    margin-top: 15px;*/
/*}*/
/*shalser*/

.product-info__form .form-field {
    /*padding: 0 12px;*/
    /*shalser*/
}

.product-info__form input[type=number],
.product-info__form input[type=text] {
    border: 1px solid #6D6D6D;
    font-size: 1.6rem;
    font-weight: 500;
    width: 157px;
    height: 45px;
    padding: 9px 7px;
    border-radius: 10px;
    background-color: #fff;
}

/*.product-info__form input[type=number]:focus,.product-info__form input[type=number]:hover,.product-info__form input[type=text]:focus,.product-info__form input[type=text]:hover {*/
/*    border-color: #fe3331*/
/*}*/
/*!shalser*/

/*.product-info__total {*/
/*    margin-top: 5px*/
/*}*/
/*!shalser*/

[data-couter_minus],
[data-couter_plus] {
    background: #EDEDED;
    border-radius: 10px;
    height: 40px;
    width: 40px
}

.product-info__total-counter-wrap {
    margin: 0 24px
}

@media only screen and (max-width: 1024px) {
    .product-info__total-counter-wrap {
        margin: 0 12px
    }
}

.product-info__total-counter-wrap input[type=number] {
    border: 0;
    padding: 0;
    pointer-events: none;
    width: 20px
}

.product-info__total-price {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.9rem;
    margin-right: auto
}

.product-block {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-top: 32px
}

@media only screen and (min-width: 767px) {
    .product-block {
        margin-top: 40px
    }
}

@media only screen and (min-width: 1025px) {
    .product-block {
        margin-top: 48px
    }
}

.product-block:first-child {
    margin-top: 0
}

.product-block table {
    max-width: 630px;
    width: 100%
}

.product-block table tr:first-child td {
    padding-top: 0
}

.product-block table tr:last-child td {
    padding-bottom: 0
}

.product-block table td {
    padding: 6px 12px
}

.product-block table td:first-child {
    padding-left: 0
}

.product-block table td:last-child {
    padding-right: 0
}

.product-anchors {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
    background: -o-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: linear-gradient(180deg, #fff, #f6f6f6);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    padding: 12px 5px 0;
    text-transform: uppercase
}

@media only screen and (max-width: 576px) {
    .product-anchors {
        display: none
    }
}

.product-anchors ul {
    margin: 0 -24px
}

.product-anchors li {
    padding: 0 24px
}

.product-anchors a {
    display: block;
    padding-bottom: 6px;
    position: relative
}

.product-anchors a:before {
    background: #d9d8d9;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

.product-anchors ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-block_title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 16px
}

@media only screen and (min-width: 767px) {
    .product-block_title {
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 576px) {
    .product-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-cards .col {
    width: 20%
}

@media only screen and (max-width: 1024px) {
    .product-cards .col {
        width: 25%
    }

    .product-cards .col:nth-child(5) {
        display: none
    }
}

@media only screen and (max-width: 766px) {
    .product-cards .col:nth-child(4) {
        display: none
    }

    .product-cards .col {
        width: 100%
    }
}

.product-reviews_side {
    width: 20%
}

@media only screen and (max-width: 1199px) {
    .product-reviews_side {
        width: 246px
    }
}

@media only screen and (max-width: 766px) {
    .product-reviews_side {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
        width: 100%
    }
}

@media only screen and (max-width: 576px) {
    .product-reviews_side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-reviews_side .product-reviews_side-block+.product-reviews_side-block {
        margin-top: 24px
    }
}

.product-reviews_side .btn {
    margin-top: 24px
}

.product-reviews_list {
    width: 80%
}

@media only screen and (max-width: 1199px) {
    .product-reviews_list {
        width: calc(100% - 246px)
    }
}

@media only screen and (max-width: 766px) {
    .product-reviews_list {
        width: 100%
    }
}

.product-reviews_list .review-card {
    margin-top: 48px
}

.product-reviews_list .review-card:first-child {
    margin-top: 0
}

.product-reviews_list .review-header_images a {
    display: inline-block;
    height: 150px;
    margin-right: 12px;
    overflow: hidden;
    width: 150px
}

@media only screen and (max-width: 1024px) {
    .product-reviews_list .review-header_images a {
        height: 100px;
        width: 100px
    }
}

@media only screen and (max-width: 576px) {
    .product-reviews_list .review-header_images a {
        height: 50px;
        width: 40px
    }
}

.product-reviews_list .review-header_images a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    width: 100%
}

.product-reviews_side-hightlight {
    color: #fe3331;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.8rem
}

.product-reviews_side-stars {
    margin-top: 10px
}

.product-reviews_side-stars .ico+.ico {
    margin-left: 10px
}

.product-reviews_side-text {
    font-size: 1.8rem;
    font-weight: 300;
    font-weight: 700;
    line-height: 2.2rem;
    text-transform: uppercase
}

@media only screen and (min-width: 767px) {
    .product-reviews_side-text {
        margin-top: 24px
    }
}

.product-info__block {
    font-size: 1.8rem
}

.product-info__vendor {
    font-size: 1.6rem
}

.product-info__text {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.2rem
}

.product-info__characteristics li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-info__characteristics li+li {
    margin-top: 12px
}

.product-info__characteristics li span {
    max-width: 50%;
    text-align: right
}

.product-info__characteristics li span:last-child {
    margin-left: auto
}

.agama-wrapper {
    padding-bottom: 47%;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .agama-wrapper {
        padding-bottom: 150%
    }
}

.agama-wrapper iframe {
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.agama-wrapper iframe:before {
    content: "";
    display: block;
    padding-top: 100%
}

.request {
    background: #fe3331;
    color: #fff;
    margin: 0 -10px;
    padding: 16px
}

@media only screen and (min-width: 375px) {
    .request {
        margin: 0 -16px
    }
}

@media only screen and (min-width: 577px) {
    .request {
        border-radius: 20px;
        margin: 0;
        padding: 24px
    }
}

@media only screen and (max-width: 766px) {
    .request .section-title {
        margin-bottom: 8px
    }
}

.request .form {
    color: #fff
}

.request ::-webkit-input-placeholder {
    color: #fff
}

.request .btn {
    height: 50px
}

.request input,
.request textarea {
    background: #ff9c9c;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-weight: 300
}

.request .section-subtitle {
    letter-spacing: .24em;
    text-transform: uppercase
}

@media only screen and (min-width: 767px) {
    .request .section-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px
    }
}

.review-slider .swiper-slide {
    width: 100%
}

@media only screen and (min-width: 767px) {
    .review-slider .swiper-slide {
        width: calc(50% - 12px)
    }
}

@media only screen and (min-width: 1025px) {
    .review-slider .swiper-slide {
        width: calc(33.3333% - 16px)
    }
}

.review-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border: 1px solid #d9d8d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

@media only screen and (max-width: 576px) {
    .review-card {
        padding: 16px
    }
}

.review-header {
    margin-bottom: 16px
}

.review-header,
.review-header_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review-header_info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.review-header_info .review-header_ava {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #a5a6f6;
    border-radius: 60px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 30px;
    font-weight: 700;
    height: 60px;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: 60px
}

.review-header_info .review-header_ava img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.review-header_info .review-date {
    clear: both;
    display: block;
    text-align: right
}

.review-header_stars {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-negative: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    margin-bottom: 7px
}

.review-header_stars .ico {
    height: 15px;
    width: 15px
}

.review-header_stars .ico+.ico {
    margin-left: 5px
}

.review-name {
    margin-bottom: 16px
}

.review-name strong {
    font-wegith: 700;
    display: block;
    font-size: 24px
}

.review-name .review-status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fe3331;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 10px
}

.review-name .review-status .ico {
    height: 15px;
    margin-right: 2px;
    width: 11px
}

.review-name .review-address {
    font-size: 16px
}

.review-recommend {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.review-recommend .ico {
    margin-right: 5px
}

.review-recommend_like {
    color: #fe3331
}

.review-recommend_dislike {
    margin-bottom: 8px
}

.review-recommend_dislike .ico {
    margin-bottom: -8px
}

.review-text>div {
    margin-bottom: 16px
}

.review-text>div p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden
}

.review-text>div:last-child p {
    -webkit-line-clamp: 4
}

.review-header_images {
    margin-bottom: 16px
}

.review-header_images img {
    padding: 0 12px 0 0
}

.review-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px dashed #989898;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

.review-bottom>a {
    color: #fe3331;
    text-decoration: underline
}

.review-bottom .review-actions,
.review-bottom .review-actions>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review-bottom .review-actions>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 300;
    line-height: 100%;
    margin-right: 5px;
    padding: 7px
}

.review-bottom .review-actions .ico {
    height: 16px;
    width: 16px
}

.review-bottom .review-actions .ico svg {
    stroke: #d9d8d9;
    stroke-width: 1.3px;
    fill: transparent;
    height: 100%;
    width: 100%
}

.review-bottom .review-actions .actions_set svg {
    stroke: none
}

.review-bottom .review-actions .review-admin svg {
    fill: #d9d8d9;
    stroke: none
}

.review-bottom .review-actions .review-admin.actions_set {
    background: #fe3331
}

.review-bottom .review-actions .review-admin.actions_set svg {
    fill: #fff
}

.review-bottom .review-actions .review-likes.actions_set {
    color: #fe3331
}

.review-bottom .review-actions .review-likes.actions_set .ico {
    margin-right: 5px
}

.review-bottom .review-actions .review-likes.actions_set svg {
    fill: #fe3331
}

.review-bottom .review-actions .review-comment.actions_set .ico {
    margin-right: 5px
}

.review-bottom .review-actions .review-comment.actions_set svg {
    fill: #989898;
    stroke: #989898
}

.review-bottom .review-actions .review-follow svg {
    fill: none;
    stroke: #d9d8d9
}

.review-bottom .review-actions .review-follow.actions_set .ico {
    margin-right: 5px
}

.review-bottom .review-actions .review-follow.actions_set svg {
    fill: #989898;
    stroke: #989898
}

.page-reviews {
    margin-top: 38px
}

.page-reviews .product-reviews_list {
    width: 100%
}

@media only screen and (max-width: 576px) {
    .page-reviews~.btn-wrapper .btn--md {
        width: 100%
    }
}

.empty-stars svg {
    fill: none;
    stroke: #fe3331
}

.reviews-pagination {
    font-size: 24px;
    font-weight: 300;
    line-height: 100%;
    margin-top: 40px
}

@media only screen and (max-width: 576px) {
    .reviews-pagination {
        margin-top: 32px
    }
}

.reviews-pagination a {
    color: #bcbcbc;
    margin: 0 7.5px
}

.reviews-pagination a.active {
    color: #626264
}

.reviews-pagination a.active svg {
    fill: #626264
}

.reviews-pagination a:first-child .ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.reviews-pagination .ico {
    height: 11px;
    width: 19px
}

.reviews-pagination .ico svg {
    fill: #bcbcbc
}

.text .single-review .row .col {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 576px) {
    .text .single-review .row .col {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 0 8px
    }
}

.single-review .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -8px !important
}

@media only screen and (max-width: 576px) {
    .single-review .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-review .single-review_side {
    margin-bottom: 24px;
    max-width: 288px;
    min-width: 288px;
    padding: 0;
    width: 20%
}

@media only screen and (max-width: 1024px) {
    .single-review .single-review_side {
        max-width: 168px;
        min-width: 168px
    }
}

@media only screen and (max-width: 576px) {
    .single-review .single-review_side {
        max-width: 100%;
        width: 100%
    }
}

.single-review .single-reviews_side-ava {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fcddec;
    border-radius: 30px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 96px;
    font-weight: 700;
    height: 240px;
    justify-content: center;
    line-height: 100%;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 240px
}

.single-review .single-reviews_side-ava img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .single-review .single-reviews_side-ava {
        font-size: 64px;
        height: 120px;
        width: 120px
    }
}

.single-review .row .col.single-review_list {
    padding-left: 0;
    width: 80%
}

.single-review .row .col.single-review_list p {
    -webkit-line-clamp: none
}

@media only screen and (max-width: 576px) {
    .single-review .row .col.single-review_list {
        padding-left: 8px;
        width: 100%
    }
}

.single-review .review-stars_mobile {
    display: none;
    margin-left: 24px
}

.single-review .review-card {
    border: 0;
    padding: 0
}

.reviews-back {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 10px
}

@media only screen and (max-width: 766px) {
    .reviews-back {
        left: 0;
        top: 24px
    }

    .reviews-back~h1 {
        padding-top: 68px
    }
}

.underline {
    color: #3e3e40;
    text-decoration: underline
}

.req-star {
    color: #fe3331;
    font-weight: 300
}

.review-add_note {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 22px;
    padding: 10px 10px 12px
}

.review-add_note .ico {
    display: inline-block;
    margin-left: 14px;
    margin-right: 24px;
    margin-top: -4px
}

.review-add_note .ico,
.review-add_note .ico svg {
    height: 15px;
    width: 15px
}

.review-add_form label {
    cursor: pointer
}

.review-add_form .review-add_form-col {
    margin-top: 48px
}

@media only screen and (max-width: 576px) {
    .review-add_form .review-add_form-col {
        margin-top: 24px
    }
}

.review-add_form .review-add_caption {
    font-size: 24px;
    font-weight: 700;
    line-height: 110%
}

.review-add_form .review-add_col-group {
    display: inline-block;
    line-height: 100%;
    margin-right: 48px;
    margin-top: 12px
}

@media (max-width: 450px) {
    .review-add_form .review-add_col-group {
        display: block
    }
}

.review-add_form .review-add_select-stars .ico {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding-right: 11px
}

.review-add_form .review-add_select-stars .ico:hover~.ico svg,
.review-add_form .review-add_select-stars svg {
    fill: #d9d8d9
}

.review-add_form .review-add_active-stars svg,
.review-add_form .review-add_select-stars:hover svg {
    fill: #fe3331
}

.review-add_form input[type=radio]+label:before {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #3e3e40;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 6px;
    width: 16px
}

.review-add_form input[type=radio]:checked+label:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHJ4PSI0IiBmaWxsPSIjRkUzMzMxIi8+PC9zdmc+")
}

.review-add_form input[type=text] {
    border: 1px solid #d9d8d9;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px;
    padding: 7px 10px 10px;
    width: 100%
}

.review-add_form input[type=text]::-webkit-input-placeholder {
    color: #3e3e40;
    opacity: 1
}

.review-add_form input[type=text]::-moz-placeholder {
    color: #3e3e40;
    opacity: 1
}

.review-add_form input[type=text]:-ms-input-placeholder {
    color: #3e3e40;
    opacity: 1
}

.review-add_form input[type=text]::-ms-input-placeholder {
    color: #3e3e40;
    opacity: 1
}

.review-add_form input[type=text]::placeholder {
    color: #3e3e40;
    opacity: 1
}

.review-add_column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 450px) {
    .review-add_column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.review-add_column .review-add_user-info {
    max-width: 504px
}

@media only screen and (max-width: 766px) {
    .review-add_column .review-add_user-info {
        max-width: unset
    }
}

.review-add_column .review-add_col-group {
    margin-right: 0
}

.review-add_column .review-add_col-group:first-child {
    margin-right: 24px
}

.review-add_column input[type=text] {
    margin: 6px 0
}

.review-add_column .review-add_select-ava {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f6f6f6;
    background-size: cover;
    border-radius: 72px;
    color: #d9d8d9;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    height: 144px;
    justify-content: center;
    line-height: 20px;
    margin: 0 50px;
    text-align: center;
    width: 144px
}

@media only screen and (max-width: 766px) {
    .review-add_column .review-add_select-ava {
        margin: 0
    }
}

.review-add_column .review-add_select-ava span:first-child {
    margin-bottom: 12px
}

.review-add_files {
    margin-top: 12px
}

.review-add_files,
.review-add_files .review-add_files-file,
.review-add_files .review-add_files_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review-add_files .review-add_files-file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-right: 24px;
    width: 60px
}

.review-add_files .review-add_files-file.add-file {
    color: #bcbcbc;
    cursor: pointer
}

.review-add_files .review-add_files-file.add-file .review-add_files-photo .ico {
    height: 58px;
    width: 58px
}

.review-add_files .review-add_files-photo {
    height: 51px;
    overflow: hidden;
    position: relative;
    width: 58px
}

.review-add_files .review-add_files-photo img {
    height: 100%
}

.review-add_files .review-add_files-photo .review-add_files-photo-del {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.review-add_files .review-add_files-photo .review-add_files-photo-del .ico {
    cursor: pointer;
    height: 11px;
    margin-left: 5px;
    width: 11px
}

.review-add_files .review-add_files-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    padding: 5px 0 0;
    text-align: center
}

.review-add_order-btn {
    margin-top: 48px
}

.section:last-child {
    margin-bottom: 48px
}

@media only screen and (min-width: 1025px) {
    .section:last-child {
        margin-bottom: 72px
    }
}

@media only screen and (min-width: 577px) {
    .section:last-child {
        margin-bottom: 60px
    }
}

.section+.section {
    margin-top: 48px
}

@media only screen and (min-width: 1025px) {
    .section+.section {
        margin-top: 72px
    }
}

@media only screen and (min-width: 577px) {
    .section+.section {
        margin-top: 60px
    }
}

.section.section--fill {
    background: #f6f6f6;
    padding: 16px 0 32px
}

@media only screen and (min-width: 767px) {
    .section.section--fill {
        padding: 24px 0 48px
    }
}

.section-offset_left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    width: 100%
}

@media only screen and (min-width: 767px) {
    .section-offset_left {
        padding-left: clamp(282px, 38%, 333px);
        width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .section-offset_left {
        padding-left: 0;
        width: calc(100% - 260px)
    }
}

@media only screen and (min-width: 1441px) {
    .section-offset_left {
        width: 80%
    }
}

@media only screen and (max-width: 1024px) {
    .section-offset_left.section-offset_left--catalog {
        padding-left: 0;
        width: 100%
    }
}

.section-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.3rem;
    margin-bottom: 27px;
    margin-top: 20px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .section-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: -26px;
    }
}

.section-title .link {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    margin-left: auto;
    padding-left: 20px;
    white-space: nowrap
}

.section-title.section-title_wide,
.text--success .section-title {
    width: 100%
}

.section-subtitle {
    font-size: 1.8rem;
    font-weight: 300;
    font-weight: 400;
    line-height: 2.2rem;
    margin-bottom: 16px
}

@media only screen and (min-width: 767px) {
    .section-subtitle {
        margin-bottom: 24px
    }
}

.section-wrap {
    position: relative
}

.section-wrap--catalog {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 400px
}

.swiper-button-next,
.swiper-button-prev {
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    color: #3e3e40;
    height: 32px;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 32px
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #fe3331;
    color: #fff
}

.swiper-button-next .ico,
.swiper-button-prev .ico {
    height: 18px;
    width: 10px
}

.swiper-button-next {
    padding-left: 2px
}

.swiper-button-prev {
    padding-right: 2px
}

.text {
    font-size: 1.8rem;
    position: relative
}

.text--center {
    margin-top: 50px;
    text-align: center
}

.text--center .section-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text--success {
    font-size: 2.2rem;
    font-weight: 300
}

.text--sm {
    margin-left: auto;
    margin-right: auto;
    max-width: 538px
}

.text mark {
    background: 0;
    color: #fe3331
}

.text li {
    margin-bottom: .5em;
    padding-left: 8px
}

.text .row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -24px
}

.text .row .col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px
}

.text .row img {
    margin-right: 12px;
    vertical-align: bottom
}

.video .row {
    margin-bottom: -24px
}

.video .col {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 24px;
    width: 100%
}

@media only screen and (min-width: 767px) {
    .video .col {
        width: 50%
    }
}

@media only screen and (max-width: 766px) {
    .video .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.video-wrap {
    padding-bottom: 56%;
    position: relative
}

.video-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-name {
    font-size: 1.8rem;
    font-weight: 300;
    font-weight: 400;
    line-height: 2.2rem;
    margin-top: 16px
}

@media only screen and (min-width: 767px) {
    .video-name {
        margin-top: 24px
    }
}

.btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    border: 0;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    padding: 8px 12px 11px;
    position: relative;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    white-space: nowrap;
    z-index: 1;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-style: normal;
}

/*shalser*/
/*.btn--red {*/
/*    background: #fe3331;*/
/*    border: 1px solid transparent;*/
/*    color: #fff*/
/*}*/

.btn--red:active {
    opacity: .6
}

/*.btn--red:hover {*/
/*    background: #e30200;*/
/*    color: #fff*/
/*}*/

/*.btn--red--revers {*/
/*    background: #fff;*/
/*    border: 1px solid #fe3331;*/
/*    color: #fe3331*/
/*}*/

.btn--red--revers:active {
    opacity: .6
}

/*.btn--red--revers:hover {*/
/*    background: #fe3331;*/
/*    color: #fff*/
/*}*/
/*shalser*/

.btn--md {
    line-height: 22px;
    padding: 8px 30px 11px
}

.btn--xs {
    line-height: 22px;
    padding: 8px 86px 11px
}

.btn--xl {
    padding: 8px 30px 11px
}

.btn--lg,
.btn--xl {
    line-height: 22px;
    width: 100%
}

.btn--lg {
    padding: 8px 40px 11px
}

.btn.btn--black_solid {
    background: #fff;
    border: 1px solid #3e3e40;
    color: #3e3e40
}

.btn.btn--black_solid:active {
    opacity: .6
}

.btn.btn--black_solid:hover {
    border-color: #e30200;
    color: #e30200
}

.btn.btn--gray_solid {
    background: #fff;
    border: 1px solid #d9d8d9;
    border-radius: 0;
    color: #3e3e40
}

.btn.btn--gray_solid:active {
    opacity: .6
}

.btn.btn--gray_solid:hover {
    border-color: #e30200;
    color: #e30200
}

.btn.btn--white {
    background: #fff;
    border: 1px solid transparent;
    color: #e30200;
    font-size: 20px
}

.btn.btn--white:active {
    opacity: .6
}

.btn.btn--white:hover {
    border-color: #e30200;
    color: #e30200
}

.btn .btn-selected,
.btn.hide {
    display: none
}

.btn.active .btn-selected {
    display: inline
}

.btn.active .btn-basic {
    display: none
}

button {
    color: inherit;
    padding: 0
}

/*button:hover {*/
/*    color: #fe3331*/
/*}*/
/*shalser*/

.btn-wrapper {
    margin-top: 32px
}

@media only screen and (min-width: 767px) {
    .btn-wrapper {
        margin-top: 40px
    }
}

.btn-close {
    background: #fff;
    border-radius: 50%;
    height: 20px;
    padding: 6px;
    position: relative;
    width: 20px
}

.btn-close:after,
.btn-close:before {
    background: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px
}

.btn-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px -8px
}

.btn-group .btn {
    margin: 0 8px 8px
}

.btn-group--column {
    margin-bottom: -30px
}

.btn-group--column .btn {
    margin-bottom: 30px
}

.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    width: 17em
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%
}

.ui-datepicker th {
    border: 0;
    font-weight: 700;
    padding: .7em .3em;
    text-align: center
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0;
    padding: 0 .2em
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em;
    width: auto
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto .4em;
    width: 95%
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0
}

.ui-datepicker .ui-icon {
    background-repeat: no-repeat;
    display: block;
    left: .5em;
    overflow: hidden;
    text-indent: -99999px;
    top: .3em
}

.ui-datepicker-next,
.ui-datepicker-prev {
    display: none
}

.ui-widget-header {
    text-align: left
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: 0;
    border: 1px solid #fac1bc;
    border-radius: 50%
}

.ui-datepicker td a,
.ui-datepicker td span {
    background: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    height: 28px;
    padding: 2px 0 0;
    text-align: center;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 28px
}

.ui-datepicker-multi .ui-datepicker-group table {
    font-size: 16px;
    width: 100%
}

.ui-datepicker-multi .ui-datepicker-group table td {
    padding: 1px 2.5px;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub)
}

.ui-datepicker-multi .ui-datepicker-group table td.ui-datepicker-week-end {
    color: #fe3331
}

.ui-datepicker-multi .ui-datepicker-group table td.ui-state-disabled {
    color: #d9d8d9
}

@media only screen and (max-width: 766px) {
    .ui-datepicker-multi .ui-datepicker-group {
        max-width: 260px;
        width: 100%
    }
}

.ui-datepicker-group.ui-datepicker-group-last {
    margin-left: 24px
}

@media only screen and (max-width: 766px) {
    .ui-datepicker-group.ui-datepicker-group-last {
        margin: 24px 0 0
    }
}

.ui-datepicker.ui-datepicker-multi {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    max-width: 100%;
    padding: 0
}

@media only screen and (max-width: 766px) {
    .ui-datepicker.ui-datepicker-multi {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ui-datepicker.ui-datepicker-multi .ui-state-active {
    border-color: #fe3331;
    color: #fe3331
}

.ui-datepicker-calendar thead th {
    border: 1px solid #d9d8d9;
    border-width: 1px 0;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    padding: 9px 0
}

.ui-datepicker-calendar tbody tr:first-child td>* {
    margin-top: 16px
}

.ui-datepicker .ui-datepicker-row-break {
    display: none
}

.ui-datepicker-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
}

.ui-button:active,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border-color: #fe3331
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border-color: #fe3331;
    border-width: 2px
}

.filter-selected_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px 8px
}

@media only screen and (min-width: 577px) {
    .filter-selected_list {
        margin: 0 -12px 8px
    }
}

.filter-selected_list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d9d8d9;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 6px 6px;
    padding: 5px 5px 6px 10px
}

@media only screen and (min-width: 577px) {
    .filter-selected_list-item {
        margin: 0 12px 12px
    }
}

.filter-selected_list-item .btn-close {
    margin-left: 6px
}

.filter-selected_list-item--reset {
    background: #fff;
    border: 1px solid #d9d8d9
}

.filter_side {
    left: 0;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .filter_side {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: none;
        height: 100%;
        justify-content: center;
        overflow: auto;
        padding: 20px;
        position: fixed;
        top: 0 !important;
        z-index: 10
    }

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

@media only screen and (min-width: 1025px) {
    .filter_side {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 19px;
        top: 360px;
        width: 260px
    }
}

@media only screen and (min-width: 1441px) {
    .filter_side {
        width: 20%
    }
}

@media only screen and (max-width: 766px) {
    .filter_side {
        padding: 0
    }

    .filter_side .filter_side-content {
        border-radius: 0;
        width: 100%
    }
}

.filter_side .btn {
    margin: 24px auto 0
}

@media only screen and (max-width: 576px) {
    .filter_side .btn {
        margin-top: 0
    }
}

.filter_side .noUi-tooltip {
    display: none
}

.filter_close {
    height: 24px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 24px
}

@media only screen and (max-width: 576px) {
    .filter_close {
        right: 30px;
        top: 30px
    }
}

@media only screen and (max-width: 376px) {
    .filter_close {
        right: 20px;
        top: 20px
    }
}

.filter_close .ico {
    height: 100%;
    width: 100%
}

.filter_side-content {
    background: #f6f6f6;
    padding: 24px 15px 48px;
    position: relative;
    z-index: 100
}

@media only screen and (max-width: 1024px) {
    .filter_side-content {
        border-radius: 20px;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
        box-shadow: 0 0 8px rgba(0, 0, 0, .25);
        height: 100%;
        overflow-y: auto;
        padding: 40px
    }
}

@media only screen and (max-width: 576px) {
    .filter_side-content {
        padding: 30px
    }
}

@media only screen and (max-width: 376px) {
    .filter_side-content {
        padding: 20px
    }
}

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

.filter_side-block .irs.irs--flat {
    height: 14px
}

.filter_side-block .irs.irs--flat .irs-bar,
.filter_side-block .irs.irs--flat .irs-line {
    top: 6px
}

.filter_side-block .irs.irs--flat .irs-handle {
    top: 0
}

.filter_side-block.filter_side-block--L-split .filter_side-block_field {
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .filter_side-block.filter_side-block--L-split {
        display: inline-block;
        padding-right: 12px;
        width: 49%
    }

    .filter_side-block.filter_side-block--L-split+.filter_side-block--L-split {
        border-top: 0;
        padding-left: 12px;
        padding-right: 0
    }
}

@media only screen and (max-width: 576px) {
    .filter_side-block.filter_side-block--L-split {
        padding: 0;
        width: 100%
    }

    .filter_side-block.filter_side-block--L-split.filter_side-block--L-split {
        padding-left: 0
    }

    .filter_side-block.filter_side-block--L-split+.filter_side-block--L-split {
        border-top: 1px solid #d9d8d9
    }
}

.filter_side-block:not(:last-child) {
    padding-bottom: 24px
}

.filter_side-block+.filter_side-block {
    border-top: 1px solid #d9d8d9;
    padding-top: 24px
}

.filter_side-block_title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 12px
}

.filter_side-block_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px
}

@media only screen and (max-width: 1024px) {
    .filter_side-block_row {
        margin: -6px -10px
    }
}

.filter_side-block_field {
    padding: 6px
}

@media only screen and (max-width: 1024px) {
    .filter_side-block_field {
        padding: 6px 10px
    }
}

.filter_side-block_field--rentagle {
    width: 50%
}

@media only screen and (max-width: 1024px) {
    .filter_side-block_field--rentagle {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 100px;
        width: auto
    }
}

.filter_side-block_field--rentagle .filter_side-block_item .filter_side-block_content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border: 1px solid #d9d8d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 5px;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 100%
}

.filter_side-block_field--rentagle .filter_side-block_item input:checked~.filter_side-block_content {
    border-color: #fe3331
}

.filter_side-block_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

label.filter_side-block_item {
    cursor: pointer
}

.filter_side-block_row--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 1024px) {
    .filter_side-block_row--column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.filter_side-block_field--radio input:checked~.filter_side-block_mark:before {
    opacity: 1
}

.filter_side-block_field--radio .filter_side-block_mark {
    background: #fff;
    border: 1px solid #3e3e40;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px
}

.filter_side-block_field--radio .filter_side-block_mark:before {
    background: #fe3331;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px
}

.filter_side-block_field--range .irs-single {
    display: none
}

.filter_side-block_field--range .filter_side-block_field_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d9d8d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-top: 12px;
    max-width: 50%;
    padding: 0 2px;
    position: relative;
    width: 88px
}

.filter_side-block_field--range .filter_side-block_field_item:last-child {
    margin-left: auto
}

.filter_side-block_field--range .filter_side-block_field_item .filter_side-block_field_item-prefix {
    margin-right: 4px
}

.filter_side-block_field--range .filter_side-block_field_item input {
    height: 28px;
    padding: 0;
    width: 40px
}

.filter_title {
    font-size: 30px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 40px
}

@media only screen and (max-width: 576px) {
    .filter_title {
        margin-bottom: 24px
    }
}

.filter-selected_list-count {
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3rem;
    font-weight: 300;
    height: 18px;
    margin-left: 6px;
    width: 18px
}

.filter-selected_list-count,
.ico {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.ico {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 28px;
    width: 28px
}

.ico svg {
    height: 100%;
    width: 100%
}

.navigation {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    line-height: 22px;
    margin-bottom: 16px;
    margin-top: 16px
}

@media only screen and (min-width: 767px) {
    .navigation {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1025px) {
    .navigation {
        margin-bottom: 24px
    }
}

.navigation .with--ready--construct a {
    pointer-events: none
}

@media only screen and (max-width: 766px) {
    .navigation .with--ready--construct a {
        pointer-events: auto
    }
}

@media only screen and (max-width: 1024px) {
    .navigation.navigation-l_open .navigation-catalog>ul {
        display: none
    }

    .navigation.navigation-l_open .navigation-catalog .navigation-title {
        border-radius: 10px
    }
}

.navigation .navigation-title.slideUp {
    border-radius: 10px 10px 0 0 !important
}

.navigation.navigation-hidden .navigation-catalog>ul {
    display: none
}

.navigation.navigation-hidden .navigation-title {
    border-radius: 10px
}

.navigation .col {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: auto
}

@media only screen and (min-width: 1025px) {
    .navigation .col {
        width: 20%
    }
}

.navigation .col.col--navigation-catalog {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 146px
}

@media only screen and (min-width: 577px) {
    .navigation .col.col--navigation-catalog {
        width: 208px
    }
}

@media only screen and (min-width: 767px) {
    .navigation .col.col--navigation-catalog {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 260px
    }
}

@media only screen and (min-width: 1441px) {
    .navigation .col.col--navigation-catalog {
        width: 20%
    }
}

@media only screen and (max-width: 359px) {
    .navigation .col.col--navigation-catalog {
        width: 124px
    }
}

.navigation .ico {
    height: 15px;
    margin-right: 10px;
    width: 15px
}

@media only screen and (min-width: 1025px) {
    .navigation .ico {
        margin-right: 15px
    }
}

.navigation-title {
    background: #fe3331;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    padding: 9px 15px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.navigation-title:hover {
    color: #fff
}

@media only screen and (min-width: 767px) {
    .navigation-title {
        border-radius: 10px 10px 0 0
    }
}

.navigation-catalog {
    font-size: 1.8rem;
    position: relative;
    width: 100%
}

.navigation-catalog ul {
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    width: 100%;
    z-index: 10
}

@media only screen and (max-width: 766px) {
    .navigation-catalog ul {
        left: -30px;
        margin-top: 16px;
        position: relative;
        width: 100vw
    }
}

@media only screen and (max-width: 576px) {
    .navigation-catalog ul {
        left: -16px
    }
}

@media only screen and (max-width: 359px) {
    .navigation-catalog ul {
        left: -10px
    }
}

@media only screen and (min-width: 767px) {
    .navigation-catalog ul {
        left: 0;
        position: absolute;
        top: 100%
    }
}

.navigation-catalog li {
    position: relative
}

@media only screen and (max-width: 766px) {
    .navigation-catalog li {
        padding: 0 16px
    }
}

.navigation-catalog li:hover>a {
    background: #fe3331;
    color: #fff
}

.navigation-catalog li ul {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    display: none;
    left: calc(100% + 4px);
    position: absolute;
    top: -9px
}

.navigation-catalog li ul:before {
    border: 14px solid transparent;
    border-right-color: #fff;
    content: "";
    left: -28px;
    position: absolute;
    top: 15px
}

@media only screen and (max-width: 766px) {
    .navigation-catalog li ul {
        display: none !important
    }
}

.navigation-catalog li:hover ul {
    display: block
}

.navigation-catalog li:hover ul li {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation-catalog li:hover ul li:first-child a {
    padding-top: 15px
}

.navigation-catalog li:hover ul li:last-child a {
    padding-bottom: 15px
}

.navigation-catalog li:hover ul li:hover a {
    background: transparent;
    color: #fe3331;
    pointer-events: auto
}

.navigation-catalog li:hover ul a {
    padding: 5px 17px
}

@media only screen and (min-width: 767px) {
    .navigation-catalog li+li {
        -webkit-box-shadow: inset 0 1px 0 #d9d8d9;
        box-shadow: inset 0 1px 0 #d9d8d9
    }
}

@media only screen and (max-width: 766px) {
    .navigation-catalog li+li a {
        -webkit-box-shadow: inset 0 1px 0 #d9d8d9;
        box-shadow: inset 0 1px 0 #d9d8d9
    }
}

.navigation-catalog a {
    display: block;
    padding: 9px 15px;
    position: relative
}

@media only screen and (max-width: 766px) {
    .navigation-catalog a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navigation-catalog a:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath stroke='%233E3E40' stroke-linecap='round' stroke-linejoin='round' d='m1 1 6 6-6 6'/%3E%3C/svg%3E");
        bottom: 0;
        content: "";
        height: 14px;
        margin: auto;
        position: absolute;
        right: 10px;
        top: 0;
        width: 8px
    }
}

.navigation-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 40px;
    padding: 10px;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 577px) {
    .navigation-item {
        padding: 9px 13px
    }
}

@media only screen and (min-width: 1200px) {
    .navigation-item {
        padding: 9px 24px
    }
}

@media only screen and (max-width: 1024px) {
    .navigation-item:not(.navigation-item--cart) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .navigation-item:not(.navigation-item--cart) .ico {
        margin: 0
    }

    .navigation-item:not(.navigation-item--cart) .navigation-item_text {
        display: none
    }
}

@media only screen and (max-width: 766px) {
    .navigation-item.navigation-item--cart {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .navigation-item.navigation-item--cart .navigation-count {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: -26px;
        top: -12px
    }

    .navigation-item.navigation-item--cart .ico {
        margin: 0
    }

    .navigation-item.navigation-item--cart .navigation-item_text {
        display: none
    }
}

.navigation-item:hover {
    background: #d9d8d9;
    color: #3e3e40
}

.navigation-count {
    background: #fe3331;
    border-radius: 50%;
    color: #fff;
    display: none;
    font-size: 1.3rem;
    font-weight: 300;
    height: 20px;
    margin-left: auto;
    padding-bottom: 1px;
    width: 20px
}

.navigation-count.active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center
}

@media only screen and (max-width: 766px) {
    .nav--construct {
        display: none
    }
}

.pagination {
    margin-top: 60px
}

@media only screen and (max-width: 766px) {
    .pagination {
        margin-top: 32px
    }
}

.pagination .pagination-next .ico,
.pagination .pagination-prev .ico,
.pagination li>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    margin: 0 2.5px;
    width: 30px
}

/*shalser*/

.pagination .active>* {
    /*background: #fe3331;*/
    color: #fff
}

.pagination li {
    padding-bottom: 2px
}

.pagination-next .ico svg,
.pagination-prev .ico svg {
    height: 14px;
    width: 8px
}

.pagination-next .ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.noUi-target {
    background: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#sh-vertical .noUi-connects {
    /*border: 0.12px solid;*/
    /*background: linear-gradient(261deg, #DACCC6 4.71%, #DDCFCA 12.89%, #FEFEFF 95.12%);*/
    /*background: #d9d8d9;*/
    /*box-shadow: -1.15px -1.15px 3.45px 0px #FFFFFFCC inset;*/
    /*background: linear-gradient(to bottom, rgb(255, 0, 0) 0%, rgb(0, 0, 255) 100%);*/
    background: linear-gradient(to bottom, rgba(166, 180, 200, 0.7) 0%, rgb(239 239 239) 100%);
    /* Здесь вы указываете начальный процент цвета (30% в данном случае) */
    /*background-size: 100% 30%;*/
    /* Указываем, что градиент должен быть вертикальным */
    background-repeat: no-repeat;
    /*box-shadow: 1.15px 1.15px 2.3px 0px #A6B4C8B2 inset;*/
    /*box-shadow: 0px 1.27px 5.38px 0px #0000001A;*/
    cursor: pointer
}

.noUi-target .noUi-connects {
    /*border: 0.12px solid;*/
    /*background: linear-gradient(261deg, #DACCC6 4.71%, #DDCFCA 12.89%, #FEFEFF 95.12%);*/
    /*background: #d9d8d9;*/
    /*box-shadow: -1.15px -1.15px 3.45px 0px #FFFFFFCC inset;*/
    box-shadow: 1.15px 1.15px 2.3px 0px #5d5d5db2 inset;
    /*background: linear-gradient(to bottom, rgb(255, 0, 0) 0%, rgb(0, 0, 255) 100%);*/
    background: linear-gradient(to left, rgba(166, 180, 200, 0.7) 0%, rgb(239 239 239) 100%);
    /* Здесь вы указываете начальный процент цвета (30% в данном случае) */
    /*background-size: 100% 30%;*/
    /* Указываем, что градиент должен быть вертикальным */
    background-repeat: no-repeat;
    /*box-shadow: 1.15px 1.15px 2.3px 0px #A6B4C8B2 inset;*/
    /*box-shadow: 0px 1.27px 5.38px 0px #0000001A;*/
    cursor: pointer
}

.noUi-target .noUi-touch-area {
    background: linear-gradient(108.3deg, #EE7203 23.49%, #FF9900 76.7%);
    border-radius: 50%
}

.noUi-target .noUi-base {
    height: 20px;
}

/*shalser*/

.noUi-target .noUi-handle {
    /*border: 3px solid #fe3331;*/
    border: 0;
    border-radius: 50%;
    cursor: -webkit-grab;
    cursor: grab;
    height: 20px;
    right: -7px;
    width: 20px
}

.noUi-target .noUi-handle:after,
.noUi-target .noUi-handle:before {
    display: none
}

/*shalser*/

.noUi-target .noUi-tooltip {
    background: 0;
    border: 0;
    /*color: #fe3331;*/
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding-bottom: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.noUi-target .noUi-connect {
    /*background: #fe3331*/
}

/*shalser*/

.noUi-target.noUi-vertical .noUi-base {
    height: 100%;
    width: 20px
}

.noUi-target.noUi-vertical .noUi-handle {
    bottom: -7px;
    right: 0;
}

.bootstrap-select .dropdown-menu li a span.text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    line-height: 1.3;
    width: 100%
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select>.dropdown-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    position: relative;
    text-align: right;
    white-space: nowrap;
    width: 100%
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>select {
    border: none;
    bottom: 0;
    display: block !important;
    height: 100% !important;
    left: 50%;
    opacity: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: .5px !important;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    display: block !important;
    left: 0;
    top: 0;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.fit-width {
    width: auto !important
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select .dropdown-toggle .filter-option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    float: left;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: static;
    text-align: left;
    top: 0;
    width: 100%
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    float: left;
    opacity: 0 !important;
    overflow: hidden;
    width: 0 !important
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100%
}

.bootstrap-select .dropdown-menu>.inner:active {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    margin: 0;
    padding: 0;
    position: static
}

.bootstrap-select .dropdown-menu ul li {
    margin: 0;
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: hsla(0, 0%, 100%, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    border-top: 1px solid #d9d8d9;
    cursor: pointer;
    padding: 9px 7px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.bootstrap-select .dropdown-menu li a:hover {
    background: #fe3331;
    color: #fff
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .no-results {
    background: #f5f5f5;
    margin: 0 5px;
    padding: 3px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    display: inline;
    padding: 0;
    position: static
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.filter-option-inner {
    font-weight: 400
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 5px
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    float: none;
    margin-bottom: 0;
    width: 100%
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:active {
    outline: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #f6f6f6;
    float: left;
    left: 0;
    list-style: none;
    margin: -1px 0 0;
    min-width: 160px;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transition: opacity var(--cub), visibility var(--cub);
    -o-transition: opacity var(--cub), visibility var(--cub);
    transition: opacity var(--cub), visibility var(--cub);
    visibility: hidden;
    z-index: 1000
}

.dropdown-menu[x-placement=bottom-start] {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .25)
}

.dropdown-menu[x-placement=top-start] {
    -webkit-box-shadow: 0 -4px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .25)
}

.dropdown.show .dropdown-menu {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.show>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #9e9797
}

.btn.dropdown-toggle:before,
.filter-list__selected:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNiA2IDYgNi02IiBzdHJva2U9IiMzRTNFNDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
    background-position: 50%;
    bottom: 0;
    content: "";
    height: 20px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transition: var(--cub);
    -o-transition: var(--cub);
    transition: var(--cub);
    width: 20px
}

.btn.dropdown-toggle.disabled {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn.dropdown-toggle.disabled:before {
    background: none
}

.filter-list__selected.show:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown .btn {
    padding: 9px 40px 10px 7px
}

.dropdown.show .btn.dropdown-toggle:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown.show .btn.dropdown-toggle {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    box-shadow: 0 0 8px rgba(0, 0, 0, .25)
}

.dropdown-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    width: 100%
}

.dropdown-menu li {
    -webkit-transition: background var(--cub);
    -o-transition: background var(--cub);
    transition: background var(--cub)
}

.btn.dropdown-toggle {
    background: #fff;
    border: 1px solid #d9d8d9;
    border-radius: 0;
    color: #3e3e40;
    height: 40px;
    margin: 0
}

.btn.dropdown-toggle:hover {
    border-color: #fe3331
}

.select-sub_option {
    display: block;
    font-size: 1.2rem
}

.main-title {
    margin-top: 30px;
}

/* End */
/* /shop/local/templates/mosokna-im/tpl/css/vendor.css?169089085937052 */
/* /shop/local/templates/mosokna-im/tpl/css/app.css?1696493605130256 */