@charset "UTF-8";
@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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    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: var(--swiper-navigation-top-offset, 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    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.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: 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;
    font-variant: initial;
    line-height: 1
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

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

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    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: var(--swiper-pagination-bullet-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;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-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: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-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;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-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 {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, 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%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    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: var(--swiper-pagination-progressbar-size, 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: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

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

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

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

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

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

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

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

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

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

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

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

.swiper.swiper-cube {
    overflow: visible
}

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

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

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    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-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    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;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

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

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

.swiper.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-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-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;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper.swiper-cards {
    overflow: visible
}

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

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: 0
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #005f75;
    box-shadow: 0 0 0 2px #005f75
}

.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
    display: none
}

.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid rgb(0, 53.5897435897, 66);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: rgb(182.75, 182.75, 182.75)
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #005f75;
    border: 1px solid rgb(0, 74.2948717949, 91.5);
    color: #fff;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: rgb(0, 74.2948717949, 91.5);
    border: 1px solid rgb(0, 53.5897435897, 66)
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: rgb(170.25, 170.25, 170.25);
    border: 1px solid rgb(144.75, 144.75, 144.75)
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
    display: block
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
    border-color: rgb(182.75, 182.75, 182.75)
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: rgb(242.25, 242.25, 242.25)
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid rgb(246.5, 246.5, 246.5);
    color: rgb(127.5, 127.5, 127.5)
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity, -webkit-transform
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

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

.glightbox-container.inactive {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zoomed .gslide-description {
    display: none
}

.glightbox-button-hidden {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

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

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

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

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

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

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

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

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

iframe.wait-autoplay {
    opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes gfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@keyframes gfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.iziToast-capsule {
    font-size: 0;
    height: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
    transition: height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
    transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1);
    transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1)
}

.iziToast-capsule,
.iziToast-capsule * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iziToast-overlay {
    display: block;
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 997
}

.iziToast {
    display: inline-block;
    clear: both;
    position: relative;
    font-family: Lato, Tahoma, Arial;
    font-size: 14px;
    padding: 8px 45px 9px 0;
    background: rgba(238, 238, 238, .9);
    border-color: rgba(238, 238, 238, .9);
    width: 100%;
    pointer-events: all;
    cursor: default;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 54px
}

.iziToast>.iziToast-progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, .2)
}

.iziToast>.iziToast-progressbar>div {
    height: 2px;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    border-radius: 0 0 3px 3px
}

.iziToast.iziToast-balloon:before {
    content: "";
    position: absolute;
    right: 8px;
    left: auto;
    width: 0;
    height: 0;
    top: 100%;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-top: 10px solid #000;
    border-top-color: inherit;
    border-radius: 0
}

.iziToast.iziToast-balloon .iziToast-progressbar {
    top: 0;
    bottom: auto
}

.iziToast.iziToast-balloon>div {
    border-radius: 0 0 0 3px
}

.iziToast>.iziToast-cover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .1)
}

.iziToast>.iziToast-close {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    padding: 0;
    opacity: .6;
    width: 42px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 8px;
    cursor: pointer;
    outline: 0
}

.iziToast>.iziToast-close:hover {
    opacity: 1
}

.iziToast>.iziToast-body {
    position: relative;
    padding: 0 0 0 10px;
    height: auto;
    min-height: 36px;
    margin: 0 0 0 15px;
    text-align: left
}

.iziToast>.iziToast-body:after {
    content: "";
    display: table;
    clear: both
}

.iziToast>.iziToast-body .iziToast-texts {
    margin: 10px 0 0;
    padding-right: 2px;
    display: inline-block;
    float: left
}

.iziToast>.iziToast-body .iziToast-inputs {
    min-height: 19px;
    float: left;
    margin: 3px -2px
}

.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),
.iziToast>.iziToast-body .iziToast-inputs>select {
    position: relative;
    display: inline-block;
    margin: 2px;
    border-radius: 2px;
    border: 0;
    padding: 4px 7px;
    font-size: 13px;
    letter-spacing: .02em;
    background: rgba(0, 0, 0, .1);
    color: #000;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    min-height: 26px
}

.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,
.iziToast>.iziToast-body .iziToast-inputs>select:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6)
}

.iziToast>.iziToast-body .iziToast-buttons {
    min-height: 17px;
    float: left;
    margin: 4px -2px
}

.iziToast>.iziToast-body .iziToast-buttons>a,
.iziToast>.iziToast-body .iziToast-buttons>button,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]) {
    position: relative;
    display: inline-block;
    margin: 2px;
    border-radius: 2px;
    border: 0;
    padding: 5px 10px;
    font-size: 12px;
    letter-spacing: .02em;
    cursor: pointer;
    background: rgba(0, 0, 0, .1);
    color: #000
}

.iziToast>.iziToast-body .iziToast-buttons>a:hover,
.iziToast>.iziToast-body .iziToast-buttons>button:hover,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover {
    background: rgba(0, 0, 0, .2)
}

.iziToast>.iziToast-body .iziToast-buttons>a:focus,
.iziToast>.iziToast-body .iziToast-buttons>button:focus,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6)
}

.iziToast>.iziToast-body .iziToast-buttons>a:active,
.iziToast>.iziToast-body .iziToast-buttons>button:active,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active {
    top: 1px
}

.iziToast>.iziToast-body .iziToast-icon {
    position: absolute;
    left: 0;
    top: 50%;
    display: table;
    font-size: 23px;
    line-height: 24px;
    margin-top: -12px;
    color: #000;
    width: 24px;
    height: 24px
}

.iziToast>.iziToast-body .iziToast-icon.ico-info {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-warning {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-error {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 80%
}

.iziToast>.iziToast-body .iziToast-icon.ico-success {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-question {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-message,
.iziToast>.iziToast-body .iziToast-title {
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    float: left;
    white-space: normal
}

.iziToast>.iziToast-body .iziToast-title {
    color: #000;
    margin: 0
}

.iziToast>.iziToast-body .iziToast-message {
    margin: 0 0 10px;
    color: rgba(0, 0, 0, .6)
}

.iziToast.iziToast-animateInside .iziToast-buttons-child,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-inputs-child,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-title {
    opacity: 0
}

.iziToast-target {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.iziToast-target .iziToast-capsule {
    overflow: hidden
}

.iziToast-target .iziToast-capsule:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.iziToast-target .iziToast-capsule .iziToast {
    width: 100%;
    float: left
}

.iziToast-wrapper {
    z-index: 99999;
    position: fixed;
    width: 100%;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iziToast-wrapper .iziToast.iziToast-balloon:before {
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-top: 10px solid #000;
    border-top-color: inherit;
    right: 8px;
    left: auto
}

.iziToast-wrapper-bottomLeft {
    left: 0;
    bottom: 0;
    text-align: left
}

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,
.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
    border-right: 15px solid transparent;
    border-left: 0 solid transparent;
    right: auto;
    left: 8px
}

.iziToast-wrapper-bottomRight {
    right: 0;
    bottom: 0;
    text-align: right
}

.iziToast-wrapper-topLeft {
    left: 0;
    top: 0;
    text-align: left
}

.iziToast-wrapper-topRight {
    top: 0;
    right: 0;
    text-align: right
}

.iziToast-wrapper-topCenter {
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.iziToast-wrapper-bottomCenter,
.iziToast-wrapper-center {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.iziToast-wrapper-center {
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iziToast-rtl {
    direction: rtl;
    padding: 8px 0 9px 45px;
    font-family: Tahoma, Lato, Arial
}

.iziToast-rtl .iziToast-cover {
    left: auto;
    right: 0
}

.iziToast-rtl .iziToast-close {
    right: auto;
    left: 0
}

.iziToast-rtl .iziToast-body {
    padding: 0 10px 0 0;
    margin: 0 16px 0 0;
    text-align: right
}

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-message,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title {
    float: right;
    text-align: right
}

.iziToast-rtl .iziToast-body .iziToast-icon {
    left: auto;
    right: 0
}

.iziToast.iziToast-theme-dark {
    background: #565c70;
    border-color: #565c70
}

.iziToast.iziToast-theme-dark .iziToast-title {
    color: #fff
}

.iziToast.iziToast-theme-dark .iziToast-message {
    color: rgba(255, 255, 255, .7);
    font-weight: 300
}

.iziToast.iziToast-theme-dark .iziToast-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 8px
}

.iziToast.iziToast-theme-dark .iziToast-icon {
    color: #fff
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 80%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-buttons>a,
.iziToast.iziToast-theme-dark .iziToast-buttons>button,
.iziToast.iziToast-theme-dark .iziToast-buttons>input {
    color: #fff;
    background: rgba(255, 255, 255, .1)
}

.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover {
    background: rgba(255, 255, 255, .2)
}

.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .6)
}

.iziToast.iziToast-color-red {
    background: rgba(255, 175, 180, .9);
    border-color: rgba(255, 175, 180, .9)
}

.iziToast.iziToast-color-orange {
    background: rgba(255, 207, 165, .9);
    border-color: rgba(255, 207, 165, .9)
}

.iziToast.iziToast-color-yellow {
    background: rgba(255, 249, 178, .9);
    border-color: rgba(255, 249, 178, .9)
}

.iziToast.iziToast-color-blue {
    background: rgba(157, 222, 255, .9);
    border-color: rgba(157, 222, 255, .9)
}

.iziToast.iziToast-color-green {
    background: rgba(166, 239, 184, .9);
    border-color: rgba(166, 239, 184, .9)
}

.iziToast.iziToast-layout2 .iziToast-body .iziToast-message,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts {
    width: 100%
}

.iziToast.iziToast-layout3 {
    border-radius: 2px
}

.iziToast.iziToast-layout3::after {
    display: none
}

.iziToast .revealIn,
.iziToast.revealIn {
    -webkit-animation: iziT-revealIn 1s cubic-bezier(.25, 1.6, .25, 1) both;
    animation: iziT-revealIn 1s cubic-bezier(.25, 1.6, .25, 1) both
}

.iziToast .slideIn,
.iziToast.slideIn {
    -webkit-animation: iziT-slideIn 1s cubic-bezier(.16, .81, .32, 1) both;
    animation: iziT-slideIn 1s cubic-bezier(.16, .81, .32, 1) both
}

.iziToast.bounceInLeft {
    -webkit-animation: iziT-bounceInLeft .7s ease-in-out both;
    animation: iziT-bounceInLeft .7s ease-in-out both
}

.iziToast.bounceInRight {
    -webkit-animation: iziT-bounceInRight .85s ease-in-out both;
    animation: iziT-bounceInRight .85s ease-in-out both
}

.iziToast.bounceInDown {
    -webkit-animation: iziT-bounceInDown .7s ease-in-out both;
    animation: iziT-bounceInDown .7s ease-in-out both
}

.iziToast.bounceInUp {
    -webkit-animation: iziT-bounceInUp .7s ease-in-out both;
    animation: iziT-bounceInUp .7s ease-in-out both
}

.iziToast .fadeIn,
.iziToast.fadeIn {
    -webkit-animation: iziT-fadeIn .5s ease both;
    animation: iziT-fadeIn .5s ease both
}

.iziToast.fadeInUp {
    -webkit-animation: iziT-fadeInUp .7s ease both;
    animation: iziT-fadeInUp .7s ease both
}

.iziToast.fadeInDown {
    -webkit-animation: iziT-fadeInDown .7s ease both;
    animation: iziT-fadeInDown .7s ease both
}

.iziToast.fadeInLeft {
    -webkit-animation: iziT-fadeInLeft .85s cubic-bezier(.25, .8, .25, 1) both;
    animation: iziT-fadeInLeft .85s cubic-bezier(.25, .8, .25, 1) both
}

.iziToast.fadeInRight {
    -webkit-animation: iziT-fadeInRight .85s cubic-bezier(.25, .8, .25, 1) both;
    animation: iziT-fadeInRight .85s cubic-bezier(.25, .8, .25, 1) both
}

.iziToast.flipInX {
    -webkit-animation: iziT-flipInX .85s cubic-bezier(.35, 0, .25, 1) both;
    animation: iziT-flipInX .85s cubic-bezier(.35, 0, .25, 1) both
}

.iziToast.fadeOut {
    -webkit-animation: iziT-fadeOut .7s ease both;
    animation: iziT-fadeOut .7s ease both
}

.iziToast.fadeOutDown {
    -webkit-animation: iziT-fadeOutDown .7s cubic-bezier(.4, .45, .15, .91) both;
    animation: iziT-fadeOutDown .7s cubic-bezier(.4, .45, .15, .91) both
}

.iziToast.fadeOutUp {
    -webkit-animation: iziT-fadeOutUp .7s cubic-bezier(.4, .45, .15, .91) both;
    animation: iziT-fadeOutUp .7s cubic-bezier(.4, .45, .15, .91) both
}

.iziToast.fadeOutLeft {
    -webkit-animation: iziT-fadeOutLeft .5s ease both;
    animation: iziT-fadeOutLeft .5s ease both
}

.iziToast.fadeOutRight {
    -webkit-animation: iziT-fadeOutRight .5s ease both;
    animation: iziT-fadeOutRight .5s ease both
}

.iziToast.flipOutX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: iziT-flipOutX .7s cubic-bezier(.4, .45, .15, .91) both;
    animation: iziT-flipOutX .7s cubic-bezier(.4, .45, .15, .91) both
}

.iziToast-overlay.fadeIn {
    -webkit-animation: iziT-fadeIn .5s ease both;
    animation: iziT-fadeIn .5s ease both
}

.iziToast-overlay.fadeOut {
    -webkit-animation: iziT-fadeOut .7s ease both;
    animation: iziT-fadeOut .7s ease both
}

@-webkit-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    70% {
        -webkit-transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    70% {
        -webkit-transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(10px)
    }
    70% {
        -webkit-transform: translateY(-5px)
    }
    to {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px)
    }
    70% {
        -webkit-transform: translateY(5px)
    }
    to {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
}

@-webkit-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }
}

@-webkit-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
        transform: scale3d(.3, .3, 1)
    }
    to {
        opacity: 1
    }
}

@keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
        transform: scale3d(.3, .3, 1)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    70% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    70% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    70% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    70% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
}

@keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
}

@-webkit-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }
}

@keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }
}

@-webkit-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

body,
html {
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

section {
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    line-height: normal;
    font-weight: 700
}

p {
    padding: 0;
    margin: 0
}

a {
    color: inherit;
    background-color: transparent;
    outline: 0
}

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

a:active,
a:focus,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

picture {
    line-height: 0
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border-style: none
}

svg {
    max-width: 100%;
    max-height: 100%
}

ol,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

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

button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover,
optgroup:active,
optgroup:focus,
optgroup:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover {
    outline: 0
}

textarea {
    resize: none;
    overflow: auto
}

button,
input {
    overflow: visible
}

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

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

figure,
label,
legend {
    margin: 0;
    padding: 0
}

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

button {
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button:not(:disabled):not(.disabled):not([class*=“--disabled”]) {
    cursor: pointer
}

@font-face {
    font-family: akzidenzgroteskpro;
    font-display: swap;
    src: url(../fonts/AkzidenzGroteskPro-BoldExtended.woff2) format("woff2"), url(../fonts/AkzidenzGroteskPro-BoldExtended.woff) format("woff"), url(../fonts/AkzidenzGroteskPro-BoldExtended.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap
}

@font-face {
    font-family: akzidenzgroteskpro;
    font-display: swap;
    src: url(../fonts/AkzidenzGroteskPro-Medium.woff2) format("woff2"), url(../fonts/AkzidenzGroteskPro-Medium.woff) format("woff"), url(../fonts/AkzidenzGroteskPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: akzidenzgroteskpro;
    font-display: swap;
    src: url(../fonts/AkzidenzGroteskPro-MediumExtended.woff2) format("woff2"), url(../fonts/AkzidenzGroteskPro-MediumExtended.woff) format("woff"), url(../fonts/AkzidenzGroteskPro-MediumExtended.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap
}

@font-face {
    font-family: akzidenzgroteskpro;
    font-display: swap;
    src: url(../fonts/AkzidenzGroteskPro-Regular.woff2) format("woff2"), url(../fonts/AkzidenzGroteskPro-Regular.woff) format("woff"), url(../fonts/AkzidenzGroteskPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: akzidenzgroteskpro;
    font-display: swap;
    src: url(../fonts/AkzidenzGroteskPro-RegularExtended.woff2) format("woff2"), url(../fonts/AkzidenzGroteskPro-RegularExtended.woff) format("woff"), url(../fonts/AkzidenzGroteskPro-RegularExtended.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap
}

:root {
    --container-max-width: 1920px;
    --text-color-primary: #1f191a
}

body,
html {
    font-family: akzidenzgroteskpro, sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-stretch: normal;
    color: var(--text-color-primary);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper {
    position: relative;
    padding-top: 140px;
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main {
    position: relative;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.h2 {
    font-weight: 700;
    font-size: 55px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.h3 {
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.tippy-box {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 34px 0 rgba(31, 25, 26, .15);
    box-shadow: 0 4px 34px 0 rgba(31, 25, 26, .15);
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-color-primary)
}

.tippy-box>.tippy-arrow {
    color: #fff
}

.iziToast {
    padding: 20px;
    max-width: 374px;
    border-radius: 0;
    border: none
}

.iziToast:after {
    display: none
}

.iziToast.iziToast-color-green {
    -webkit-box-shadow: 0 4px 34px 0 rgba(31, 25, 26, .15);
    box-shadow: 0 4px 34px 0 rgba(31, 25, 26, .15);
    background: #e4ffea
}

.iziToast>.iziToast-body {
    margin: 0;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iziToast>.iziToast-body .iziToast-icon {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    margin: 0 0 20px;
    width: 42px;
    height: 42px
}

.iziToast>.iziToast-body .iziToast-icon.ico-success {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' fill='%2386D288'/%3E%3Cpath d='M29.9953 16.119C29.9958 16.3177 29.9569 16.5145 29.8809 16.6981C29.8049 16.8816 29.6932 17.0483 29.5523 17.1884L20.0156 26.7252C19.5866 27.1529 19.0055 27.3931 18.3997 27.3931C17.794 27.3931 17.2129 27.1529 16.7839 26.7252L12.4468 22.388C12.3055 22.2478 12.1933 22.081 12.1167 21.8973C12.04 21.7136 12.0004 21.5165 12 21.3175C11.9997 21.1184 12.0386 20.9212 12.1146 20.7372C12.1906 20.5532 12.3022 20.3861 12.443 20.2453C12.5838 20.1045 12.7509 19.993 12.9349 19.9169C13.1189 19.8409 13.3161 19.802 13.5151 19.8023C13.7142 19.8027 13.9113 19.8423 14.095 19.919C14.2787 19.9957 14.4455 20.1079 14.5857 20.2491L18.3997 24.0632L27.4135 15.0495C27.625 14.8379 27.8945 14.6939 28.1879 14.6355C28.4813 14.5771 28.7854 14.6071 29.0617 14.7216C29.3381 14.8361 29.5743 15.0299 29.7405 15.2787C29.9066 15.5274 29.9953 15.8199 29.9953 16.119Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100%
}

.iziToast>.iziToast-body .iziToast-texts {
    margin: 0;
    padding-right: 0
}

.iziToast>.iziToast-body .iziToast-message,
.iziToast>.iziToast-body .iziToast-title {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-color-primary)
}

.iziToast>.iziToast-body .iziToast-message a,
.iziToast>.iziToast-body .iziToast-title a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #528d5a;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.iziToast>.iziToast-body .iziToast-message a:focus-visible,
.iziToast>.iziToast-body .iziToast-message a:hover,
.iziToast>.iziToast-body .iziToast-title a:focus-visible,
.iziToast>.iziToast-body .iziToast-title a:hover {
    -webkit-text-decoration: transparent underline;
    text-decoration: transparent underline
}

.iziToast>.iziToast-close {
    display: none
}

.container {
    position: relative;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: var(--container-max-width);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

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

.space-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.space-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

[class*=col-] {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.col-1 {
    width: 8.33%
}

.col-2 {
    width: 16.66%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

.col-12 {
    width: 100%
}

.btn {
    position: relative;
    padding: .375em .75em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--text-color-primary);
    border: 1px solid transparent;
    font-weight: 500;
    font-size: 16px;
    font-stretch: expanded;
    color: #fff;
    letter-spacing: -.04em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: color, background-color, border-color, opacity;
    transition-property: color, background-color, border-color, opacity;
    cursor: pointer
}

.btn__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .72em;
    height: .72em;
    fill: #fff;
    stroke: #fff;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, stroke;
    transition-property: fill, stroke
}

.btn:focus,
.btn:hover {
    background: 0 0;
    border-color: var(--text-color-primary);
    color: var(--text-color-primary);
    text-decoration: none
}

.btn:focus .btn__icon,
.btn:hover .btn__icon {
    fill: var(--text-color-primary);
    stroke: var(--text-color-primary)
}

.btn.disabled,
.btn:disabled,
.btn[class*="--disabled"],
.btn[class*=-disabled] {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.btn--primary.btn--rose {
    background: #f472a9
}

.btn--primary.btn--rose:focus,
.btn--primary.btn--rose:hover {
    background: 0 0;
    border-color: #f472a9;
    color: #f472a9
}

.btn--primary.btn--rose:focus .btn__icon,
.btn--primary.btn--rose:hover .btn__icon {
    fill: #f472a9;
    stroke: #f472a9
}

.btn--primary.btn--green {
    background: #528d5a
}

.btn--primary.btn--green:focus,
.btn--primary.btn--green:hover {
    background: 0 0;
    border-color: #528d5a;
    color: #528d5a
}

.btn--primary.btn--green:focus .btn__icon,
.btn--primary.btn--green:hover .btn__icon {
    fill: #528d5a;
    stroke: #528d5a
}

.btn--secondary {
    background: 0 0;
    border-color: var(--text-color-primary);
    color: var(--text-color-primary)
}

.btn--secondary .btn__icon {
    fill: var(--text-color-primary);
    stroke: var(--text-color-primary)
}

.btn--secondary:focus,
.btn--secondary:hover {
    background: #4d494a;
    border-color: transparent;
    color: #fff
}

.btn--secondary:focus .btn__icon,
.btn--secondary:hover .btn__icon {
    fill: #fff;
    stroke: #fff
}

.btn--secondary.btn--rose {
    border-color: #f472a9;
    color: #f472a9
}

.btn--secondary.btn--rose .btn__icon {
    fill: #f472a9;
    stroke: #f472a9
}

.btn--secondary.btn--rose:focus,
.btn--secondary.btn--rose:hover {
    border-color: transparent;
    background: #f8c0d9;
    color: #fff
}

.btn--secondary.btn--rose:focus .btn__icon,
.btn--secondary.btn--rose:hover .btn__icon {
    fill: #fff;
    stroke: #fff
}

.btn--secondary.btn--green {
    border-color: #528d5a;
    color: #528d5a
}

.btn--secondary.btn--green .btn__icon {
    fill: #528d5a;
    stroke: #528d5a
}

.btn--secondary.btn--green:focus,
.btn--secondary.btn--green:hover {
    border-color: transparent;
    background: #86d288;
    color: #fff
}

.btn--secondary.btn--green:focus .btn__icon,
.btn--secondary.btn--green:hover .btn__icon {
    fill: #fff;
    stroke: #fff
}

.slider-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    background: 0 0;
    border: 1px solid #dcdde0;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.slider-btn svg {
    width: 20px;
    height: 20px;
    stroke: var(--text-color-primary);
    -webkit-transition: .25s ease-out stroke;
    transition: .25s ease-out stroke
}

.slider-btn:focus,
.slider-btn:hover {
    border-color: var(--text-color-primary)
}

.slider-btn:focus svg,
.slider-btn:hover svg {
    stroke: var(--text-color-primary)
}

.slider-btn.disabled,
.slider-btn:disabled,
.slider-btn[class*="--disabled"],
.slider-btn[class*=-disabled] {
    background: 0 0;
    border-color: #dcdde0;
    pointer-events: none;
    cursor: default
}

.slider-btn.disabled svg,
.slider-btn:disabled svg,
.slider-btn[class*="--disabled"] svg,
.slider-btn[class*=-disabled] svg {
    stroke: #dcdde0
}

.slider-btn--hidden,
.slider-btn--lock {
    opacity: 0;
    pointer-events: none
}

.slider-btn--prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tab-btn {
    position: relative;
    padding: .375em .75em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: 0 0;
    border: 1px solid rgba(31, 25, 26, .15);
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: color, background-color, border-color, opacity;
    transition-property: color, background-color, border-color, opacity;
    cursor: pointer
}

.tab-btn:focus,
.tab-btn:hover {
    background: #86d288;
    border-color: transparent;
    color: #fff
}

.tab-btn.active,
.tab-btn[class*="--active"],
.tab-btn[class*=-active] {
    background: #528d5a;
    border-color: transparent;
    font-weight: 500;
    color: #fff
}

.tab-btn.disabled,
.tab-btn:disabled,
.tab-btn[class*="--disabled"],
.tab-btn[class*=-disabled] {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.select-field {
    position: relative;
    z-index: 1
}

.select-field select {
    padding: 0 29px;
    min-height: 100%;
    width: 100%;
    background: #fff;
    border: none;
    overflow: hidden;
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-field select::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.select-field select::-moz-placeholder {
    color: rgba(31, 25, 26, .4)
}

.select-field select:-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.select-field select::-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.select-field select::placeholder {
    color: rgba(31, 25, 26, .4)
}

.select-field__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: 30px;
    width: 15px;
    height: 15px;
    stroke: var(--text-color-primary);
    pointer-events: none;
    -webkit-transition: .25s ease-out transform;
    transition: .25s ease-out transform;
    z-index: 1
}

.select-field .choices {
    margin: 0;
    height: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary)
}

.select-field .choices.is-open .choices__wrap {
    border-color: var(--text-color-primary)
}

.select-field .choices.is-open+.select-field__icon {
    -webkit-transform: translateY(-50%) rotate(90deg) scale(-1);
    -ms-transform: translateY(-50%) rotate(90deg) scale(-1);
    transform: translateY(-50%) rotate(90deg) scale(-1)
}

.select-field .choices::after {
    display: none
}

.select-field .choices__wrap {
    height: 100%;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.select-field .choices__wrap .choices__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.select-field .choices__wrap .choices__item {
    padding-left: 29px;
    padding-right: 49px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.select-field .choices>.choices__list {
    top: calc(100% + 10px);
    margin: 0;
    background: #f5f5f7;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary);
    /*z-index: 3;*/
}

.select-field .choices>.choices__list input {
    padding: 0 20px;
    height: 40px;
    background-color: transparent;
    border: 1px solid rgba(var(--text-color-primary), .1)
}

.select-field .choices>.choices__list .choices__list {
    max-height: 300px
}

.select-field .choices>.choices__list .choices__list::-webkit-scrollbar {
    width: 7px
}

.select-field .choices>.choices__list .choices__list::-webkit-scrollbar-track {
    background: 0 0
}

.select-field .choices>.choices__list .choices__list::-webkit-scrollbar-thumb {
    background: #86d288
}

.select-field .choices>.choices__list .choices__item {
    padding: 12px 20px;
    cursor: pointer
}

.select-field .choices>.choices__list .choices__item.is-selected {
    background: rgba(134, 210, 136, .5)
}

.select-field .choices>.choices__list .choices__item.choices__placeholder {
    display: none
}

.select-field .choices>.choices__list .choices__item:not(.is-selected):hover {
    background: rgba(134, 210, 136, .12)
}

.price-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.price-range__label {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.price-range__field {
    padding: 0 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background: #fff;
    border: 1px solid transparent;
    cursor: text;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.price-range__field:focus-within {
    border-color: var(--text-color-primary)
}

.price-range__placeholder {
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    color: rgba(31, 25, 26, .4);
    pointer-events: none
}

.price-range__input {
    height: 100%;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-primary);
    text-align: center
}

.price-range__currency {
    font-weight: 400;
    font-size: 18px;
    color: rgba(31, 25, 26, .4);
    pointer-events: none
}

.field {
    position: relative;
    width: 100%
}

.field input {
    padding-left: 29px;
    width: 100%;
    height: 74px;
    border: 1px solid rgba(31, 25, 26, .15);
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.field input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.field input::-moz-placeholder {
    color: rgba(31, 25, 26, .4)
}

.field input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.field input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.field input::placeholder {
    color: rgba(31, 25, 26, .4)
}

.field input:focus-visible {
    border-color: var(--text-color-primary)
}

.field__show-password {
    position: absolute;
    top: 0;
    right: 0;
    height: 74px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: 0 0
}

.field__show-password svg {
    width: 20px;
    height: 20px;
    fill: rgba(31, 25, 26, .4);
    -webkit-transition: .25s ease-out fill;
    transition: .25s ease-out fill
}

.field__show-password:focus-visible svg,
.field__show-password:hover svg {
    fill: #f472a9
}

.field--captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.field--captcha input {
    min-width: 260px;
    width: initial;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.field--captcha img {
    display: block;
    aspect-ratio: 206/74;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.field--hidden {
    display: none
}

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

.crumbs__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: var(--text-color-primary)
}

.crumbs__item a,
.crumbs__item span {
    max-width: 130px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.crumbs__item a {
    color: rgba(31, 25, 26, .5);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.crumbs__item a:focus-visible,
.crumbs__item a:hover {
    color: #f472a9
}

.crumbs__item svg {
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    stroke: rgba(31, 25, 26, .5)
}

.crumbs__item:not(:first-child) {
    margin-left: 12px
}

.crumbs__item:last-child a,
.crumbs__item:last-child span {
    max-width: 244px
}

.checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.checkbox__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.checkbox__input:checked~.checkbox__custom {
    background: #528d5a;
    border-color: #528d5a
}

.checkbox__input:checked~.checkbox__custom svg {
    opacity: 1
}

.checkbox__input:checked.checkbox__text {
    color: var(--text-color-primary)
}

.checkbox__custom {
    position: relative;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    display: block;
    background-color: transparent;
    border: 1px solid rgba(31, 25, 26, .4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: border-color, background-color;
    transition-property: border-color, background-color
}

.checkbox__custom svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: block;
    width: 80%;
    height: 80%;
    fill: #fff;
    opacity: 0;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.checkbox__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.checkbox:focus-within .checkbox__custom,
.checkbox:hover .checkbox__custom {
    border-color: #528d5a
}

.checkbox:focus-within .checkbox__text,
.checkbox:hover .checkbox__text {
    color: #528d5a
}

.switch {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.switch__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.switch__input:checked+.switch__custom {
    background-color: #86d288
}

.switch__input:checked+.switch__custom::before {
    left: calc(100% - 27px)
}

.switch__custom {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 54px;
    height: 30px;
    display: block;
    border-radius: 40px;
    background-color: #dcdde0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.switch__custom::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: .25s ease-out left;
    transition: .25s ease-out left
}

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

.pagination__prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: transparent
}

.pagination__prev svg {
    width: 20px;
    height: 20px;
    stroke: var(--text-color-primary);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination__prev:focus-visible svg,
.pagination__prev:hover svg {
    stroke: #528d5a
}

.pagination__prev.disabled {
    pointer-events: none
}

.pagination__prev.disabled svg {
    stroke: rgba(31, 25, 26, .5)
}

.pagination__list {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    font-weight: 400;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1.1;
    color: var(--text-color-primary)
}

.pagination__list li>* {
    padding: 0 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 68px;
    background-color: transparent;
    border: 1px solid transparent;
    color: inherit
}

.pagination__list li.active a {
    min-width: 68px;
    background: #528d5a;
    color: #fff
}

.pagination__list li.active a:focus-visible,
.pagination__list li.active a:hover {
    opacity: .5
}

.pagination__list a {
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: color, background-color, border-color, min-width, opacity;
    transition-property: color, background-color, border-color, min-width, opacity
}

.pagination__list a:focus-visible,
.pagination__list a:hover {
    border-color: #528d5a
}

.pagination__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

.pagination__next svg {
    width: 20px;
    height: 20px;
    stroke: var(--text-color-primary);
    -webkit-transition: .25s ease-out stroke;
    transition: .25s ease-out stroke
}

.pagination__next:focus-visible svg,
.pagination__next:hover svg {
    stroke: #528d5a
}

.pagination__next.disabled {
    pointer-events: none
}

.pagination__next.disabled svg {
    stroke: rgba(31, 25, 26, .5)
}

.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 122px;
    height: 50px;
    border: 1px solid #dcdde0;
    border-radius: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.quantity:focus-within,
.quantity:hover {
    border-color: #f472a9
}

.quantity__minus,
.quantity__plus {
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 34px;
    height: 100%;
    background: 0 0;
    border: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.quantity__minus:focus-visible::before,
.quantity__minus:hover::before,
.quantity__plus:focus-visible::before,
.quantity__plus:hover::before {
    background-color: #f472a9
}

.quantity__minus:focus-visible::after,
.quantity__minus:hover::after,
.quantity__plus:focus-visible::after,
.quantity__plus:hover::after {
    background-color: #f472a9
}

.quantity__minus.disabled,
.quantity__minus:disabled,
.quantity__plus.disabled,
.quantity__plus:disabled {
    pointer-events: none
}

.quantity__minus::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 12px;
    height: 2px;
    display: block;
    background-color: var(--text-color-primary);
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.quantity__plus::after,
.quantity__plus::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 12px;
    height: 2px;
    display: block;
    background-color: var(--text-color-primary);
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.quantity__plus::after {
    left: 5px;
    width: 2px;
    height: 12px
}

.quantity input {
    text-align: center;
    border: none;
    background: 0 0;
    min-width: 0;
    height: 100%;
    outline: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--text-color-primary)
}

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

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 50px 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: none;
    background: 0 0;
    outline: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
    opacity: 0;
    z-index: 2000;
    -webkit-transition: .2s ease-out opacity;
    transition: .2s ease-out opacity
}

.dialog[aria-hidden=true] {
    visibility: hidden
}

.dialog__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(31, 25, 26, .5)
}

.dialog__content {
    -webkit-transform: scale(.95) translateY(20px);
    -ms-transform: scale(.95) translateY(20px);
    transform: scale(.95) translateY(20px);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.dialog__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog__close::after,
.dialog__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

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

.dialog__close:focus-visible::after,
.dialog__close:focus-visible::before,
.dialog__close:hover::after,
.dialog__close:hover::before {
    background-color: #f472a9
}

.dialog--is-opening {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.dialog--is-opening .dialog__content {
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.dialog-feedback {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 480px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    max-width: calc(100% - 80px);
    background: #fff
}

.dialog-feedback__title {
    text-align: center
}

.dialog-feedback__subtitle {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-feedback__form {
    margin-top: 40px
}

.dialog-feedback__field {
    width: 100%
}

.dialog-feedback__field input {
    padding-left: 29px;
    width: 100%;
    height: 74px;
    border: 1px solid rgba(31, 25, 26, .15);
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.dialog-feedback__field input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-feedback__field input::-moz-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-feedback__field input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-feedback__field input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-feedback__field input::placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-feedback__field input:focus-visible {
    border-color: var(--text-color-primary)
}

.dialog-feedback__submit {
    margin-top: 20px;
    padding: 0 25px;
    width: 100%;
    height: 74px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dialog-feedback__submit .btn__icon {
    width: 22px;
    height: 22px
}

.dialog-feedback__privacy {
    margin-top: 15px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: rgba(31, 25, 26, .6)
}

.dialog-feedback__privacy a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.dialog-feedback__privacy a:focus-visible,
.dialog-feedback__privacy a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.dialog-feedback__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-feedback__close::after,
.dialog-feedback__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-feedback__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-feedback__close:focus-visible::after,
.dialog-feedback__close:focus-visible::before,
.dialog-feedback__close:hover::after,
.dialog-feedback__close:hover::before {
    background-color: #f472a9
}

.dialog-thanks {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 366px;
    width: calc(100% - 80px);
    background: #fff
}

.dialog-thanks__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #86d288
}

.dialog-thanks__icon svg {
    width: 18px;
    height: 18px;
    fill: #fff
}

.dialog-thanks__title {
    margin-top: 40px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-thanks__subtitle {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-thanks__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-thanks__close::after,
.dialog-thanks__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-thanks__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-thanks__close:focus-visible::after,
.dialog-thanks__close:focus-visible::before,
.dialog-thanks__close:hover::after,
.dialog-thanks__close:hover::before {
    background-color: #f472a9
}

.dialog-notification {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 792px;
    width: calc(100% - 80px);
    background: #fff
}

.dialog-notification__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #8e3f5f
}

.dialog-notification__icon svg {
    width: 18px;
    height: 18px;
    fill: #fff
}

.dialog-notification__title {
    margin-top: 40px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-notification__subtitle {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-notification__subtitle a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: color, -webkit-text-decoration;
    transition-property: color, -webkit-text-decoration;
    transition-property: color, text-decoration;
    transition-property: color, text-decoration, -webkit-text-decoration
}

.dialog-notification__subtitle a:focus-visible,
.dialog-notification__subtitle a:hover {
    color: inherit;
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.dialog-notification__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-notification__close::after,
.dialog-notification__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-notification__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-notification__close:focus-visible::after,
.dialog-notification__close:focus-visible::before,
.dialog-notification__close:hover::after,
.dialog-notification__close:hover::before {
    background-color: #f472a9
}

.dialog-requisites {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 688px;
    width: calc(100% - 80px);
    background: #fff
}

.dialog-requisites__title {
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-requisites__text {
    margin-top: 40px;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary)
}

.dialog-requisites__text a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: color, -webkit-text-decoration;
    transition-property: color, -webkit-text-decoration;
    transition-property: color, text-decoration;
    transition-property: color, text-decoration, -webkit-text-decoration
}

.dialog-requisites__text a:focus-visible,
.dialog-requisites__text a:hover {
    color: inherit;
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.dialog-requisites__download {
    margin-top: 40px;
    padding: 0 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 74px;
    width: 100%
}

.dialog-requisites__download .btn__icon {
    width: 22px;
    height: 22px
}

.dialog-requisites__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-requisites__close::after,
.dialog-requisites__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-requisites__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-requisites__close:focus-visible::after,
.dialog-requisites__close:focus-visible::before,
.dialog-requisites__close:hover::after,
.dialog-requisites__close:hover::before {
    background-color: #f472a9
}

.dialog-pickup {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 964px;
    width: calc(100% - 80px);
    background: #fff
}

.dialog-pickup__title {
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-pickup__search {
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 74px
}

.dialog-pickup__search input {
    padding-left: 59px;
    min-width: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdde0;
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: padding-left, border-color;
    transition-property: padding-left, border-color
}

.dialog-pickup__search input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.dialog-pickup__search input::-moz-placeholder {
    color: rgba(31, 25, 26, .5)
}

.dialog-pickup__search input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.dialog-pickup__search input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.dialog-pickup__search input::placeholder {
    color: rgba(31, 25, 26, .5)
}

.dialog-pickup__search input::-webkit-search-cancel-button,
.dialog-pickup__search input::-webkit-search-decoration,
.dialog-pickup__search input::-webkit-search-results-button,
.dialog-pickup__search input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.dialog-pickup__search button {
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: 0 0;
    pointer-events: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, left, background-color;
    transition-property: background-color, left, background-color
}

.dialog-pickup__search button svg {
    width: 20px;
    height: 20px;
    fill: var(--text-color-primary)
}

.dialog-pickup__search button:focus-visible,
.dialog-pickup__search button:hover {
    background: #f5f5f7
}

.dialog-pickup__search:hover input {
    will-change: padding-left, border-color
}

.dialog-pickup__search:hover button {
    will-change: left, border-color
}

.dialog-pickup__search:focus-within input {
    padding-left: 29px;
    border-color: var(--text-color-primary)
}

.dialog-pickup__search:focus-within button {
    left: calc(100% - 60px);
    pointer-events: all
}

.dialog-pickup__map {
    margin-top: 40px;
    width: 100%;
    height: 328px
}

.dialog-pickup__map>* {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

.dialog-pickup__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-pickup__close::after,
.dialog-pickup__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-pickup__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-pickup__close:focus-visible::after,
.dialog-pickup__close:focus-visible::before,
.dialog-pickup__close:hover::after,
.dialog-pickup__close:hover::before {
    background-color: #f472a9
}

.dialog-login {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 480px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    max-width: calc(100% - 80px);
    background: #fff
}

.dialog-login__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.dialog-login__btns .tab-btn {
    padding: 0 24px;
    height: 60px
}

.dialog-login__btns .tab-btn.disabled {
    opacity: 1
}

.dialog-login__title {
    margin-top: 40px;
    text-align: center
}

.dialog-login__subtitle {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-login__form {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.dialog-login__field {
    width: 100%
}

.dialog-login__field:not(:first-child) {
    margin-top: 20px
}

.dialog-login__field input {
    padding-left: 29px;
    width: 100%;
    height: 74px;
    border: 1px solid rgba(31, 25, 26, .15);
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.dialog-login__field input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-login__field input::-moz-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-login__field input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-login__field input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-login__field input::placeholder {
    color: rgba(31, 25, 26, .4)
}

.dialog-login__field input:focus-visible {
    border-color: var(--text-color-primary)
}

.dialog-login__submit {
    margin-top: 20px;
    padding: 0 25px;
    width: 100%;
    height: 74px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dialog-login__submit .btn__icon {
    width: 22px;
    height: 22px
}

.dialog-login__forgot {
    margin-top: 15px;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: #f472a9;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.dialog-login__forgot:focus-visible,
.dialog-login__forgot:hover {
    color: #f472a9;
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.dialog-login__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-login__close::after,
.dialog-login__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-login__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-login__close:focus-visible::after,
.dialog-login__close:focus-visible::before,
.dialog-login__close:hover::after,
.dialog-login__close:hover::before {
    background-color: #f472a9
}

.dialog-logout {
    position: relative;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 480px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    max-width: calc(100% - 80px);
    background: #fff
}

.dialog-logout__title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.dialog-logout__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 20px
}

.dialog-logout__btns .btn {
    padding: 0 24px;
    height: 74px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dialog-logout__btns .btn svg {
    width: 22px;
    height: 22px;
    gap: 10px
}

.dialog-logout__close {
    position: absolute;
    top: -50px;
    right: -50px;
    display: block;
    width: 40px;
    height: 40px;
    background: 0 0
}

.dialog-logout__close::after,
.dialog-logout__close::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.dialog-logout__close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog-logout__close:focus-visible::after,
.dialog-logout__close:focus-visible::before,
.dialog-logout__close:hover::after,
.dialog-logout__close:hover::before {
    background-color: #f472a9
}

.product-item {
    position: relative;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #dcdde0;
    overflow: hidden;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: border-color, opacity;
    transition-property: border-color, opacity
}

.product-item .to-wishlist {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.product-item .product-statuses {
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px)
}

.product-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

.product-item__link:focus-visible .product-item__name,
.product-item__link:hover .product-item__name {
    color: #f472a9
}

.product-item__image {
    aspect-ratio: 405/250
}

.product-item__name {
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1.1;
    color: var(--text-color-primary);
    overflow-wrap: anywhere;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.product-item__article {
    margin-top: 15px;
    margin-bottom: auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.product-item__price-block {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.product-item__price-current {
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none
}

.product-item__not-available {
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none
}

.product-item__discount-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product-item__price-old {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-decoration: line-through;
    color: rgba(31, 25, 26, .4);
    text-decoration: none
}

.product-item__price-old::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgba(31, 25, 26, .4)
}

.product-item__discount {
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    border: 1px solid #f472a9;
    font-weight: 400;
    font-size: 16px;
    font-stretch: expanded;
    line-height: 1;
    color: #f472a9
}

.product-item__similar,
.product-item__to-cart {
    margin-top: 30px;
    width: 100%;
    height: 74px;
    gap: 10px
}

.product-item__similar .btn__icon,
.product-item__to-cart .btn__icon {
    width: 20px;
    height: 20px;
    stroke-width: 1.4px
}

.product-item__similar--added.btn--rose,
.product-item__to-cart--added.btn--rose {
    background: #f8c0d9
}

.product-item__similar--added.btn--rose .btn__icon,
.product-item__to-cart--added.btn--rose .btn__icon {
    stroke: transparent
}

.product-item__similar--added.btn--rose:focus-visible .btn__icon,
.product-item__similar--added.btn--rose:hover .btn__icon,
.product-item__to-cart--added.btn--rose:focus-visible .btn__icon,
.product-item__to-cart--added.btn--rose:hover .btn__icon {
    stroke: transparent;
    fill: #f472a9
}

.product-item__similar.btn--rose {
    background: #f8c0d9
}

.product-item:focus-within,
.product-item:hover {
    border-color: #f472a9
}

.product-item.disabled,
.product-item[class*="--disabled"],
.product-item[class*="--not-available"],
.product-item[class*=-disabled] {
    cursor: default
}

.product-item.disabled .product-statuses,
.product-item[class*="--disabled"] .product-statuses,
.product-item[class*="--not-available"] .product-statuses,
.product-item[class*=-disabled] .product-statuses {
    opacity: .5
}

.product-item.disabled .product-item__image,
.product-item[class*="--disabled"] .product-item__image,
.product-item[class*="--not-available"] .product-item__image,
.product-item[class*=-disabled] .product-item__image {
    opacity: .5
}

.product-item.disabled .product-item__name,
.product-item[class*="--disabled"] .product-item__name,
.product-item[class*="--not-available"] .product-item__name,
.product-item[class*=-disabled] .product-item__name {
    opacity: .5
}

.product-item.disabled .product-item__article,
.product-item[class*="--disabled"] .product-item__article,
.product-item[class*="--not-available"] .product-item__article,
.product-item[class*=-disabled] .product-item__article {
    opacity: .5
}

.product-item.disabled .product-item__price-block,
.product-item[class*="--disabled"] .product-item__price-block,
.product-item[class*="--not-available"] .product-item__price-block,
.product-item[class*=-disabled] .product-item__price-block {
    opacity: .5
}

.product-item.disabled .product-item__to-cart,
.product-item[class*="--disabled"] .product-item__to-cart,
.product-item[class*="--not-available"] .product-item__to-cart,
.product-item[class*=-disabled] .product-item__to-cart {
    opacity: .5
}

.to-wishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    background: 0 0;
    cursor: pointer
}

.to-wishlist__fill-icon,
.to-wishlist__void-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.to-wishlist__void-icon {
    fill: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, opacity;
    transition-property: fill, opacity
}

.to-wishlist__fill-icon {
    fill: #528d5a;
    opacity: 0;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, opacity;
    transition-property: fill, opacity
}

.to-wishlist:focus-visible .to-wishlist__void-icon,
.to-wishlist:hover .to-wishlist__void-icon {
    fill: #f472a9
}

.to-wishlist:focus-visible .to-wishlist__fill-icon,
.to-wishlist:hover .to-wishlist__fill-icon {
    fill: #f472a9
}

.to-wishlist--added .to-wishlist__void-icon,
.to-wishlist.active .to-wishlist__void-icon,
.to-wishlist[class*="--active"] .to-wishlist__void-icon,
.to-wishlist[class*=-active] .to-wishlist__void-icon {
    opacity: 0
}

.to-wishlist--added .to-wishlist__fill-icon,
.to-wishlist.active .to-wishlist__fill-icon,
.to-wishlist[class*="--active"] .to-wishlist__fill-icon,
.to-wishlist[class*=-active] .to-wishlist__fill-icon {
    opacity: 1
}

.product-statuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    pointer-events: none
}

.product-statuses__item {
    padding: 0 10px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    pointer-events: all;
    cursor: default
}

.product-statuses__item--in-stock {
    background: #86d288
}

.product-statuses__item--markdown {
    background: #8e3f5f
}

.product-statuses__item--to-order {
    background: #00c9f7
}

.filter {
    margin-top: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    background: #f5f5f7;
    z-index: 2
}

.filter__params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    z-index: 2
}

.filter__searchbar {
    position: relative;
    height: 74px;
    width: 500px
}

.filter__searchbar svg {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none
}

.filter__searchbar input {
    padding-left: 59px;
    min-width: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: padding-left, border-color;
    transition-property: padding-left, border-color
}

.filter__searchbar input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.filter__searchbar input::-moz-placeholder {
    color: rgba(31, 25, 26, .5)
}

.filter__searchbar input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.filter__searchbar input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.filter__searchbar input::placeholder {
    color: rgba(31, 25, 26, .5)
}

.filter__searchbar input::-webkit-search-cancel-button,
.filter__searchbar input::-webkit-search-decoration,
.filter__searchbar input::-webkit-search-results-button,
.filter__searchbar input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.filter__brand {
    height: 74px;
    width: 300px
}

.filter__sort {
    height: 74px;
    width: 300px
}

.filter__cat {
    height: 74px;
    width: 300px;
    border: 1px solid rgba(31, 25, 26, .15);
}

.filter .price-range {
    height: 74px
}

.filter .price-range__field {
    width: 215px
}

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

.header {
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 15px;
    width: 100%;
    background-color: #fff;
    z-index: 500;
    -webkit-transition: .25s ease-out box-shadow;
    transition: .25s ease-out box-shadow
}

.header__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.header__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav-item {
    margin-right: 50px
}

.header__nav-item>a {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.header__nav-item>a svg {
    margin-left: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    stroke: var(--text-color-primary);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .25s ease-out transform;
    transition: .25s ease-out transform
}

.header__nav-item>a:focus-visible,
.header__nav-item>a:hover {
    opacity: .5
}

.header__nav-item--dropdown {
    position: relative
}

.header__nav-item--dropdown>ul {
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;
    min-width: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f5f5f7;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: .25s ease-out height;
    transition: .25s ease-out height
}

.header__nav-item--dropdown>ul li {
    position: relative;
    z-index: 1
}

.header__nav-item--dropdown>ul a {
    padding: 10px 16px;
    display: block;
    background: 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.header__nav-item--dropdown>ul a:focus-visible,
.header__nav-item--dropdown>ul a:hover {
    background: rgba(134, 210, 136, .12);
    color: var(--text-color-primary)
}

.header__nav-item--dropdown:focus-within>a svg,
.header__nav-item--dropdown:hover>a svg {
    -webkit-transform: rotate(90deg) scaleX(-1);
    -ms-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1)
}

.header__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.header__location svg {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__location:focus-visible,
.header__location:hover {
    opacity: .5
}

.header__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 74px
}

.header__menu-btn {
    display: none;
    position: relative;
    margin-right: 40px;
    width: 60px;
    height: 60px;
    background: 0 0;
    border: 1px solid #f472a9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__menu-btn span {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, top, left, -webkit-transform;
    transition-property: background-color, top, left, -webkit-transform;
    transition-property: background-color, transform, top, left;
    transition-property: background-color, transform, top, left, -webkit-transform
}

.header__menu-btn span:nth-child(1) {
    top: 22px
}

.header__menu-btn span:nth-child(2) {
    top: 28px
}

.header__menu-btn span:nth-child(3) {
    top: 34px
}

.header__menu-btn.cross span {
    top: 28px;
    left: 29px
}

.header__menu-btn.cross span:nth-child(1) {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(-45deg);
    transform: translate3d(-50%, 0, 0) rotate(-45deg)
}

.header__menu-btn.cross span:nth-child(2) {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(45deg);
    transform: translate3d(-50%, 0, 0) rotate(45deg)
}

.header__menu-btn.cross span:nth-child(3) {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(-45deg);
    transform: translate3d(-50%, 0, 0) rotate(-45deg)
}

.header__logo {
    display: block;
    height: 26px
}

.header__logo svg {
    display: block;
    height: 100%;
    fill: var(--text-color-primary);
    aspect-ratio: 329/42;
    -webkit-transition: .25s ease-out fill;
    transition: .25s ease-out fill
}

.header__logo:focus-visible svg,
.header__logo:hover svg {
    fill: #f472a9
}

.header__catalog-wrap {
    position: relative;
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 200px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header__catalog-wrap.showed .header-catalog {
    max-height: calc(100vh - 140px);
    opacity: 1;
    pointer-events: all
}

.header__open-catalog-btn {
    padding: 0 20px;
    gap: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}

.header__open-catalog-btn .btn__icon {
    width: 18px;
    height: 18px
}

.header__search-wrap {
    position: relative;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.header__search-wrap::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(31, 25, 26, .12);
    opacity: 0;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity;
    pointer-events: none
}

.header__search-wrap .search-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: max-height;
    transition-property: max-height
}

.header__search-wrap.opened::before {
    opacity: 1;
    pointer-events: all
}

.header__search-wrap.opened .search-menu {
    max-height: 500px
}

.header__btns {
    margin-left: 20px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__wish-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 74px;
    background: #f5f5f7;
    border: 1px solid transparent;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.header__wish-btn svg {
    width: 20px;
    height: 20px;
    fill: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill;
    transition-property: fill
}

.header__wish-btn span {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18px;
    background: #528d5a;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center
}

.header__wish-btn:focus-visible,
.header__wish-btn:hover {
    background: 0 0;
    border-color: #528d5a
}

.header__wish-btn:focus-visible svg,
.header__wish-btn:hover svg {
    fill: #528d5a
}

.header__cart-btn {
    position: relative;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 74px;
    background: #f5f5f7;
    border: 1px solid transparent;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.header__cart-btn svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: stroke;
    transition-property: stroke
}

.header__cart-btn span {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18px;
    background: #528d5a;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center
}

.header__cart-btn:focus-visible,
.header__cart-btn:hover {
    background: 0 0;
    border-color: #528d5a
}

.header__cart-btn:focus-visible svg,
.header__cart-btn:hover svg {
    stroke: #528d5a
}

.header__account-btn {
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 74px;
    background: #f5f5f7;
    border: 1px solid transparent;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.header__account-btn svg {
    width: 20px;
    height: 20px;
    fill: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill;
    transition-property: fill
}

.header__account-btn:focus-visible,
.header__account-btn:hover {
    background: 0 0;
    border-color: #528d5a
}

.header__account-btn:focus-visible svg,
.header__account-btn:hover svg {
    fill: #528d5a
}

.header__contact {
    margin-left: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__phone {
    font-weight: 500;
    font-size: 20px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.header__phone:focus-visible,
.header__phone:hover {
    opacity: .5
}

.header__feedback {
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -.02em;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-align: right;
    color: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: opacity, -webkit-text-decoration;
    transition-property: opacity, -webkit-text-decoration;
    transition-property: opacity, text-decoration;
    transition-property: opacity, text-decoration, -webkit-text-decoration
}

.header__feedback:focus-visible,
.header__feedback:hover {
    color: #f472a9;
    opacity: .5;
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.header--scrolled {
    -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .06)
}

.searchbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.searchbar__field {
    padding-left: 59px;
    min-width: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdde0;
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: padding-left, border-color;
    transition-property: padding-left, border-color
}

.searchbar__field::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.searchbar__field::-moz-placeholder {
    color: rgba(31, 25, 26, .5)
}

.searchbar__field:-ms-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.searchbar__field::-ms-input-placeholder {
    color: rgba(31, 25, 26, .5)
}

.searchbar__field::placeholder {
    color: rgba(31, 25, 26, .5)
}

.searchbar__field::-webkit-search-cancel-button,
.searchbar__field::-webkit-search-decoration,
.searchbar__field::-webkit-search-results-button,
.searchbar__field::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.searchbar__btn {
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: 0 0;
    pointer-events: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, left, background-color;
    transition-property: background-color, left, background-color
}

.searchbar__btn svg {
    width: 20px;
    height: 20px;
    fill: var(--text-color-primary)
}

.searchbar__btn:focus-visible,
.searchbar__btn:hover {
    background: #f5f5f7
}

.searchbar:hover .searchbar__field {
    will-change: padding-left, border-color
}

.searchbar:hover .searchbar__btn {
    will-change: left, border-color
}

.searchbar:focus-within .searchbar__field {
    padding-left: 29px;
    border-color: var(--text-color-primary)
}

.searchbar:focus-within .searchbar__btn {
    left: calc(100% - 60px);
    pointer-events: all
}

.mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f5f5f7;
    overflow: hidden;
    -webkit-transition: .25s ease-out height;
    transition: .25s ease-out height
}

.mobile-menu.opened {
    height: calc(100vh - 100%);
    overflow-y: auto
}

.mobile-menu__btns {
    padding: 30px 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.mobile-menu__wish-btn {
    padding: 0 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 56px;
    gap: 12px;
    font-weight: 400;
    font-stretch: expanded;
    font-size: 16px
}

.mobile-menu__wish-btn .btn__icon {
    width: 20px;
    height: 20px
}

.mobile-menu__wish-btn:focus,
.mobile-menu__wish-btn:hover {
    border-color: transparent;
    background: #f8c0d9;
    color: #fff
}

.mobile-menu__wish-btn:focus .btn__icon,
.mobile-menu__wish-btn:hover .btn__icon {
    fill: #fff;
    stroke: #fff
}

.mobile-menu__account-btn {
    padding: 0 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 56px;
    gap: 12px;
    font-weight: 400;
    font-stretch: initial;
    font-size: 16px
}

.mobile-menu__account-btn .btn__icon {
    width: 20px;
    height: 20px
}

.mobile-menu__account-btn:focus,
.mobile-menu__account-btn:hover {
    border-color: transparent;
    background: #f8c0d9;
    color: #fff
}

.mobile-menu__account-btn:focus .btn__icon,
.mobile-menu__account-btn:hover .btn__icon {
    fill: #fff;
    stroke: #fff
}

.mobile-menu__nav {
    padding: 20px 10px
}

.mobile-menu__nav-list {
    display: grid;
    gap: 12px
}

.mobile-menu__nav-list a {
    display: block;
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.mobile-menu__nav-list a:focus-visible,
.mobile-menu__nav-list a:hover {
    color: #ec544e
}

.mobile-menu__nav-list>.mobile-menu__nav-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #f472a9
}

.mobile-menu__nav-list>.mobile-menu__nav-item>.mobile-menu__nav-dropdown-opener svg {
    margin-left: 5px;
    width: 14px;
    height: 20px;
    stroke: #f472a9;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu__nav-list>.mobile-menu__nav-item>.mobile-menu__nav-dropdown-opener::after,
.mobile-menu__nav-list>.mobile-menu__nav-item>.mobile-menu__nav-dropdown-opener::before {
    display: none
}

.mobile-menu__nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile-menu__nav-item ul {
    padding-left: 12px;
    display: grid;
    gap: 12px;
    overflow: hidden;
    -webkit-transition: .25s ease-out height;
    transition: .25s ease-out height
}

.mobile-menu__nav-item ul li:first-child {
    margin-top: 12px
}

.mobile-menu__nav-item--dropdown>ul {
    height: 0
}

.mobile-menu__nav-item--dropdown.showed>.mobile-menu__nav-dropdown-opener>svg {
    -webkit-transform: rotate(90deg) scale(-1);
    -ms-transform: rotate(90deg) scale(-1);
    transform: rotate(90deg) scale(-1)
}

.mobile-menu__nav-item--dropdown.showed>.mobile-menu__nav-dropdown-opener:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu__nav-item--dropdown.showed>ul {
    height: initial
}

.mobile-menu__nav-dropdown-opener {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.mobile-menu__nav-dropdown-opener::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -12px;
    display: block;
    width: 9px;
    height: 1px;
    background-color: var(--text-color-primary);
    border-radius: 1px;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.mobile-menu__nav-dropdown-opener::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -12px;
    display: block;
    width: 9px;
    height: 1px;
    background-color: var(--text-color-primary);
    border-radius: 1px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: transform, background-color;
    transition-property: transform, background-color, -webkit-transform
}

.mobile-menu__nav-dropdown-opener svg {
    margin-left: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 12px;
    height: 8px;
    fill: rgba(255, 255, 255, .7);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, -webkit-transform;
    transition-property: fill, -webkit-transform;
    transition-property: fill, transform;
    transition-property: fill, transform, -webkit-transform
}

.mobile-menu__contact {
    margin-top: auto;
    padding: 30px 20px 100px;
    border-top: 1px solid rgba(31, 25, 26, .07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mobile-menu__phone {
    font-weight: 500;
    font-size: 22px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.mobile-menu__phone:focus-visible,
.mobile-menu__phone:hover {
    opacity: .5
}

.mobile-menu__feedback {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -.02em;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-align: right;
    color: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: opacity, -webkit-text-decoration;
    transition-property: opacity, -webkit-text-decoration;
    transition-property: opacity, text-decoration;
    transition-property: opacity, text-decoration, -webkit-text-decoration
}

.mobile-menu__feedback:focus-visible,
.mobile-menu__feedback:hover {
    color: #f472a9;
    opacity: .5;
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.header-catalog {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    display: block;
    background: #f5f5f7;
    width: 842px;
    height: 672px;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 5;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: opacity, max-height;
    transition-property: opacity, max-height
}

.header-catalog::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    display: block;
    z-index: -1
}

.header-catalog__categories {
    width: 342px;
    height: 672px;
    max-height: calc(100vh - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: visible;
    border-right: 1px solid #dcdde0
}

.header-catalog__categories::-webkit-scrollbar {
    width: 5px
}

.header-catalog__categories::-webkit-scrollbar-track {
    background: #fff
}

.header-catalog__categories::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}

.header-catalog__category>a {
    padding: 20px 18px 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border-right: 2px solid transparent;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.header-catalog__category>a svg {
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    stroke: #528d5a
}

.header-catalog__category>ul {
    position: absolute;
    top: 0;
    left: 100%;
    background: #f5f5f7;
    border-left: 1px solid #dcdde0
}

.header-catalog__category .header-catalog__subcategories {
    display: none
}

.header-catalog__category-opener.hover,
.header-catalog__category-opener:focus-visible,
.header-catalog__category-opener:hover {
    background: rgba(134, 210, 136, .12)
}

.header-catalog__subcategories {
    position: absolute;
    top: 0;
    left: 342px;
    width: 300px;
    height: 672px;
    max-height: calc(100vh - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: visible;
    opacity: 0;
    pointer-events: none;
    border-right: 1px solid #dcdde0;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    z-index: 1
}

.header-catalog__subcategories.showed {
    opacity: 1;
    pointer-events: all
}

.header-catalog__subcategory>a {
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.header-catalog__subcategory>ul {
    position: absolute;
    top: 0;
    left: calc(100% - 200px);
    background: #f5f5f7;
    border-left: 1px solid #dcdde0
}

.header-catalog__subcategory .header-catalog__brands {
    display: none
}

.header-catalog__subcategory-opener.hover,
.header-catalog__subcategory-opener:focus-visible,
.header-catalog__subcategory-opener:hover {
    background: rgba(134, 210, 136, .12)
}

.header-catalog__brands {
    position: absolute;
    top: 0;
    left: 642px;
    width: 200px;
    height: 672px;
    max-height: calc(100vh - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.header-catalog__brands.showed {
    opacity: 1;
    pointer-events: all
}

.header-catalog__brand>a {
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.header-catalog__brand:focus-within>a,
.header-catalog__brand:hover>a {
    background: rgba(134, 210, 136, .12)
}

.search-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    background: #fff
}

.search-menu__wrap {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.search-menu__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.search-menu__category {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    background: #f5f5f7;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.search-menu__category:focus-visible,
.search-menu__category:hover {
    background-color: #f0f0f2
}

.search-result {
    display: none;
    gap: 15px
}

.search-result__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.search-result__link svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    fill: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out fill;
    transition: .25s ease-out fill
}

.search-result__link:focus-visible,
.search-result__link:hover {
    color: #f472a9
}

.search-result__link:focus-visible svg,
.search-result__link:hover svg {
    fill: #f472a9
}

.search-result.showed {
    display: grid
}

.search-history__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-history__title {
    font-weight: 400;
    font-size: 16px;
    color: rgba(31, 25, 26, .5)
}

.search-history__clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    font-weight: 400;
    font-size: 16px;
    color: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.search-history__clear svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    fill: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out fill;
    transition: .25s ease-out fill
}

.search-history__clear:focus-visible,
.search-history__clear:hover {
    color: #f472a9
}

.search-history__clear:focus-visible svg,
.search-history__clear:hover svg {
    fill: #f472a9
}

.search-history__list {
    margin-top: 15px;
    display: grid;
    gap: 15px
}

.search-history.hidden {
    display: none
}

.search-history-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-history-item__link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.search-history-item__link svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    fill: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out fill;
    transition: .25s ease-out fill
}

.search-history-item__link:focus-visible,
.search-history-item__link:hover {
    color: #f472a9
}

.search-history-item__link:focus-visible svg,
.search-history-item__link:hover svg {
    fill: #f472a9
}

.search-history-item__remove {
    position: relative;
    width: 20px;
    height: 20px;
    background: 0 0
}

.search-history-item__remove::after,
.search-history-item__remove::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 3px;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background-color: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

.search-history-item__remove::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-history-item__remove::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.search-history-item__remove:focus-visible::after,
.search-history-item__remove:focus-visible::before,
.search-history-item__remove:hover::after,
.search-history-item__remove:hover::before {
    background-color: #f472a9
}

.footer {
    background-color: #f5f5f7
}

.footer__top {
    padding-top: 80px;
    padding-bottom: 80px;
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 40px
}

.footer__logo {
    display: block;
    height: 42px
}

.footer__logo svg {
    display: block;
    height: 100%;
    fill: var(--text-color-primary);
    aspect-ratio: 329/42;
    -webkit-transition: .25s ease-out fill;
    transition: .25s ease-out fill
}

.footer__logo:focus-visible svg,
.footer__logo:hover svg {
    fill: #f472a9
}

.footer__nav {
    grid-column: 2;
    grid-row: 1/span 2;
    display: grid;
    grid-template-columns: repeat(4, auto);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

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

.footer__nav-title {
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #f472a9
}

.footer__nav-links {
    margin-top: 20px;
    display: grid;
    gap: 10px
}

.footer__nav-links a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.footer__nav-links a:focus-visible,
.footer__nav-links a:hover {
    color: #f472a9
}

.footer__nav-main-links {
    margin-top: 15px;
    display: grid;
    gap: 20px
}

.footer__nav-main-links a {
    display: block;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #f472a9;
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.footer__nav-main-links a:focus-visible,
.footer__nav-main-links a:hover {
    color: #f472a9;
    opacity: .5
}

.footer__contacts-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #f472a9
}

.footer__contacts-list {
    margin-top: 24px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

.footer__contacts-item {
    -webkit-column-break-inside: auto;
    -moz-column-break-inside: auto;
    break-inside: auto
}

.footer__contacts-item:not(:first-child) {
    margin-top: 10px
}

.footer__contacts-item:nth-last-child(2) {
    margin-bottom: auto
}

.footer__contacts-link {
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.footer__contacts-link span {
    color: rgba(31, 25, 26, .3)
}

.footer__contacts-link:focus-visible,
.footer__contacts-link:hover {
    color: #f472a9
}

.footer .socials {
    margin-top: 10px
}

.footer__bottom {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid rgba(31, 25, 26, .07)
}

.footer__info {
    display: grid;
    grid-template-columns: 574px 1fr;
    gap: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 400;
    font-size: 14px;
    color: rgba(31, 25, 26, .5)
}

.footer__public-offer {
    grid-row: 1/span 2;
    align-self: center
}

.footer__copyright {
    margin: 0 auto;
    width: 310px
}

.footer__design {
    margin: 0 auto;
    width: 310px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.footer__design a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.footer__design a:focus-visible,
.footer__design a:hover {
    color: #f472a9
}

.footer__service-logos {
    display: grid;
    grid-template-columns: repeat(2, 368px);
    gap: 20px
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.socials__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: 0 0;
    border: 1px solid #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: border-color, background-color;
    transition-property: border-color, background-color
}

.socials__item svg {
    width: 15px;
    height: 15px;
    fill: #f472a9;
    stroke: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, stroke;
    transition-property: fill, stroke
}

.socials__item:focus-visible,
.socials__item:hover {
    background: #f472a9
}

.socials__item:focus-visible svg,
.socials__item:hover svg {
    fill: #fff;
    stroke: #fff
}

.service-logo {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background: rgba(31, 25, 26, .8);
    text-decoration: none;
    -webkit-transition: .25s ease-out background-color;
    transition: .25s ease-out background-color
}

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

.service-logo__title {
    font-weight: 500;
    font-size: 16px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: #fff
}

.service-logo__text {
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    color: #fff
}

.service-logo:focus-visible,
.service-logo:hover {
    background: var(--text-color-primary)
}

.service-logo--rose {
    background: #ffc2db
}

.service-logo--rose:focus-visible,
.service-logo--rose:hover {
    background: #f472a9
}

.service-logo--green {
    background: #86d288
}

.service-logo--green:focus-visible,
.service-logo--green:hover {
    background: #528d5a
}

.hero {
    width: 100%;
    overflow: hidden
}

.hero .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 770px
}

.hero__left {
    position: relative;
    padding: 60px 50px 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1
}

.hero__left::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% + (100vw - 1840px)/ 2);
    background: #f8c0d9;
    z-index: -1
}

.hero__left::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 960px;
    height: 100%;
    background-image: url(../img/bg-circle.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 300px 0;
    z-index: -1
}

.hero__title {
    font-weight: 700;
    font-size: 100px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: #fff
}

.hero__subtitle {
    margin-top: 20px;
    min-height: 78px;
    font-weight: 400;
    font-size: 20px;
    font-stretch: expanded;
    text-transform: uppercase;
    color: #fff
}

.hero__to-catalog {
    margin-top: 14px;
    padding: 0 25px;
    height: 74px;
    gap: 10px
}

.hero__to-catalog svg {
    width: 22px;
    height: 22px
}

.hero__right {
    position: relative;
    padding: 60px 0 60px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 41.66%;
    z-index: 0
}

.hero__right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + (100vw - 1840px)/ 2);
    height: 100%;
    background: #86d288;
    z-index: -2
}

.hero__right::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 100%;
    background-image: url(../img/bg-circle.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: -660px 0;
    z-index: -1
}

.last-viewed {
    position: relative;
    padding: 150px 0;
    background: #f5f5f7
}

.last-viewed__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 50px
}

.last-viewed .h2 {
    max-width: 50%
}

.last-viewed__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.last-viewed__slider {
    margin-top: 60px;
    overflow: hidden
}

.last-viewed__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.last-viewed__slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.last-viewed__to-catalog {
    margin-top: 50px;
    padding: 0 24px;
    height: 74px;
    -ms-flex-item-align: center;
    align-self: center;
    gap: 10px
}

.last-viewed__to-catalog .btn__icon {
    width: 22px;
    height: 22px
}

.last-viewed--no-bg {
    background: 0 0
}

.last-viewed:not(.last-viewed--no-bg) .product-item {
    border-color: transparent
}

.last-viewed:not(.last-viewed--no-bg) .product-item:focus-within,
.last-viewed:not(.last-viewed--no-bg) .product-item:hover {
    border-color: #f472a9
}

.consultation {
    background: #f8c0d9;
    overflow: hidden
}

.consultation .container {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 20px
}

.consultation__image {
    position: relative
}

.consultation__image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: calc(100% + (100vw - 1840px)/ 2);
    background-image: url(../img/consultation/image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@supports (background-image:url("../img/consultation/image.webp")) {
    .consultation__image::before {
        background-image: url(../img/consultation/image.webp)
    }
}

.consultation__content {
    padding: 150px 0 150px 30px
}

.consultation__subtitle {
    margin-top: 30px;
    font-weight: 400;
    font-size: 20px;
    color: var(--text-color-primary)
}

.consultation__form {
    margin-top: 40px
}

.consultation__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    max-width: 582px
}

.consultation__field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 74px
}

.consultation__field input {
    padding-left: 29px;
    height: 100%;
    min-width: initial;
    width: 100%;
    border: 1px solid rgba(31, 25, 26, .15);
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: border-color;
    transition-property: border-color
}

.consultation__field input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.consultation__field input::-moz-placeholder {
    color: rgba(31, 25, 26, .4)
}

.consultation__field input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.consultation__field input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.consultation__field input::placeholder {
    color: rgba(31, 25, 26, .4)
}

.consultation__field input:focus-visible,
.consultation__field input:hover {
    border-color: var(--text-color-primary)
}

.consultation__submit {
    padding: 0 25px;
    height: 74px
}

.consultation__submit .btn__icon {
    width: 22px;
    height: 22px
}

.consultation__privacy {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(31, 25, 26, .3)
}

.consultation__privacy a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: -webkit-text-decoration;
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration
}

.consultation__privacy a:focus-visible,
.consultation__privacy a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: inherit
}

.maintenance {
    padding: 150px 0;
    background: #f5f5f7
}

.maintenance__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px
}

.maintenance .h2 {
    max-width: 50%
}

.maintenance__to-services {
    padding: 0 25px;
    height: 74px
}

.maintenance__to-services .btn__icon {
    width: 22px;
    height: 22px
}

.maintenance__steps {
    margin-top: 60px;
    display: grid;
    gap: 20px;
    counter-reset: maintenance-step
}

.maintenance-step {
    padding: 20px;
    display: grid;
    grid-template-columns: 3fr 6fr 3fr;
    gap: 20px;
    background: #fff;
    counter-increment: maintenance-step
}

.maintenance-step::before {
    content: "[" counter(maintenance-step, decimal-leading-zero) "]";
    padding: 10px;
    display: block;
    font-weight: 500;
    font-size: 35px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: rgba(134, 210, 136, .5)
}

.maintenance-step__content {
    padding: 10px 10px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 580px
}

.maintenance-step__title {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(134, 210, 136, .3);
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.maintenance-step__text {
    padding-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--text-color-primary)
}

.maintenance-step__text a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #528d5a;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: -webkit-text-decoration;
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration
}

.maintenance-step__text a:focus-visible,
.maintenance-step__text a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #528d5a
}

.maintenance-step__image {
    margin: auto;
    max-width: 400px;
    aspect-ratio: 40/21
}

.maintenance-step__image img {
    display: block
}

.partners {
    padding: 150px 0 100px;
    overflow: hidden
}

.partners .h2 {
    max-width: 50%
}

.partners .h2 b {
    color: #8e3f5f
}

.partners__wrap {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    white-space: nowrap
}

.partners__wrap .images-marquee {
    margin-left: calc((100vw - 100%)/ -2);
    width: calc(100% + 100vw - 100%)
}

.images-marquee {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.images-marquee .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.images-marquee__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 290px
}

.images-marquee__item:hover .images-marquee__image {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.images-marquee__image {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: .25s ease-out filter;
    transition: .25s ease-out filter
}

.certificates {
    padding: 100px 0 150px
}

.certificates .container {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 20px
}

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

.certificates .h2 b {
    color: #00c9f7
}

.certificates__subtitle {
    margin-top: 30px;
    margin-bottom: auto;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--text-color-primary)
}

.certificates__nav {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 440px
}

.certificates__pagination {
    margin-bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 500;
    font-size: 25px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: rgba(31, 25, 26, .2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.certificates__pagination .swiper-pagination-current {
    margin-right: 8px;
    margin-bottom: -2px;
    font-size: 35px;
    color: var(--text-color-primary)
}

.certificates__pagination .swiper-pagination-total {
    margin-left: 8px
}

.certificates__pagination.swiper-pagination-lock {
    display: none
}

.certificates__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.certificates__slider {
    grid-column: 2;
    grid-row: 1/span 2;
    min-width: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.certificates__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.certificates-main {
    padding: 45px 0 150px
}

.certificates-main__content {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.certificates-main__title {
    max-width: 750px
}

.certificates-main__title b {
    color: #00c9f7
}

.certificates-main__subtitle {
    max-width: 445px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--text-color-primary)
}

.certificates-main__list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px
}

.certificate {
    position: relative;
    aspect-ratio: 342/490;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.certificate__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.certificate__bdr-bottom,
.certificate__bdr-top {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    pointer-events: none;
    -webkit-transition: .25s ease-out height;
    transition: .25s ease-out height
}

.certificate__bdr-bottom::after,
.certificate__bdr-bottom::before,
.certificate__bdr-top::after,
.certificate__bdr-top::before {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transition: .25s ease-out width;
    transition: .25s ease-out width
}

.certificate__bdr-bottom::before,
.certificate__bdr-top::before {
    left: 0;
    border-left: 1px solid #dcdde0
}

.certificate__bdr-bottom::after,
.certificate__bdr-top::after {
    right: 0;
    border-right: 1px solid #dcdde0
}

.certificate__bdr-top {
    top: 0
}

.certificate__bdr-top::after,
.certificate__bdr-top::before {
    top: 0;
    border-top: 1px solid #dcdde0
}

.certificate__bdr-bottom {
    bottom: 0
}

.certificate__bdr-bottom::after,
.certificate__bdr-bottom::before {
    bottom: 0;
    border-bottom: 1px solid #dcdde0
}

.certificate:focus-visible .certificate__bdr-bottom,
.certificate:focus-visible .certificate__bdr-top,
.certificate:hover .certificate__bdr-bottom,
.certificate:hover .certificate__bdr-top {
    height: 30px
}

.certificate:focus-visible .certificate__bdr-bottom::after,
.certificate:focus-visible .certificate__bdr-bottom::before,
.certificate:focus-visible .certificate__bdr-top::after,
.certificate:focus-visible .certificate__bdr-top::before,
.certificate:hover .certificate__bdr-bottom::after,
.certificate:hover .certificate__bdr-bottom::before,
.certificate:hover .certificate__bdr-top::after,
.certificate:hover .certificate__bdr-top::before {
    width: 30px
}

.feedback {
    background: #86d288
}

.feedback .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.feedback .container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background-image: url(../img/bg-circle.svg);
    background-size: auto 160%;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1
}

.feedback__content {
    margin: 110px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 675px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.feedback .h2 {
    color: #fff
}

.feedback__subtitle {
    margin-top: 30px;
    font-weight: 400;
    font-size: 20px;
    color: #fff
}

.feedback__form {
    margin-top: 40px;
    max-width: 700px
}

.feedback__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    max-width: 582px
}

.feedback__field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 74px
}

.feedback__field input {
    padding-left: 29px;
    height: 100%;
    min-width: initial;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .4);
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: border-color;
    transition-property: border-color
}

.feedback__field input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .9)
}

.feedback__field input::-moz-placeholder {
    color: rgba(255, 255, 255, .9)
}

.feedback__field input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .9)
}

.feedback__field input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .9)
}

.feedback__field input::placeholder {
    color: rgba(255, 255, 255, .9)
}

.feedback__field input:focus-visible,
.feedback__field input:hover {
    border-color: #fff
}

.feedback__submit {
    padding: 0 25px;
    height: 74px
}

.feedback__submit .btn__icon {
    width: 22px;
    height: 22px
}

.feedback__privacy {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(255, 255, 255, .6)
}

.feedback__privacy a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: -webkit-text-decoration;
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration
}

.feedback__privacy a:focus-visible,
.feedback__privacy a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: inherit
}

.feedback__image {
    position: absolute;
    top: 60px;
    left: 42%;
    width: 23%;
    bottom: 0
}

.feedback__image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url(../img/feedback/printer.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom
}

@supports (background-image:url("../img/feedback/printer.webp")) {
    .feedback__image::before {
        background-image: url(../img/feedback/printer.webp)
    }
}

.feedback .feedback-contacts {
    margin: 110px 0 110px auto
}

.feedback-contacts {
    padding: 30px;
    max-width: 452px;
    background: #fff
}

.feedback-contacts__title {
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.feedback-contacts__links {
    margin-top: 30px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 25px
}

.feedback-contacts__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.feedback-contacts__link svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    fill: #f472a9
}

.feedback-contacts__link:focus-visible,
.feedback-contacts__link:hover {
    opacity: .5
}

.feedback-contacts__socials {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.feedback-contacts__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid transparent;
    background: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.feedback-contacts__social svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    stroke: #fff;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, stroke;
    transition-property: fill, stroke
}

.feedback-contacts__social:focus-visible,
.feedback-contacts__social:hover {
    background: 0 0;
    border-color: var(--text-color-primary)
}

.feedback-contacts__social:focus-visible svg,
.feedback-contacts__social:hover svg {
    fill: var(--text-color-primary);
    stroke: var(--text-color-primary)
}

.feedback-contacts__social--whatsapp {
    background: #00d600
}

.feedback-contacts__social--whatsapp:focus-visible,
.feedback-contacts__social--whatsapp:hover {
    background: 0 0;
    border-color: #00d600
}

.feedback-contacts__social--whatsapp:focus-visible svg,
.feedback-contacts__social--whatsapp:hover svg {
    fill: #00d600;
    stroke: #00d600
}

.feedback-contacts__social--telegram {
    background: #18a9ed
}

.feedback-contacts__social--telegram:focus-visible,
.feedback-contacts__social--telegram:hover {
    background: 0 0;
    border-color: #18a9ed
}

.feedback-contacts__social--telegram:focus-visible svg,
.feedback-contacts__social--telegram:hover svg {
    fill: #18a9ed;
    stroke: #18a9ed
}

.catalog {
    padding: 45px 0 50px
}

.catalog__title {
    margin-top: 50px
}

.catalog__categories {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.category-card {
    position: relative;
    padding: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid transparent;
    background: #f5f5f7;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.category-card:focus-within,
.category-card:hover {
    border-color: #8e3f5f
}

.category-card__icon {
    width: 70px;
    height: 70px
}

.category-card__name {
    margin-top: 70px;
    font-weight: 500;
    font-stretch: expanded;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.category-card__name>* {
    display: block;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    color: inherit
}

.category-card__name::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block
}

.category-card__name:focus-visible,
.category-card__name:hover {
    color: #f472a9
}

.category-card__subcategories {
    margin: 14px -6px -6px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    width: calc(100% + 12px)
}

.category-card__subcategories[data-columns="2"] {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.category-card__subcategories[data-columns="3"] {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.category-card__subcategory {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary)
}

.category-card__subcategory a {
    padding: 6px;
    display: block;
    color: inherit;
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.category-card__subcategory a:focus-visible,
.category-card__subcategory a:hover {
    color: #f472a9
}

.category {
    padding: 45px 0 150px
}

.category__head {
    margin-top: 50px
}
.category.search .category__head {
    margin-bottom: 30px
}

.category__title {
    display: inline
}

.category__quantity {
    padding: 0 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    border: 1px solid #528d5a;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #528d5a;
    vertical-align: top
}

.category__tabs {
    margin-top: 50px;
    overflow-x: auto
}

.category__tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.category__tabs-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.category__tab-btn {
    padding: 0 24px;
    height: 60px
}

.category__products {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.category .pagination {
    margin: 50px auto 0
}

.product-card {
    padding: 45px 0 50px
}

.product-card__head {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-card__article {
    margin-left: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.product-card__wrap {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.product-card__slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    width: 100%;
    min-height: 740px;
    border: 1px solid #dcdde0;
    overflow: hidden
}

.product-card__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-card__slider .slider-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.product-card__slider .slider-btn--prev {
    left: 30px
}

.product-card__slider .slider-btn--next {
    right: 30px
}

.product-card__slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-card .product-statuses {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1
}

.product-card__summary {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f5f5f7
}

.product-card__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: var(--text-color-primary)
}

.product-card__not-available {
    margin-top: 40px;
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary)
}

.product-card__price-block {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.product-card__price-current {
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none
}

.product-card__discount-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product-card__price-old {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-decoration: line-through;
    color: rgba(31, 25, 26, .4);
    text-decoration: none
}

.product-card__price-old::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgba(31, 25, 26, .4)
}

.product-card__discount {
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    border: 1px solid #f472a9;
    font-weight: 400;
    font-size: 16px;
    font-stretch: expanded;
    line-height: 1;
    color: #f472a9
}

.product-card__btns {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 20px
}

.product-card__admission,
.product-card__to-cart {
    height: 74px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product-card__admission .btn__icon,
.product-card__to-cart .btn__icon {
    width: 20px;
    height: 20px
}

.product-card__buy,
.product-card__order {
    height: 74px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product-card__buy .btn__icon,
.product-card__order .btn__icon {
    width: 20px;
    height: 20px
}

.product-card__admission.btn--rose {
    background: #f8c0d9
}

.product-card__available {
    position: relative;
    margin-top: 20px;
    margin-bottom: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-left: 27px;
    padding-right: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    border: 1px solid #86d288;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-color-primary)
}

.product-card__available::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #86d288
}

.product-card__purshase-info-items {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.to-wishlist-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 74px;
    height: 74px;
    background: #f5f5f7;
    border: 1px solid #dcdde0;
    cursor: pointer;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.to-wishlist-btn__fill-icon,
.to-wishlist-btn__void-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 20px;
    height: 20px;
    display: block
}

.to-wishlist-btn__void-icon {
    fill: var(--text-color-primary);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, opacity;
    transition-property: fill, opacity
}

.to-wishlist-btn__fill-icon {
    fill: #528d5a;
    opacity: 0;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, opacity;
    transition-property: fill, opacity
}

.to-wishlist-btn:focus-visible,
.to-wishlist-btn:hover {
    border-color: #528d5a
}

.to-wishlist-btn:focus-visible .to-wishlist-btn__void-icon,
.to-wishlist-btn:hover .to-wishlist-btn__void-icon {
    fill: #528d5a
}

.to-wishlist-btn:focus-visible .to-wishlist-btn__fill-icon,
.to-wishlist-btn:hover .to-wishlist-btn__fill-icon {
    fill: #528d5a
}

.to-wishlist-btn--added .to-wishlist-btn__void-icon,
.to-wishlist-btn.active .to-wishlist-btn__void-icon,
.to-wishlist-btn[class*="--active"] .to-wishlist-btn__void-icon,
.to-wishlist-btn[class*=-active] .to-wishlist-btn__void-icon {
    opacity: 0
}

.to-wishlist-btn--added .to-wishlist-btn__fill-icon,
.to-wishlist-btn.active .to-wishlist-btn__fill-icon,
.to-wishlist-btn[class*="--active"] .to-wishlist-btn__fill-icon,
.to-wishlist-btn[class*=-active] .to-wishlist-btn__fill-icon {
    opacity: 1
}

.purshase-info {
    padding: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    border: 1px solid #dcdde0;
    text-decoration: none;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.purshase-info__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: #006883
}

.purshase-info__icon svg {
    width: 44px;
    height: 44px
}

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

.purshase-info__name {
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.purshase-info__text {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.purshase-info:focus-visible,
.purshase-info:hover {
    border-color: #006883
}

.product-services {
    margin-top: 50px;
    padding: 50px;
    background: #f5f5f7
}

.product-services__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-services__title {
    max-width: 380px
}

.product-services__to-services {
    margin-left: 29px;
    padding: 0 23px;
    height: 74px
}

.product-services__to-services .btn__icon {
    width: 22px;
    height: 22px
}

.product-services__list {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.product-service {
    position: relative;
    padding: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid transparent;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.product-service__image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.product-service__content {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px
}

.product-service__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
}

.product-service__name {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    color: var(--text-color-primary);
    text-decoration: none
}

.product-service__name::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block
}

.product-service__price {
    margin-top: auto;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary)
}

.product-service__to-cart {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 74px;
    height: 74px
}

.product-service__to-cart svg {
    width: 20px;
    height: 20px
}

.product-service:focus-visible,
.product-service:hover {
    border-color: #528d5a
}

.product-info {
    padding: 100px 0 50px
}

.product-info__btns-wrap {
    margin-top: 50px;
    overflow-x: auto
}

.product-info__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.product-info__btns .tab-btn {
    padding: 0 24px;
    height: 60px
}

.product-info__content {
    margin-top: 20px
}

.product-info__content:not(.active) {
    display: none
}

.product-specs {
    padding: 50px;
    background: #f5f5f7
}

.product-specs__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px
}

.product-specs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    color: var(--text-color-primary)
}

.product-specs__item:not(:first-child) {
    margin-top: 18px
}

.product-specs__item dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.product-specs__item dt::after {
    content: "";
    margin: 0 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 10px;
    border-bottom: 1px dashed rgba(31, 25, 26, .3)
}

.product-specs__item dt svg {
    margin-left: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.product-specs__item dd {
    margin: 0;
    max-width: 442px;
    text-align: right
}

.product-specs__note {
    margin-top: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: rgba(31, 25, 26, .4)
}

.product-purchase {
    padding: 50px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    background: #f5f5f7
}

.product-purchase__item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    color: var(--text-color-primary)
}

.product-purchase__item:not(:first-child) {
    margin-top: 30px
}

.product-purchase__item-title {
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.product-purchase__item-desc {
    margin-top: 15px;
    line-height: 1.1
}

.product-purchase__conditions {
    margin-top: 30px;
    padding-left: 30px
}

.product-purchase__conditions-title {
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    color: #8e3f5f
}

.product-purchase__conditions-desc {
    margin-top: 15px;
    line-height: 1.1
}

.product-purchase ul li {
    position: relative;
    padding-left: 27px
}

.product-purchase ul li::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 8px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--text-color-primary)
}

.product-purchase ul li:not(:first-child) {
    margin-top: 5px
}

.product-purchase b {
    font-weight: initial;
    color: #8e3f5f
}

.cart {
    padding: 45px 0 150px
}

.cart__head {
    margin-top: 50px
}

.cart__title {
    display: inline
}

.cart__quantity {
    padding: 0 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    border: 1px solid #528d5a;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #528d5a;
    vertical-align: top
}

.cart__wrap {
    position: relative;
    margin-top: 40px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

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

.cart .cart-empty {
    margin-top: 50px
}

.cart-product {
    position: relative;
    padding: 39px;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #dcdde0;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.cart-product__img-link {
    margin: -39px 40px -39px 0;
    width: 310px;
    aspect-ratio: 310/275;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cart-product__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.cart-product__mid {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cart-product__name {
    max-width: 534px;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1.1;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.cart-product__name:focus-visible,
.cart-product__name:hover {
    color: #f472a9
}

.cart-product__article {
    margin-top: 12px;
    margin-bottom: auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.cart-product .quantity {
    margin-top: 20px
}

.cart-product__right {
    margin-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cart-product__price-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.cart-product__price-current {
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none
}

.cart-product__price-old {
    margin-left: 10px;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-decoration: line-through;
    color: rgba(31, 25, 26, .4)
}

.cart-product__not-available {
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none
}

.cart-product__similar {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-align: right;
    color: #f472a9;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: -webkit-text-decoration;
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration
}

.cart-product__similar:focus-visible,
.cart-product__similar:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #f472a9
}

.cart-product__btns {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cart-product .to-wishlist {
    position: relative;
    width: 30px;
    height: 30px
}

.cart-product__remove {
    margin-left: 20px;
    width: 30px;
    height: 30px;
    background: 0 0
}

.cart-product__remove svg {
    width: 100%;
    height: 100%;
    stroke: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out stroke;
    transition: .25s ease-out stroke
}

.cart-product__remove:focus-visible svg,
.cart-product__remove:hover svg {
    stroke: #f472a9
}

.cart-product--not-available .cart-product__img-link {
    opacity: .5
}

.cart-product--not-available .cart-product__name {
    opacity: .5
}

.cart-product--not-available .cart-product__article {
    opacity: .5
}

.cart-product--not-available .quantity {
    opacity: .5;
    pointer-events: none
}

.cart-product:focus-within,
.cart-product:hover {
    border-color: #f472a9
}

.cart-result {
    position: sticky;
    top: 150px;
    border: 1px solid #dcdde0;
    padding: 30px
}

.cart-result__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

.cart-result__total-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.cart-result__quantity {
    margin-top: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary)
}

.cart-result__price {
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary)
}

.cart-result__order {
    margin-top: 40px;
    padding: 0 24px;
    height: 74px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart-result__order .btn__icon {
    width: 22px;
    height: 22px
}

.cart-empty {
    padding: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f7
}

.cart-empty__icon {
    width: 90px;
    height: 90px;
    fill: #86d288;
    stroke: #86d288
}

.cart-empty__title {
    margin-top: 60px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.cart-empty__to-catalog {
    margin-top: 60px;
    padding: 0 24px;
    height: 74px
}

.cart-empty__to-catalog svg {
    width: 22px;
    height: 22px;
    gap: 10px
}

.wishlist {
    padding: 45px 0 150px
}

.wishlist__head {
    margin-top: 50px
}

.wishlist__title {
    display: inline
}

.wishlist__quantity {
    padding: 0 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    border: 1px solid #528d5a;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #528d5a;
    vertical-align: top
}

.wishlist__products {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.wishlist-empty {
    margin-top: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wishlist-empty__icon {
    width: 90px;
    height: 90px;
    fill: #86d288
}

.wishlist-empty__title {
    margin-top: 60px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text-color-primary)
}

.wishlist-empty__to-catalog {
    margin-top: 60px;
    padding: 0 24px;
    height: 74px
}

.wishlist-empty__to-catalog svg {
    width: 22px;
    height: 22px;
    gap: 10px
}

.order {
    padding: 45px 0 150px
}

.order__title {
    margin-top: 50px
}

.order__wrap {
    position: relative;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.order-items {
    display: grid;
    gap: 20px;
    counter-set: order-items
}

.order-item__title {
    padding: 20px;
    counter-increment: order-items;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f7;
    font-weight: 500;
    font-stretch: expanded;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.order-item__title::before {
    content: counter(order-items, decimal-leading-zero);
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: #8e3f5f;
    font-weight: 500;
    font-stretch: expanded;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.02em;
    color: #fff
}

.order-item__content {
    margin-top: 20px;
    margin-left: 50px;
    padding: 30px 0;
    padding-left: 58px;
    padding-right: 40px;
    border-left: 1px dashed rgba(31, 25, 26, .15)
}

.order-item--hidden .order-item__content {
    display: none
}

.order-data__tabs {
    margin: 0 -10px;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: calc(100% + 20px);
    overflow-x: auto
}

.order-data__tab-btn {
    padding: 0 24px;
    height: 60px
}

.order-data__content {
    margin-top: 40px;
    display: grid;
    gap: 40px
}

.order-data__content:not(.active) {
    display: none
}

.order-fields {
    display: grid;
    gap: 30px
}

.order-fields__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.order-fields__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.order-fields__field input {
    height: 74px
}

.order-fields__btn {
    padding: 0 24px;
    height: 74px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-fields__btn svg {
    width: 22px;
    height: 22px
}

.order-fields__forgot-pass {
    margin-left: 20px;
    margin-right: auto;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 400;
    font-size: 18px;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.order-fields__forgot-pass:focus-visible,
.order-fields__forgot-pass:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #f472a9
}

.order-fields__checkboxes {
    display: grid;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    gap: 20px
}

.order-fields__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-fields__checkbox-text {
    margin-left: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a
}

.order-fields__checkbox-text a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #528d5a;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.order-fields__checkbox-text a:focus-visible,
.order-fields__checkbox-text a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #528d5a
}

.order-fields--hidden {
    display: none
}

.order-address {
    display: grid;
    gap: 30px
}

.order-address__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.order-address__select {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px
}

.order-address__new input {
    height: 74px
}

.address-opt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.address-opt__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.address-opt__input:checked~.address-opt__content::after {
    opacity: 1
}

.address-opt__icon-plus {
    position: relative;
    margin-bottom: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 44px
}

.address-opt__icon-plus::after,
.address-opt__icon-plus::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    background-color: #8e3f5f;
    width: 50%;
    height: 2px
}

.address-opt__icon-plus::before {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.address-opt__icon-plus::after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
    transform: translate3d(-50%, -50%, 0) rotate(90deg)
}

.address-opt__content {
    position: relative;
    padding: 19px;
    padding-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border: 1px solid #dcdde0
}

.address-opt__content::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: block;
    border: 2px solid #f472a9;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.address-opt__content img {
    margin-bottom: auto;
    width: 44px;
    height: 44px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.address-opt__content span {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.address-opt__content span b {
    font-weight: 400;
    color: var(--text-color-primary)
}

.order-delivery {
    display: grid;
    gap: 30px
}

.order-delivery__methods {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px
}

.order-delivery__offices-map {
    height: 356px;
    width: 100%
}

.order-delivery__offices-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

.order-delivery__comments-field {
    width: 100%
}

.order-delivery__comments-field input {
    padding-left: 29px;
    width: 100%;
    height: 74px;
    border: 1px solid rgba(31, 25, 26, .15);
    background: 0 0;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-primary);
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.order-delivery__comments-field input::-webkit-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.order-delivery__comments-field input::-moz-placeholder {
    color: rgba(31, 25, 26, .4)
}

.order-delivery__comments-field input:-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.order-delivery__comments-field input::-ms-input-placeholder {
    color: rgba(31, 25, 26, .4)
}

.order-delivery__comments-field input::placeholder {
    color: rgba(31, 25, 26, .4)
}

.order-delivery__comments-field input:focus-visible {
    border-color: var(--text-color-primary)
}

.delivery-method {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.delivery-method__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.delivery-method__input:checked~.delivery-method__content::after {
    opacity: 1
}

.delivery-method__content {
    position: relative;
    padding: 19px;
    padding-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border: 1px solid #dcdde0
}

.delivery-method__content::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: block;
    border: 2px solid #f472a9;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.delivery-method__content img {
    width: 44px;
    height: 44px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.delivery-method__content span {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.delivery-method__content span b {
    font-weight: 400;
    color: var(--text-color-primary)
}

.order-pickup-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-pickup-point__title {
    font-weight: 400;
    font-size: 16px;
    color: rgba(31, 25, 26, .5)
}

.order-pickup-point__location {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #1f191a;
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.order-pickup-point__location svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    fill: #f472a9
}

.order-pickup-point__location:focus-visible,
.order-pickup-point__location:hover {
    color: #f472a9
}

.order-payment-methods {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px
}

.payment-method {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.payment-method__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.payment-method__input:checked~.payment-method__content::after {
    opacity: 1
}

.payment-method__content {
    position: relative;
    padding: 19px;
    padding-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border: 1px solid #dcdde0
}

.payment-method__content::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: block;
    border: 2px solid #f472a9;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.payment-method__content img {
    width: 44px;
    height: 44px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.payment-method__content span {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.payment-method__content span b {
    font-weight: 400;
    color: var(--text-color-primary)
}

.order-result {
    position: sticky;
    top: 150px;
    border: 1px solid #dcdde0;
    padding: 29px
}

.order-result__title {
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.order-result__data {
    margin-top: 30px;
    padding-bottom: 20px;
    display: grid;
    gap: 10px;
    border-bottom: 1px solid #dcdde0
}

.order-result__data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--text-color-primary)
}

.order-result__data-item dt {
    color: rgba(31, 25, 26, .5)
}

.order-result__data-item dd {
    margin-left: 0
}

.order-result__total-price {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-stretch: expanded;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary)
}

.order-result__btn {
    margin-top: 30px;
    padding: 0 24px;
    height: 74px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-result__btn .btn__icon {
    width: 22px;
    height: 22px
}

.order-result__policy {
    margin-top: 12px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: rgba(31, 25, 26, .6)
}

.order-result__policy a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.order-result__policy a:focus-visible,
.order-result__policy a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.ordered {
    padding: 45px 0 150px
}

.ordered__title {
    margin-top: 50px
}

.ordered__wrap {
    position: relative;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 3fr 1fr 2fr;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ordered-info__success {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a
}

.ordered-info__title {
    margin-top: 60px;
    font-weight: 500;
    font-stretch: expanded;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.ordered-info__data {
    margin-top: 35px;
    display: grid;
    gap: 18px
}

.ordered-info__data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 400;
    font-size: 18px;
    line-height: .8;
    text-align: right;
    color: #1f191a
}

.ordered-info__data-item dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ordered-info__data-item dt::after {
    content: "";
    margin: 0 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 10px;
    border-bottom: 1px dashed rgba(31, 25, 26, .3)
}

.ordered-info__data-item dd {
    margin-left: 0;
    text-align: right
}

.ordered-info__btn {
    margin-top: 35px;
    padding: 0 24px;
    height: 74px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ordered-info__btn .btn__icon {
    width: 22px;
    height: 22px
}

.ordered-structure {
    position: sticky;
    top: 150px;
    padding: 29px;
    grid-column: 3;
    border: 1px solid #dcdde0
}

.ordered-structure__title {
    font-weight: 500;
    font-stretch: expanded;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-transform: uppercase
}

.ordered-structure__items {
    margin-top: 30px;
    padding-bottom: 6px;
    border-bottom: 1px solid #dcdde0
}

.ordered-structure__total-price {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-stretch: expanded;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--text-color-primary)
}

.ordered-item {
    padding: 14px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 1px solid #dcdde0;
    text-decoration: none
}

.ordered-item__img {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ordered-item__img img {
    width: 82px;
    aspect-ratio: 82/73;
    -o-object-fit: contain;
    object-fit: contain
}

.ordered-item__name {
    padding-left: 10px;
    max-width: 400px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5);
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.ordered-item__params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ordered-item__quantity {
    padding-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 90px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a;
    text-align: right
}

.ordered-item__price {
    padding-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a;
    text-align: right
}

.ordered-item:focus-visible .ordered-item__name,
.ordered-item:hover .ordered-item__name {
    color: var(--text-color-primary)
}

.services {
    padding: 45px 0 150px
}

.services__title {
    margin-top: 50px
}

.services__list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: 1fr;
    gap: 20px
}

.service-card {
    position: relative;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f7;
    border: 1px solid transparent;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.service-card__link {
    text-decoration: none
}

.service-card__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.service-card__name {
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: #1f191a
}

.service-card__icon {
    margin-top: 30px;
    width: 200px;
    height: 200px
}

.service-card__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.service-card:focus-within,
.service-card:hover {
    border-color: #528d5a
}

.service {
    padding: 45px 0 50px
}

.service__row {
    margin: 50px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.service__top {
    margin: 50px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.service__top .service__desc {
    margin-top: auto;
    margin-left: auto;
    max-width: 640px
}

.service__text {
    max-width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px
}

.service__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #1f191a
}

.service__desc b {
    font-weight: 500
}

.service__image {
    height: 500px;
    width: 100%
}

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

.service-order {
    padding: 100px 0 150px
}

.service-order .container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.service-order__title {
    position: sticky;
    top: 150px
}

.service-order__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    counter-set: order-items
}

.service-order__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.service-order-item {
    position: relative;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f5f5f7;
    counter-increment: order-items
}

.service-order-item::before {
    content: "[" counter(order-items, decimal-leading-zero) "]";
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: rgba(134, 210, 136, .5)
}

.service-order-item__title {
    margin-top: 60px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.service-order-item__text {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #1f191a
}

.service-order-item__text a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #528d5a;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.service-order-item__text a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent
}

.service-items {
    padding: 0 0 50px
}

.service-items__wrap {
    padding: 50px;
    background: #f5f5f7
}

.service-items__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.service-items__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.service-items__slider {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    overflow: hidden
}

.service-items__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-items .product-service {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.service-advantages {
    padding: 100px 0 150px
}

.service-advantages__tabs-wrap {
    margin-top: 50px;
    overflow-x: auto
}

.service-advantages__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.service-advantages__tabs .tab-btn {
    padding: 0 24px;
    height: 60px
}

.service-advantages__content {
    margin-top: 50px
}

.service-advantages__content:not(.active) {
    display: none
}

.service-advantage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.service-advantage__title {
    font-weight: 500;
    font-size: 40px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.service-advantage__desc {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #1f191a
}

.service-advantage__desc ul li {
    position: relative;
    padding-left: 27px
}

.service-advantage__desc ul li::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 8px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--text-color-primary)
}

.service-advantage__desc ul li:not(:first-child) {
    margin-top: 5px
}

.service-advantage__image {
    margin-left: auto;
    max-width: 775px;
    width: 100%;
    display: block
}

.service-advantage__image img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.blog {
    padding: 45px 0 150px
}

.blog__title {
    margin-top: 50px
}

.blog__items {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px
}

.blog .pagination {
    margin-top: 50px
}

.article-item {
    position: relative;
    padding: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 370px;
    border: 1px solid #dcdde0;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.article-item__image {
    margin-bottom: auto;
    height: 100px
}

.article-item__image img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top
}

.article-item__info {
    margin-top: 40px;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #dcdde0
}

.article-item__name {
    font-weight: 500;
    font-size: 18px;
    color: #1f191a;
    text-decoration: none
}

.article-item__name::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.article-item__date {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(31, 25, 26, .5)
}

.article-item__arrow {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    stroke: #f472a9
}

.article-item:focus-within,
.article-item:hover {
    border-color: #f472a9
}

.article {
    padding: 45px 0 100px
}

.article .container {
    max-width: 1610px;
    width: 83.3333333333%
}

.article__wrap {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    font-size: 18px
}

.article__wrap>.row {
    margin-top: -20px
}

.article__wrap>.row>[class*=col-] {
    margin-top: 20px
}

.article__wrap [class*=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.article__wrap h1 {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 55px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.article__wrap h1:last-child {
    margin-bottom: 0
}

.article__wrap h1 b {
    font-weight: inherit;
    color: #f472a9
}

.article__wrap h2 {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 40px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.article__wrap h2:last-child {
    margin-bottom: 0
}

.article__wrap h2 b {
    font-weight: inherit;
    color: #f472a9
}

.article__wrap h3 {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.article__wrap h3:last-child {
    margin-bottom: 0
}

.article__wrap h3 b {
    font-weight: inherit;
    color: #f472a9
}

.article__wrap h4 {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.article__wrap h4:last-child {
    margin-bottom: 0
}

.article__wrap h4 b {
    font-weight: inherit;
    color: #f472a9
}

.article__wrap ul li {
    position: relative;
    padding-left: 27px
}

.article__wrap ul li::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 8px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--text-color-primary)
}

.article__wrap ul li:not(:first-child) {
    margin-top: 5px
}

.article__wrap ol {
    counter-reset: article-list
}

.article__wrap ol li {
    counter-increment: article-list
}

.article__wrap ol li::before {
    content: counter(article-list) ". ";
    color: #f472a9
}

.article__wrap figure {
    display: block
}

.article__wrap figure figcaption {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: rgba(31, 25, 26, .6)
}

.article__wrap picture {
    display: block
}

.article__wrap img {
    display: block;
    width: 100%
}

.article__wrap blockquote {
    margin: 0;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 4px solid #f472a9
}

.article__wrap blockquote cite {
    margin-top: 30px
}

.article__wrap cite {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: rgba(31, 25, 26, .5)
}

.article__wrap .list-column-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.article__wrap a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.article__wrap a:focus-visible,
.article__wrap a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #f472a9
}

.article__info {
    margin-top: 60px;
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(31, 25, 26, .2)
}

.article__author {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: #1f191a
}

.article__date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: rgba(31, 25, 26, .5)
}

.similar-articles {
    padding: 100px 0 150px
}

.similar-articles__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.similar-articles__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.similar-articles__slider {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    overflow: hidden
}

.similar-articles__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.similar-articles__slider .article-item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts {
    padding: 45px 0 100px
}

.contacts__title {
    margin-top: 50px
}

.contacts__wrap {
    position: relative;
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.contacts-card {
    padding: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #dcdde0
}

.contacts-card__title {
    font-weight: 400;
    font-size: 16px;
    color: rgba(31, 25, 26, .5)
}

.contacts-card__links {
    margin-top: 40px;
    display: grid;
    gap: 5px
}

.contacts-card__phone {
    font-weight: 500;
    font-size: 16px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.contacts-card__phone svg {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    fill: #f472a9
}

.contacts-card__phone span {
    margin-left: 4px;
    color: rgba(31, 25, 26, .3)
}

.contacts-card__phone:focus-visible,
.contacts-card__phone:hover {
    color: #f472a9
}

.contacts-card__mail {
    font-weight: 500;
    font-size: 16px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.contacts-card__mail svg {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    fill: #f472a9
}

.contacts-card__mail span {
    margin-left: 4px;
    color: rgba(31, 25, 26, .3)
}

.contacts-card__mail:focus-visible,
.contacts-card__mail:hover {
    color: #f472a9
}

.contacts-card__requisites {
    font-weight: 500;
    font-size: 16px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: var(--text-color-primary);
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.contacts-card__requisites svg {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    stroke: #f472a9
}

.contacts-card__requisites span {
    margin-left: 4px;
    color: rgba(31, 25, 26, .3)
}

.contacts-card__requisites:focus-visible,
.contacts-card__requisites:hover {
    color: #f472a9
}

.contacts-card .socials {
    margin-top: 20px
}

.contacts-location {
    padding: 40px;
    background: #f5f5f7
}

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

.contacts-location__address-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.contacts-location__address-val {
    margin-top: 20px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1.2;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.contacts-location__ways {
    margin-top: 25px;
    display: grid;
    gap: 25px
}

.contacts-location__way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.contacts-location__way-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.contacts-location__way-title img {
    margin-right: 10px;
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.contacts-location__way-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: var(--text-color-primary)
}

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

.contacts-location__schedule-title {
    margin-top: 60px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.contacts-location__schedule-val {
    margin-top: 20px;
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.contacts-map {
    grid-column: span 2;
    width: 100%;
    min-height: 400px
}

.contacts-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

.team {
    padding: 100px 0 150px
}

.team__wrap {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.member-card {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 484px;
    background: #f5f5f7
}

.member-card__image {
    position: relative;
    margin-bottom: auto;
    padding: 30px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 204px;
    height: 204px
}

.member-card__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='206' height='206' viewBox='0 0 206 206' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 1H1V30' stroke='%23F472A9'/%3E%3Cpath d='M0.999999 176L1 205L30 205' stroke='%23F472A9'/%3E%3Cpath d='M176 205L205 205L205 176' stroke='%23F472A9'/%3E%3Cpath d='M205 30L205 1L176 0.999999' stroke='%23F472A9'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%
}

.member-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.member-card__info {
    margin-top: 50px
}

.member-card__name {
    font-weight: 500;
    font-size: 28px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.member-card__position {
    margin-top: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.member-card__mail {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a;
    text-decoration: none;
    -webkit-transition: .25s ease-out color;
    transition: .25s ease-out color
}

.member-card__mail svg {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    fill: #f472a9
}

.member-card__mail:focus-visible,
.member-card__mail:hover {
    color: #f472a9
}

.info-article {
    padding: 45px 0 100px
}

.info-article .container {
    display: grid;
    grid-template-columns: 4fr 6fr 2fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px
}

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

.info-article__inner {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    font-size: 18px
}

.info-article__inner .row {
    margin-top: -20px
}

.info-article__inner .row>[class*=col-] {
    margin-top: 20px
}

.info-article__inner>.row {
    margin-top: -30px
}

.info-article__inner>.row>[class*=col-] {
    margin-top: 30px
}

.info-article__inner [class*=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.info-article__inner b {
    font-weight: 500
}

.info-article__inner h1 {
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 55px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.info-article__inner h1:last-child {
    margin-bottom: 0
}

.info-article__inner h1 b {
    font-weight: inherit;
    color: #8e3f5f
}

.info-article__inner h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 40px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.info-article__inner h2:last-child {
    margin-bottom: 0
}

.info-article__inner h2 b {
    font-weight: inherit;
    color: #8e3f5f
}

.info-article__inner h3 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.info-article__inner h3:last-child {
    margin-bottom: 0
}

.info-article__inner h3 b {
    font-weight: inherit;
    color: #8e3f5f
}

.info-article__inner h4 {
    margin-bottom: -5px;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    line-height: 1.4;
    letter-spacing: -.02em;
    color: var(--text-color-primary)
}

.info-article__inner h4:last-child {
    margin-bottom: 0
}

.info-article__inner h4 b {
    font-weight: inherit;
    color: #8e3f5f
}

.info-article__inner span {
    color: #8e3f5f
}

.info-article__inner ul li {
    position: relative;
    padding-left: 27px
}

.info-article__inner ul li::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 8px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--text-color-primary)
}

.info-article__inner ul li:not(:first-child) {
    margin-top: 5px
}

.info-article__inner ol {
    counter-reset: article-list
}

.info-article__inner ol li {
    counter-increment: article-list
}

.info-article__inner ol li::before {
    content: counter(article-list) ". ";
    color: #f472a9
}

.info-article__inner figure {
    display: block
}

.info-article__inner figure figcaption {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: rgba(31, 25, 26, .6)
}

.info-article__inner picture {
    display: block
}

.info-article__inner img {
    display: block;
    width: 100%
}

.info-article__inner blockquote {
    margin: 0;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 4px solid #f472a9
}

.info-article__inner blockquote cite {
    margin-top: 30px
}

.info-article__inner cite {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: rgba(31, 25, 26, .5)
}

.info-article__inner .list-column-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.info-article__inner a:not(.btn) {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.info-article__inner a:not(.btn):focus-visible,
.info-article__inner a:not(.btn):hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #f472a9
}

.info-article__inner .btn {
    padding: 22px 25px;
    width: 100%;
    min-height: 74px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.info-article__inner .btn .btn__icon {
    width: 22px;
    height: 22px
}

.info-article__inner .important-text {
    color: #8e3f5f
}

.info-article__inner .note-block {
    padding: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #8e3f5f;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--text-color-primary)
}

.info-article__inner .note-block span {
    color: #8e3f5f
}

.info-article__inner .supplier-card {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #f5f5f7
}

.info-article__inner .supplier-card__image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: block
}

.info-article__inner .supplier-card__image img {
    display: block;
    max-height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top
}

.info-article__inner .supplier-card__name {
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.info-article__inner .supplier-card__numbers {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    gap: 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a
}

.info-article__inner .supplier-card__numbers dd {
    margin-left: 0;
    text-align: right
}

.info-article__inner .supplier-card__link {
    margin-top: 15px;
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.info-article__inner .supplier-card__link:focus-visible,
.info-article__inner .supplier-card__link:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #f472a9
}

.info-article__inner .public-procurement {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #f5f5f7
}

.info-article__inner .public-procurement__image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: block
}

.info-article__inner .public-procurement__image img {
    display: block;
    max-height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top
}

.info-article__inner .public-procurement__table {
    margin-top: 30px;
    width: 100%;
    border: none;
    border-collapse: collapse
}

.info-article__inner .public-procurement__table td,
.info-article__inner .public-procurement__table th {
    padding: 6px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a;
    text-align: left
}

.info-article__inner .public-procurement__table td:last-child,
.info-article__inner .public-procurement__table th:last-child {
    text-align: right
}

.info-article__inner .public-procurement__table th {
    color: rgba(31, 25, 26, .5)
}

.info-article__inner .public-procurement__desc {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #1f191a
}

.info-article__inner .public-procurement__price {
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.info-article__inner .public-procurement__link {
    margin-top: 30px;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #f472a9;
    -webkit-transition: .25s ease-out text-decoration;
    transition: .25s ease-out text-decoration
}

.info-article__inner .public-procurement__link:focus-visible,
.info-article__inner .public-procurement__link:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    color: #f472a9
}

.info-article-menu {
    position: sticky;
    top: 150px;
    max-width: 530px
}

.info-article-menu__current {
    display: none
}

.info-article-menu__current svg {
    margin-left: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    stroke: #1f191a;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: stroke, -webkit-transform;
    transition-property: stroke, -webkit-transform;
    transition-property: stroke, transform;
    transition-property: stroke, transform, -webkit-transform
}

.info-article-menu__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.info-article-menu__link {
    padding: 14px;
    padding-left: 24px;
    min-height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #dcdde0;
    font-weight: 400;
    font-size: 20px;
    color: #1f191a;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color, color;
    transition-property: background-color, border-color, color
}

.info-article-menu__link svg {
    margin-left: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    stroke: #1f191a;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: stroke, -webkit-transform;
    transition-property: stroke, -webkit-transform;
    transition-property: stroke, transform;
    transition-property: stroke, transform, -webkit-transform
}

.info-article-menu__link.active {
    border-color: #f472a9;
    color: #f472a9
}

.info-article-menu__link.active svg {
    stroke: #f472a9;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.info-article-menu__link:focus-visible,
.info-article-menu__link:hover {
    border-color: #f472a9;
    background-color: #f472a9;
    color: #fff
}

.info-article-menu__link:focus-visible svg,
.info-article-menu__link:hover svg {
    stroke: #fff
}

.info-cards {
    padding: 45px 0 150px
}

.info-cards__title {
    margin-top: 50px
}

.info-cards__list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px
}

.info-cards .pagination {
    margin-top: 50px
}

.info-card {
    position: relative;
    padding: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 420px;
    border: 1px solid transparent;
    background: #f5f5f7;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.info-card__image {
    height: 84px
}

.info-card__image img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top
}

.info-card__content {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-card__name {
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a;
    text-decoration: none
}

.info-card__name::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.info-card__links-list {
    position: relative;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 1
}

.info-card__links-item a {
    padding: 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    background: #fff;
    border: 1px solid transparent;
    font-weight: 400;
    font-size: 16px;
    color: #1f191a;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: border-color, color;
    transition-property: border-color, color
}

.info-card__links-item a:focus-visible,
.info-card__links-item a:hover {
    border-color: #f472a9;
    color: #f472a9
}

.info-card__text {
    margin-top: 20px
}

.info-card__arrow {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    stroke: #f472a9
}

.info-card:focus-within,
.info-card:hover {
    border-color: #f472a9
}

.registration {
    padding: 45px 0 150px
}

.registration .container {
    max-width: 1610px;
    width: 83.3333333333%
}

.registration__title {
    margin-top: 50px
}

.registration__content {
    position: relative;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.registration__content .order-fields {
    grid-column: 1/span 2
}

.registration__btn {
    padding: 0 24px;
    height: 74px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.registration__btn .btn__icon {
    width: 22px;
    height: 22px
}

.cabinet {
    padding: 45px 0 100px
}

.cabinet .container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px
}

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

.cabinet__history-orders {
    display: grid;
    gap: 20px
}

.cabinet-menu {
    position: sticky;
    top: 150px;
    max-width: 530px
}

.cabinet-menu__current {
    display: none
}

.cabinet-menu__current svg {
    margin-left: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    stroke: #1f191a;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: stroke, -webkit-transform;
    transition-property: stroke, -webkit-transform;
    transition-property: stroke, transform;
    transition-property: stroke, transform, -webkit-transform
}

.cabinet-menu__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.cabinet-menu__link {
    padding: 24px;
    min-height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dcdde0;
    font-weight: 400;
    font-size: 20px;
    color: #1f191a;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color, color;
    transition-property: background-color, border-color, color
}

.cabinet-menu__link svg {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    fill: #1f191a;
    stroke: #1f191a;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: fill, stroke, -webkit-transform;
    transition-property: fill, stroke, -webkit-transform;
    transition-property: fill, stroke, transform;
    transition-property: fill, stroke, transform, -webkit-transform
}

.cabinet-menu__link.active {
    border-color: #f472a9;
    color: #f472a9
}

.cabinet-menu__link.active svg {
    fill: #f472a9;
    stroke: #f472a9
}

.cabinet-menu__link:focus-visible,
.cabinet-menu__link:hover {
    border-color: #f472a9;
    background-color: #f472a9;
    color: #fff
}

.cabinet-menu__link:focus-visible svg,
.cabinet-menu__link:hover svg {
    fill: #fff;
    stroke: #fff
}

.cabinet-data__title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.cabinet-data__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.cabinet-data__field input {
    height: 74px
}

.cabinet-data__save {
    padding: 0 24px;
    height: 74px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cabinet-data__save .btn__icon {
    width: 22px;
    height: 22px
}

.cabinet-subscribe__title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    font-stretch: expanded;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #1f191a
}

.cabinet-subscribe__switch-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    color: #1f191a
}

.cabinet-subscribe__switch-field .switch {
    margin-right: 15px
}

.history-order {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f5f5f7
}

.history-order__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.history-order__name {
    margin-right: 12px;
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--text-color-primary)
}

.history-order__status {
    padding: 0 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    background: #86d288;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #fff
}

.history-order__status--processing {
    background: #86d288
}

.history-order__status--moving {
    background: #00c9f7
}

.history-order__status--receiving {
    background: #b28d77
}

.history-order__status--completed {
    background: #8e3f5f
}

.history-order__date {
    margin-left: auto;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.history-order__products {
    margin-top: 20px;
    border-top: 1px solid #dcdde0
}

.history-order__products .history-order-product {
    border-bottom: 1px solid #dcdde0
}

.history-order__total-price {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 24px;
    font-stretch: expanded;
    line-height: 1;
    letter-spacing: -.02em;
    color: #1f191a
}

.history-order__repeat {
    margin-top: 20px;
    padding: 0 24px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 74px
}

.history-order-product {
    position: relative;
    padding: 14px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.history-order-product__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none
}

.history-order-product__img {
    display: block;
    width: 82px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff
}

.history-order-product__img img {
    display: block;
    width: 100%;
    aspect-ratio: 82/73;
    -o-object-fit: contain;
    object-fit: contain
}

.history-order-product__name {
    max-width: 500px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a
}

.history-order-product__quantity {
    margin-left: auto;
    width: 220px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(31, 25, 26, .5)
}

.history-order-product__price {
    width: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #1f191a;
    text-align: right
}

.about {
    min-height: 800px;
    background: #f5f5f7;
    overflow: hidden
}

.about .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.about__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 50px;
    padding-left: 0;
    width: 33.33%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.about__title {
    margin-top: 50px;
    margin-bottom: auto
}

.about__title b {
    color: #00c9f7
}

.about__desc {
    margin-top: 60px;
    max-width: 360px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #1f191a
}

.about__desc b {
    font-weight: 500
}

.about__download {
    margin-top: 40px;
    padding: 0 24px;
    height: 74px
}

.about__download .btn__icon {
    width: 22px;
    height: 22px
}

.about__image-block {
    margin-right: calc((100vw - 100%)/ -2);
    padding: 58px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + (100vw - 100%)/ 2);
    height: 100%;
    background: #f8c0d9
}

.about__image-block img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.our-services {
    padding: 100px 0 150px
}

.our-services__wrap {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.our-service-item {
    position: relative;
    padding: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid transparent;
    -webkit-transition: .25s ease-out border-color;
    transition: .25s ease-out border-color
}

.our-service-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.our-service-item__head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block
}

.our-service-item__logo {
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 74px;
    width: initial
}

.our-service-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.our-service-item__name {
    font-weight: 700;
    font-size: 55px;
    font-stretch: expanded;
    line-height: 1;
    text-transform: uppercase;
    color: #fff
}

.our-service-item__activities {
    margin-top: 10px;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff
}

.our-service-item__desc {
    margin-top: 100px;
    font-weight: 400;
    font-size: 18px;
    color: #fff
}

.our-service-item__requisites {
    position: relative;
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    font-stretch: expanded;
    letter-spacing: -.02em;
    color: #fff;
    z-index: 1;
    text-decoration: none;
    -webkit-transition: .25s ease-out opacity;
    transition: .25s ease-out opacity
}

.our-service-item__requisites svg {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    stroke: #fff
}

.our-service-item__requisites:focus-visible,
.our-service-item__requisites:hover {
    color: #fff;
    opacity: .5
}

.our-service-item__links {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.our-service-item__links-item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.our-service-item__link {
    position: relative;
    padding: 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 37px;
    border: 1px solid transparent;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.our-service-item__link:focus-visible,
.our-service-item__link:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.our-service-item--rose {
    background: #f8c0d9
}

.our-service-item--rose .our-service-item__link {
    background: #f472a9
}

.our-service-item--rose:focus-within,
.our-service-item--rose:hover {
    border-color: #f472a9
}

.our-service-item--green {
    background: #86d288
}

.our-service-item--green .our-service-item__link {
    background: #528d5a
}

.our-service-item--green:focus-within,
.our-service-item--green:hover {
    border-color: #528d5a
}

.err-404 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 800px;
    background: #f8c0d9;
    z-index: 1
}

.err-404::after {
    content: "";
    position: absolute;
    top: 58px;
    bottom: 58px;
    left: 0;
    right: 0;
    display: block;
    background-image: url(../img/bg-circle.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1
}

.err-404 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.err-404__title {
    text-align: center
}

.err-404__desc {
    margin-top: 30px;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #1f191a
}

.err-404__back {
    margin-top: 30px;
    padding: 0 24px;
    height: 74px
}

.err-404__back .btn__icon {
    width: 22px;
    height: 22px
}

@media only screen and (min-width:568px) {
    .iziToast-wrapper {
        padding: 10px 15px
    }
    .iziToast {
        margin: 5px 0;
        border-radius: 3px;
        width: auto
    }
    .iziToast:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(0, 0, 0, .25);
        box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(0, 0, 0, .25)
    }
    .iziToast:not(.iziToast-rtl) .iziToast-cover {
        border-radius: 3px 0 0 3px
    }
    .iziToast.iziToast-rtl .iziToast-cover {
        border-radius: 0 3px 3px 0
    }
    .iziToast.iziToast-color-dark:after {
        -webkit-box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, .3), 0 10px 10px -5px rgba(0, 0, 0, .25);
        box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, .3), 0 10px 10px -5px rgba(0, 0, 0, .25)
    }
    .iziToast.iziToast-balloon .iziToast-progressbar {
        background: 0 0
    }
    .iziToast.iziToast-balloon:after {
        -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .25), inset 0 10px 20px -5px rgba(0, 0, 0, .25);
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .25), inset 0 10px 20px -5px rgba(0, 0, 0, .25)
    }
    .iziToast-target .iziToast:after {
        -webkit-box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1);
        box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1)
    }
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .space-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .space-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .space-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .align-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .col-sm-1 {
        width: 8.33%
    }
    .col-sm-2 {
        width: 16.66%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33%
    }
    .col-sm-5 {
        width: 41.66%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33%
    }
    .col-sm-8 {
        width: 66.66%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33%
    }
    .col-sm-11 {
        width: 91.66%
    }
    .col-sm-12 {
        width: 100%
    }
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable[data-select-text],
    .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
        padding-right: 100px
    }
    .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
    .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
        right: auto;
        left: 10px
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .space-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .space-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .space-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .align-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .col-md-1 {
        width: 8.33%
    }
    .col-md-2 {
        width: 16.66%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33%
    }
    .col-md-5 {
        width: 41.66%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33%
    }
    .col-md-8 {
        width: 66.66%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33%
    }
    .col-md-11 {
        width: 91.66%
    }
    .col-md-12 {
        width: 100%
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }
    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }
    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }
    .gslide-inline {
        max-height: 95vh
    }
    .gslide-external {
        max-height: 100vh
    }
    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }
    .glightbox-open {
        height: auto
    }
    .goverlay {
        background: rgba(0, 0, 0, .92)
    }
    .glightbox-clean .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
    }
    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }
    .glightbox-clean .gclose,
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        background-color: rgba(0, 0, 0, .32)
    }
    .glightbox-clean .gclose:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gprev:hover {
        background-color: rgba(0, 0, 0, .7)
    }
    .glightbox-clean .gprev {
        top: 45%
    }
    .glightbox-clean .gnext {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .space-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .space-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .space-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .align-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .col-lg-1 {
        width: 8.33%
    }
    .col-lg-2 {
        width: 16.66%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33%
    }
    .col-lg-5 {
        width: 41.66%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33%
    }
    .col-lg-8 {
        width: 66.66%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33%
    }
    .col-lg-11 {
        width: 91.66%
    }
    .col-lg-12 {
        width: 100%
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .space-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .space-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .space-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .align-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .col-xl-1 {
        width: 8.33%
    }
    .col-xl-2 {
        width: 16.66%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.33%
    }
    .col-xl-5 {
        width: 41.66%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.33%
    }
    .col-xl-8 {
        width: 66.66%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.33%
    }
    .col-xl-11 {
        width: 91.66%
    }
    .col-xl-12 {
        width: 100%
    }
}

@media screen and (max-width:1919px) {
    .wrapper {
        padding-top: calc(116px + 24 * (100vw - 1440px)/ 480)
    }
    .h2 {
        font-size: calc(40px + 15 * (100vw - 1440px)/ 480)
    }
    .h3 {
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .tippy-box {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .iziToast {
        padding: 18px;
        max-width: 314px
    }
    .iziToast>.iziToast-body .iziToast-icon {
        margin: 0 0 18px;
        height: 36px;
        width: 36px
    }
    .btn {
        gap: calc(8px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .slider-btn {
        width: calc(58px + 10 * (100vw - 1440px)/ 480);
        height: calc(58px + 10 * (100vw - 1440px)/ 480)
    }
    .slider-btn svg {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .tab-btn {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .select-field select {
        padding: 0 calc(21px + 8 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .select-field__icon {
        right: calc(22px + 8 * (100vw - 1440px)/ 480)
    }
    .select-field .choices {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .select-field .choices__wrap .choices__item {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        padding-right: calc(41px + -3 * (100vw - 1440px)/ 480)
    }
    .select-field .choices>.choices__list {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .price-range__label {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .price-range__field {
        padding: 0 calc(21px + 8 * (100vw - 1440px)/ 480)
    }
    .price-range__placeholder {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .price-range__input {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .price-range__currency {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .field input {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .field--captcha input {
        min-width: calc(230px + 30 * (100vw - 1440px)/ 480)
    }
    .field--captcha img {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .crumbs__item {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .crumbs__item svg {
        margin-left: calc(10px + 2 * (100vw - 1440px)/ 480);
        width: calc(10px + 2 * (100vw - 1440px)/ 480);
        height: calc(10px + 2 * (100vw - 1440px)/ 480)
    }
    .crumbs__item:not(:first-child) {
        margin-left: calc(10px + 2 * (100vw - 1440px)/ 480)
    }
    .checkbox__custom {
        height: calc(18px + 2 * (100vw - 1200px)/ 720);
        width: calc(18px + 2 * (100vw - 1200px)/ 720)
    }
    .checkbox__text {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .pagination__prev {
        width: calc(35px + 5 * (100vw - 1440px)/ 480);
        height: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .pagination__list {
        padding: 0 calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .pagination__list li>* {
        padding: 0 calc(16px + 3 * (100vw - 1440px)/ 480);
        height: calc(58px + 10 * (100vw - 1440px)/ 480)
    }
    .pagination__list li.active a {
        min-width: calc(58px + 10 * (100vw - 1440px)/ 480)
    }
    .pagination__next {
        width: calc(35px + 5 * (100vw - 1440px)/ 480);
        height: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .quantity {
        width: calc(106px + 16 * (100vw - 1440px)/ 480);
        height: calc(42px + 8 * (100vw - 1440px)/ 480)
    }
    .quantity__minus,
    .quantity__plus {
        width: calc(26px + 8 * (100vw - 1440px)/ 480)
    }
    .quantity input {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .dialog-feedback__field input {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .dialog-thanks__title {
        margin-top: calc(25px + 10 * (100vw - 1200px)/ 720);
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .dialog-requisites__download {
        padding: 0 calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .dialog-requisites__download .btn__icon {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .dialog-pickup__search input {
        padding-left: calc(52px + 7 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .dialog-pickup__search button {
        left: calc(12px + 4 * (100vw - 1440px)/ 480);
        width: calc(42px + 4 * (100vw - 1440px)/ 480);
        height: calc(42px + 4 * (100vw - 1440px)/ 480)
    }
    .dialog-pickup__search:focus-within input {
        padding-left: calc(25px + 4 * (100vw - 1440px)/ 480)
    }
    .dialog-login__btns .tab-btn {
        padding: 0 calc(15px + 9 * (100vw - 1440px)/ 480);
        height: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .dialog-login__field input {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .dialog-logout__btns .btn {
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1200px)/ 720)
    }
    .dialog-logout__btns .btn svg {
        width: calc(19px + 3 * (100vw - 1200px)/ 720);
        height: calc(19px + 3 * (100vw - 1200px)/ 720)
    }
    .product-item {
        padding: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .product-item .to-wishlist {
        top: calc(15px + 5 * (100vw - 1440px)/ 480);
        right: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .product-item .product-statuses {
        top: calc(15px + 5 * (100vw - 1440px)/ 480);
        left: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .product-item__name {
        margin-top: calc(15px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-item__article {
        margin-top: calc(10px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .product-item__price-block {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .product-item__price-current {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .product-item__not-available {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .product-item__discount-wrap {
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .product-item__price-old {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-item__discount {
        height: calc(24px + 4 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .product-item__similar,
    .product-item__to-cart {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .to-wishlist {
        width: calc(25px + 5 * (100vw - 1440px)/ 480);
        height: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-statuses__item {
        padding: 0 calc(8px + 2 * (100vw - 1440px)/ 480);
        height: calc(24px + 4 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .filter {
        padding: calc(15px + 5 * (100vw - 1440px)/ 480);
        gap: calc(20px + 10 * (100vw - 1440px)/ 480)
    }
    .filter__params {
        gap: calc(20px + 10 * (100vw - 1440px)/ 480)
    }
    .filter__searchbar {
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        width: calc(470px + 30 * (100vw - 1440px)/ 480)
    }
    .filter__searchbar svg {
        left: calc(25px + 5 * (100vw - 1440px)/ 480);
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .filter__searchbar input {
        padding-left: calc(52px + 7 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .filter__brand {
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        width: calc(220px + 80 * (100vw - 1440px)/ 480)
    }
    .filter__sort {
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        width: calc(220px + 80 * (100vw - 1440px)/ 480)
    }
    .filter__cat {
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        width: 100%;
    }
    .filter .price-range {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .filter .price-range__field {
        width: calc(180px + 35 * (100vw - 1440px)/ 480)
    }
    .header {
        padding-bottom: calc(12px + 3 * (100vw - 1440px)/ 480)
    }
    .header__top {
        height: calc(44px + 8 * (100vw - 1440px)/ 480)
    }
    .header__nav-item {
        margin-right: calc(30px + 20 * (100vw - 1440px)/ 480)
    }
    .header__nav-item>a {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .header__location {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .header__bottom {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .header__logo {
        height: calc(22px + 4 * (100vw - 1440px)/ 480)
    }
    .header__catalog-wrap {
        margin-left: calc(23px + 7 * (100vw - 1440px)/ 480);
        max-width: calc(168px + 32 * (100vw - 1440px)/ 480)
    }
    .header__open-catalog-btn .btn__icon {
        width: calc(16px + 2 * (100vw - 1440px)/ 480);
        height: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .header__search-wrap {
        margin-left: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .header__btns {
        margin-left: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .header__wish-btn {
        width: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .header__wish-btn svg {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .header__cart-btn {
        margin-left: calc(10px + 5 * (100vw - 1440px)/ 480);
        width: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .header__cart-btn svg {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .header__account-btn {
        margin-left: calc(10px + 5 * (100vw - 1440px)/ 480);
        width: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .header__account-btn svg {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .header__contact {
        margin-left: calc(23px + 7 * (100vw - 1440px)/ 480)
    }
    .header__phone {
        font-size: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .searchbar__field {
        padding-left: calc(52px + 7 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .searchbar__btn {
        left: calc(12px + 4 * (100vw - 1440px)/ 480);
        width: calc(42px + 4 * (100vw - 1440px)/ 480);
        height: calc(42px + 4 * (100vw - 1440px)/ 480)
    }
    .searchbar:focus-within .searchbar__field {
        padding-left: calc(25px + 4 * (100vw - 1440px)/ 480)
    }
    .search-menu__wrap {
        padding: calc(20px + 10 * (100vw - 1440px)/ 480);
        gap: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .search-menu__category {
        height: calc(34px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .search-result__link {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .search-result__link svg {
        margin-right: calc(8px + 2 * (100vw - 1200px)/ 720);
        width: calc(16px + 4 * (100vw - 1200px)/ 720);
        height: calc(16px + 4 * (100vw - 1200px)/ 720)
    }
    .search-history__title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .search-history__clear {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .search-history__clear svg {
        margin-right: calc(8px + 2 * (100vw - 1200px)/ 720);
        width: calc(16px + 2 * (100vw - 1200px)/ 720);
        height: calc(16px + 2 * (100vw - 1200px)/ 720)
    }
    .search-history-item__link {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .search-history-item__link svg {
        margin-right: calc(8px + 2 * (100vw - 1200px)/ 720);
        width: calc(16px + 4 * (100vw - 1200px)/ 720);
        height: calc(16px + 4 * (100vw - 1200px)/ 720)
    }
    .footer__top {
        padding-top: calc(60px + 20 * (100vw - 1440px)/ 480);
        padding-bottom: calc(60px + 20 * (100vw - 1440px)/ 480)
    }
    .footer__logo {
        height: calc(34px + 8 * (100vw - 1440px)/ 480)
    }
    .footer__nav-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__nav-title {
        font-size: 16px
    }
    .footer__nav-links {
        margin-top: calc(15px + 5 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__nav-links a {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__nav-main-links {
        gap: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .footer__nav-main-links a {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__contacts-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__contacts-list {
        margin-top: calc(15px + 9 * (100vw - 1440px)/ 480);
        -webkit-column-gap: calc(30px + 20 * (100vw - 1440px)/ 480);
        -moz-column-gap: calc(30px + 20 * (100vw - 1440px)/ 480);
        column-gap: calc(30px + 20 * (100vw - 1440px)/ 480)
    }
    .footer__contacts-item:not(:first-child) {
        margin-top: calc(6px + 4 * (100vw - 1440px)/ 480)
    }
    .footer__contacts-link {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__bottom {
        padding-top: calc(40px + 10 * (100vw - 1440px)/ 480);
        padding-bottom: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .footer__info {
        grid-template-columns: calc(340px + 234 * (100vw - 1440px)/ 480) 1fr;
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .footer__design {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .footer__service-logos {
        grid-template-columns: repeat(2, calc(320px + 48 * (100vw - 1440px)/ 480));
        gap: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .socials {
        gap: calc(12px + 3 * (100vw - 1440px)/ 480)
    }
    .socials__item {
        width: calc(38px + 7 * (100vw - 1440px)/ 480);
        height: calc(38px + 7 * (100vw - 1440px)/ 480)
    }
    .service-logo {
        padding: calc(12px + 3 * (100vw - 1440px)/ 480);
        gap: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .service-logo__title {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .service-logo__text {
        margin-top: calc(3px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(12px + 2 * (100vw - 1440px)/ 480)
    }
    .hero .container {
        min-height: calc(650px + 120 * (100vw - 1440px)/ 480)
    }
    .hero__left {
        padding: calc(50px + 10 * (100vw - 1440px)/ 480) 0;
        padding-right: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .hero__left::before {
        width: calc(100% + 40px)
    }
    .hero__left::after {
        width: calc(780px + 180 * (100vw - 1440px)/ 480);
        background-position: calc(250px + 50 * (100vw - 1440px)/ 480) 0
    }
    .hero__title {
        font-size: calc(75px + 25 * (100vw - 1440px)/ 480)
    }
    .hero__subtitle {
        margin-top: calc(15px + 5 * (100vw - 1440px)/ 480);
        min-height: calc(70px + 8 * (100vw - 1440px)/ 480);
        font-size: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .hero__to-catalog {
        margin-top: calc(12px + 2 * (100vw - 1440px)/ 480);
        padding: 0 calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .hero__to-catalog svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .hero__right {
        padding: calc(50px + 10 * (100vw - 1440px)/ 480) 0;
        padding-left: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .hero__right::before {
        width: calc(100% + 40px)
    }
    .hero__right::after {
        width: calc(780px + 180 * (100vw - 1440px)/ 480);
        background-position: calc(-530px + -130 * (100vw - 1440px)/ 480) 0
    }
    .last-viewed {
        padding: calc(120px + 30 * (100vw - 1440px)/ 480) 0
    }
    .last-viewed__head {
        gap: calc(30px + 20 * (100vw - 1440px)/ 480)
    }
    .last-viewed__slider {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .last-viewed__to-catalog {
        margin-top: calc(45px + 5 * (100vw - 1440px)/ 480);
        padding: 0 calc(22px + 2 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .last-viewed__to-catalog .btn__icon {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .consultation__image::before {
        width: calc(100% + 40px)
    }
    .consultation__content {
        padding: calc(120px + 30 * (100vw - 1440px)/ 480) 0;
        padding-left: 30px
    }
    .consultation__subtitle {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .consultation__form {
        margin-top: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .consultation__form-row {
        max-width: calc(530px + 52 * (100vw - 1440px)/ 480)
    }
    .consultation__field {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .consultation__field input {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .consultation__submit {
        padding: 0 calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .consultation__submit .btn__icon {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .consultation__privacy {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .maintenance {
        padding: calc(120px + 30 * (100vw - 1440px)/ 480) 0
    }
    .maintenance__head {
        gap: calc(30px + 20 * (100vw - 1440px)/ 480)
    }
    .maintenance__to-services {
        padding: 0 calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .maintenance__to-services .btn__icon {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .maintenance__steps {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .maintenance-step::before {
        font-size: calc(28px + 7 * (100vw - 1440px)/ 480)
    }
    .maintenance-step__title {
        padding-bottom: calc(15px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .maintenance-step__text {
        padding-top: calc(15px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .maintenance-step__image {
        max-width: calc(290px + 110 * (100vw - 1440px)/ 480)
    }
    .partners {
        padding: calc(120px + 30 * (100vw - 1440px)/ 480) 0 calc(90px + 10 * (100vw - 1440px)/ 480)
    }
    .partners__wrap {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .images-marquee__item {
        width: calc(210px + 80 * (100vw - 1440px)/ 480)
    }
    .certificates {
        padding: calc(90px + 10 * (100vw - 1440px)/ 480) 0 calc(120px + 30 * (100vw - 1440px)/ 480)
    }
    .certificates__subtitle {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .certificates__pagination {
        font-size: calc(20px + 5 * (100vw - 1440px)/ 480)
    }
    .certificates__pagination .swiper-pagination-current {
        font-size: calc(28px + 7 * (100vw - 1440px)/ 480)
    }
    .certificates-main {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .certificates-main__title {
        max-width: calc(540px + 210 * (100vw - 1440px)/ 480)
    }
    .certificates-main__subtitle {
        max-width: calc(380px + 65 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .feedback__content {
        max-width: calc(570px + 105 * (100vw - 1440px)/ 480)
    }
    .feedback__subtitle {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .feedback__form {
        margin-top: calc(35px + 5 * (100vw - 1440px)/ 480);
        max-width: calc(580px + 120 * (100vw - 1440px)/ 480)
    }
    .feedback__form-row {
        max-width: calc(530px + 52 * (100vw - 1440px)/ 480)
    }
    .feedback__field {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .feedback__field input {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .feedback__submit {
        padding: 0 calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .feedback__submit .btn__icon {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .feedback__privacy {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .feedback__image {
        left: calc(46% + -4 * (100vw - 1440px)/ 480);
        z-index: -1
    }
    .feedback-contacts {
        padding: calc(25px + 5 * (100vw - 1440px)/ 480);
        max-width: calc(370px + 82 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__title {
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__links {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        gap: calc(6px + 4 * (100vw - 1440px)/ 480) calc(20px + 5 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__link {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__link svg {
        width: calc(14px + 2 * (100vw - 1440px)/ 480);
        height: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__socials {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__social {
        width: calc(60px + 10 * (100vw - 1440px)/ 480);
        height: calc(60px + 10 * (100vw - 1440px)/ 480)
    }
    .feedback-contacts__social svg {
        width: calc(20px + 4 * (100vw - 1440px)/ 480);
        height: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .catalog {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(40px + 10 * (100vw - 1200px)/ 720)
    }
    .catalog__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .category-card {
        padding: calc(23px + 5 * (100vw - 1440px)/ 480)
    }
    .category-card__icon {
        width: calc(60px + 10 * (100vw - 1440px)/ 480);
        height: calc(60px + 10 * (100vw - 1440px)/ 480)
    }
    .category-card__name {
        margin-top: calc(50px + 20 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .category-card__subcategory {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .category {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .category__head {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .category__tabs {
        margin: calc(40px + 10 * (100vw - 1440px)/ 480) -40px 0;
        padding: 0 40px
    }
    .category__tab-btn {
        padding: 0 calc(15px + 9 * (100vw - 1440px)/ 480);
        height: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .category__products {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .category .pagination {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .product-card {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(40px + 10 * (100vw - 1200px)/ 720)
    }
    .product-card__head {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .product-card__article {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__wrap {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-card__slider .slider-btn--prev {
        left: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-card__slider .slider-btn--next {
        right: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-card .product-statuses {
        top: calc(25px + 5 * (100vw - 1440px)/ 480);
        left: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-card__summary {
        padding: calc(30px + 10 * (100vw - 1440px)/ 480)
    }
    .product-card__desc {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__not-available {
        margin-top: calc(30px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .product-card__price-block {
        margin-top: calc(30px + 10 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__price-current {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .product-card__discount-wrap {
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__price-old {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__discount {
        height: calc(24px + 4 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__btns {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        gap: calc(15px + 5 * (100vw - 1440px)/ 480)
    }
    .product-card__admission,
    .product-card__to-cart {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .product-card__admission .btn__icon,
    .product-card__to-cart .btn__icon {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__buy,
    .product-card__order {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .product-card__buy .btn__icon,
    .product-card__order .btn__icon {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__available {
        margin-top: calc(15px + 5 * (100vw - 1440px)/ 480);
        height: calc(34px + 6 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .product-card__purshase-info-items {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .to-wishlist-btn {
        width: calc(60px + 14 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .to-wishlist-btn__fill-icon,
    .to-wishlist-btn__void-icon {
        width: calc(18px + 2 * (100vw - 1440px)/ 480);
        height: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .purshase-info {
        padding: calc(14px + 5 * (100vw - 1200px)/ 720);
        gap: calc(15px + 5 * (100vw - 1200px)/ 720)
    }
    .purshase-info__icon {
        width: calc(55px + 9 * (100vw - 1440px)/ 480);
        height: calc(55px + 9 * (100vw - 1440px)/ 480)
    }
    .purshase-info__icon svg {
        width: calc(35px + 9 * (100vw - 1440px)/ 480);
        height: calc(35px + 9 * (100vw - 1440px)/ 480)
    }
    .purshase-info__name {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .purshase-info__text {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .product-services {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 720);
        padding: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .product-services__to-services {
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 2 * (100vw - 1440px)/ 480)
    }
    .product-services__to-services .btn__icon {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .product-service__image {
        height: calc(170px + 30 * (100vw - 1440px)/ 480)
    }
    .product-service__name {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-service__price {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .product-service__to-cart {
        width: calc(60px + 14 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .product-service__to-cart svg {
        width: calc(18px + 2 * (100vw - 1200px)/ 720);
        height: calc(18px + 2 * (100vw - 1200px)/ 720)
    }
    .product-info {
        padding: calc(80px + 20 * (100vw - 1200px)/ 720) 0 calc(40px + 10 * (100vw - 1200px)/ 720)
    }
    .product-info__btns-wrap {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .product-info__btns .tab-btn {
        padding: 0 calc(16px + 8 * (100vw - 1440px)/ 480);
        height: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .product-info__btns .tab-btn {
        padding: 0 16px;
        height: 50px
    }
    .product-info__content {
        margin-top: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .product-specs {
        padding: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .product-specs__list {
        -webkit-column-gap: calc(50px + 10 * (100vw - 1440px)/ 480);
        -moz-column-gap: calc(50px + 10 * (100vw - 1440px)/ 480);
        column-gap: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .product-specs__item {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-specs__item dt svg {
        width: calc(16px + 2 * (100vw - 1440px)/ 480);
        height: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-specs__note {
        margin-top: calc(35px + 5 * (100vw - 1200px)/ 720);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .product-purchase {
        padding: calc(40px + 10 * (100vw - 1440px)/ 480);
        -webkit-column-gap: calc(50px + 10 * (100vw - 1440px)/ 480);
        -moz-column-gap: calc(50px + 10 * (100vw - 1440px)/ 480);
        column-gap: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .product-purchase__item {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-purchase__item:not(:first-child) {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-purchase__item-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .product-purchase__conditions {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        padding-left: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .product-purchase__conditions-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cart {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .cart .cart-empty {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .cart .cart-empty {
        margin-top: 40px
    }
    .cart-product__img-link {
        width: calc(240px + 70 * (100vw - 1440px)/ 480)
    }
    .cart-product__name {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cart-product__article {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .cart-product__price-current {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .cart-product__price-old {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cart-product__not-available {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .cart-product__similar {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .cart-product .to-wishlist {
        width: calc(25px + 5 * (100vw - 1200px)/ 720);
        height: calc(25px + 5 * (100vw - 1200px)/ 720)
    }
    .cart-product__remove {
        width: calc(25px + 5 * (100vw - 1200px)/ 720);
        height: calc(25px + 5 * (100vw - 1200px)/ 720)
    }
    .cart-result {
        top: calc(120px + 30 * (100vw - 1440px)/ 480);
        padding: calc(20px + 10 * (100vw - 1200px)/ 720)
    }
    .cart-result__total-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cart-result__quantity {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cart-result__price {
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .cart-result__order {
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .cart-result__order .btn__icon {
        width: calc(19px + 3 * (100vw - 1200px)/ 720);
        height: calc(19px + 3 * (100vw - 1200px)/ 720)
    }
    .cart-empty {
        padding: calc(70px + 10 * (100vw - 1440px)/ 480)
    }
    .cart-empty {
        padding: calc(50px + 20 * (100vw - 1200px)/ 240)
    }
    .cart-empty__icon {
        width: calc(70px + 20 * (100vw - 1440px)/ 480);
        height: calc(70px + 20 * (100vw - 1440px)/ 480)
    }
    .cart-empty__title {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .cart-empty__to-catalog {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1200px)/ 720)
    }
    .cart-empty__to-catalog svg {
        width: calc(19px + 3 * (100vw - 1200px)/ 720);
        height: calc(19px + 3 * (100vw - 1200px)/ 720)
    }
    .wishlist {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .wishlist__products {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .wishlist-empty {
        margin-top: calc(120px + 30 * (100vw - 1440px)/ 480)
    }
    .wishlist-empty {
        margin-top: calc(100px + 20 * (100vw - 1200px)/ 240)
    }
    .wishlist-empty__icon {
        width: calc(70px + 20 * (100vw - 1440px)/ 480);
        height: calc(70px + 20 * (100vw - 1440px)/ 480)
    }
    .wishlist-empty__title {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .wishlist-empty__to-catalog {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1200px)/ 720)
    }
    .wishlist-empty__to-catalog svg {
        width: calc(19px + 3 * (100vw - 1200px)/ 720);
        height: calc(19px + 3 * (100vw - 1200px)/ 720)
    }
    .order {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .order__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .order__wrap {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .order-item__title {
        padding: calc(18px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .order-item__title::before {
        margin-right: calc(25px + 5 * (100vw - 1440px)/ 480);
        width: calc(50px + 8 * (100vw - 1440px)/ 480);
        height: calc(50px + 8 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-item__content {
        margin-top: calc(18px + 2 * (100vw - 1440px)/ 480);
        margin-left: calc(43px + 7 * (100vw - 1440px)/ 480);
        padding: calc(20px + 10 * (100vw - 1440px)/ 480) 0;
        padding-left: calc(50px + 8 * (100vw - 1440px)/ 480);
        padding-right: calc(30px + 10 * (100vw - 1440px)/ 480)
    }
    .order-data__tab-btn {
        padding: 0 calc(15px + 9 * (100vw - 1440px)/ 480);
        height: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .order-fields {
        gap: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .order-fields__title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-fields__field input {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .order-fields__btn {
        padding: 0 calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .order-fields__btn svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .order-fields__forgot-pass {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-fields__checkbox-text {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-address {
        gap: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .order-address__title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-address__new input {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .address-opt__icon-plus {
        width: calc(38px + 6 * (100vw - 1440px)/ 480);
        height: calc(38px + 6 * (100vw - 1440px)/ 480)
    }
    .address-opt__content {
        padding: calc(16px + 3 * (100vw - 1440px)/ 480)
    }
    .address-opt__content img {
        width: calc(38px + 6 * (100vw - 1440px)/ 480);
        height: calc(38px + 6 * (100vw - 1440px)/ 480)
    }
    .address-opt__content span {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-delivery {
        gap: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .order-delivery__offices-map {
        height: calc(315px + 41 * (100vw - 1440px)/ 480)
    }
    .order-delivery__comments-field input {
        padding-left: calc(21px + 8 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .delivery-method__content {
        padding: calc(16px + 3 * (100vw - 1440px)/ 480)
    }
    .delivery-method__content img {
        width: calc(38px + 6 * (100vw - 1440px)/ 480);
        height: calc(38px + 6 * (100vw - 1440px)/ 480)
    }
    .delivery-method__content span {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-pickup-point__title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .order-pickup-point__location {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .payment-method__content span {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-result {
        top: calc(120px + 30 * (100vw - 1440px)/ 480);
        padding: calc(17px + 12 * (100vw - 1200px)/ 720)
    }
    .order-result__title {
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .order-result__data {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        padding-bottom: calc(18px + 2 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .order-result__data-item {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .order-result__total-price {
        margin-top: calc(18px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .order-result__btn {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .order-result__btn svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .order-result__policy {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .ordered {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .ordered__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .ordered__wrap {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .ordered-info__success {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .ordered-info__title {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .ordered-info__data {
        margin-top: calc(30px + 5 * (100vw - 1440px)/ 480);
        gap: calc(15px + 3 * (100vw - 1440px)/ 480)
    }
    .ordered-info__data-item {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .ordered-info__btn {
        margin-top: calc(30px + 5 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .ordered-info__btn svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .ordered-structure {
        top: calc(120px + 30 * (100vw - 1440px)/ 480);
        padding: calc(17px + 12 * (100vw - 1200px)/ 720)
    }
    .ordered-structure__title {
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .ordered-structure__items {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .ordered-structure__total-price {
        margin-top: calc(18px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .ordered-item {
        padding: calc(12px + 2 * (100vw - 1440px)/ 480) 0
    }
    .ordered-item__img img {
        width: calc(72px + 10 * (100vw - 1440px)/ 480)
    }
    .ordered-item__name {
        padding-left: calc(8px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .ordered-item__quantity {
        padding-left: calc(8px + 2 * (100vw - 1440px)/ 480);
        width: calc(60px + 30 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .ordered-item__price {
        padding-left: calc(8px + 2 * (100vw - 1440px)/ 480);
        width: calc(90px + 30 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .services {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .services__list {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .service-card {
        padding: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .service-card__name {
        font-size: calc(22px + 6 * (100vw - 1200px)/ 720)
    }
    .service-card__icon {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        width: calc(160px + 40 * (100vw - 1440px)/ 480);
        height: calc(160px + 40 * (100vw - 1440px)/ 480)
    }
    .service {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(40px + 10 * (100vw - 1200px)/ 720)
    }
    .service__row {
        margin: calc(40px + 10 * (100vw - 1440px)/ 480) 0
    }
    .service__top {
        margin: calc(40px + 10 * (100vw - 1440px)/ 480) 0
    }
    .service__text {
        gap: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .service__desc {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .service__image {
        height: calc(400px + 100 * (100vw - 1440px)/ 480)
    }
    .service-order {
        padding: calc(80px + 20 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .service-order__title {
        top: calc(120px + 30 * (100vw - 1440px)/ 480)
    }
    .service-order-item {
        padding: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .service-order-item::before {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .service-order-item__title {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .service-order-item__text {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .service-items {
        padding: 0 0 calc(40px + 10 * (100vw - 1200px)/ 720)
    }
    .service-items__wrap {
        padding: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .service-advantages {
        padding: calc(80px + 20 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .service-advantages__tabs-wrap {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .service-advantages__tabs .tab-btn {
        padding: 0 calc(16px + 8 * (100vw - 1440px)/ 480);
        height: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .service-advantages__tabs .tab-btn {
        padding: 0 16px;
        height: 50px
    }
    .service-advantages__content {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .service-advantage__title {
        font-size: calc(30px + 10 * (100vw - 1440px)/ 480)
    }
    .service-advantage__desc {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .blog {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .blog__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .blog__items {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .blog .pagination {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .article-item {
        padding: calc(34px + 5 * (100vw - 1440px)/ 480);
        min-height: calc(320px + 50 * (100vw - 1440px)/ 480)
    }
    .article-item__image {
        height: calc(80px + 20 * (100vw - 1440px)/ 480)
    }
    .article-item__name {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .article-item__date {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .article-item__arrow {
        top: calc(35px + 5 * (100vw - 1440px)/ 480);
        right: calc(35px + 5 * (100vw - 1440px)/ 480);
        width: calc(35px + 5 * (100vw - 1440px)/ 480);
        height: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .article {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(60px + 40 * (100vw - 1200px)/ 720)
    }
    .article .container {
        max-width: calc(1210px + 400 * (100vw - 1440px)/ 480)
    }
    .article__wrap {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480);
        gap: calc(50px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .article__wrap h1 {
        margin-bottom: calc(35px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(40px + 15 * (100vw - 1440px)/ 480)
    }
    .article__wrap h2 {
        margin-bottom: calc(35px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(30px + 10 * (100vw - 1440px)/ 480)
    }
    .article__wrap h3 {
        margin-bottom: calc(35px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .article__wrap h4 {
        margin-bottom: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .article__wrap figure figcaption {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .article__wrap blockquote {
        padding-left: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .article__wrap blockquote cite {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .article__wrap cite {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .article__info {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480);
        padding-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .article__author {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .article__date {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .similar-articles {
        padding: calc(60px + 40 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .similar-articles__slider {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .contacts {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(60px + 40 * (100vw - 1200px)/ 720)
    }
    .contacts__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .contacts__wrap {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .contacts-card {
        padding: calc(24px + 15 * (100vw - 1440px)/ 480)
    }
    .contacts-card__title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .contacts-card__phone {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .contacts-card__mail {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .contacts-card__requisites {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .contacts-location {
        padding: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .contacts-location__address-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .contacts-location__address-val {
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .contacts-location__way-title {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .contacts-location__way-title img {
        width: calc(40px + 4 * (100vw - 1440px)/ 480);
        height: calc(40px + 4 * (100vw - 1440px)/ 480)
    }
    .contacts-location__way-text {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .contacts-location__schedule-title {
        margin-top: calc(30px + 10 * (100vw - 1200px)/ 720);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .contacts-location__schedule-val {
        margin-top: calc(14px + 6 * (100vw - 1200px)/ 720);
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .team {
        padding: calc(60px + 40 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .team__wrap {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .member-card {
        min-height: calc(420px + 64 * (100vw - 1440px)/ 480)
    }
    .member-card__image {
        padding: calc(23px + 7 * (100vw - 1440px)/ 480);
        width: calc(160px + 44 * (100vw - 1440px)/ 480);
        height: calc(160px + 44 * (100vw - 1440px)/ 480)
    }
    .member-card__name {
        font-size: calc(22px + 6 * (100vw - 1440px)/ 480)
    }
    .member-card__position {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .member-card__mail {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(60px + 40 * (100vw - 1200px)/ 720)
    }
    .info-article__inner {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480);
        gap: calc(40px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner h1 {
        margin-bottom: calc(30px + 10 * (100vw - 1440px)/ 480);
        font-size: calc(40px + 15 * (100vw - 1440px)/ 480)
    }
    .info-article__inner h1:last-child {
        margin-bottom: 0
    }
    .info-article__inner h2 {
        margin-bottom: calc(15px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(30px + 10 * (100vw - 1440px)/ 480)
    }
    .info-article__inner h2:last-child {
        margin-bottom: 0
    }
    .info-article__inner h3 {
        margin-bottom: calc(5px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .info-article__inner h3:last-child {
        margin-bottom: 0
    }
    .info-article__inner h4 {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner h4:last-child {
        margin-bottom: 0
    }
    .info-article__inner figure figcaption {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner blockquote {
        padding-left: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .info-article__inner blockquote cite {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .info-article__inner cite {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .note-block {
        padding: calc(17px + 2 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .supplier-card__image img {
        max-height: calc(70px + 10 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .supplier-card__name {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .supplier-card__numbers {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .supplier-card__link {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .public-procurement__image img {
        max-height: calc(70px + 10 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .public-procurement__table {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .public-procurement__table td,
    .info-article__inner .public-procurement__table th {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .public-procurement__desc {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .info-article__inner .public-procurement__price {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article__inner .public-procurement__link {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .info-article-menu {
        top: calc(120px + 30 * (100vw - 1440px)/ 480);
        max-width: calc(378px + 152 * (100vw - 1440px)/ 480)
    }
    .info-article-menu__link {
        padding: calc(11px + 3 * (100vw - 1440px)/ 480);
        padding-left: calc(19px + 5 * (100vw - 1440px)/ 480);
        min-height: calc(73px + 13 * (100vw - 1440px)/ 480);
        font-size: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .info-article-menu__link svg {
        width: calc(22px + 3 * (100vw - 1440px)/ 480);
        height: calc(22px + 3 * (100vw - 1440px)/ 480)
    }
    .info-cards {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .info-cards__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .info-cards__list {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .info-cards .pagination {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .info-card {
        padding: calc(34px + 5 * (100vw - 1440px)/ 480);
        min-height: calc(345px + 75 * (100vw - 1440px)/ 480)
    }
    .info-card__image {
        height: calc(71px + 13 * (100vw - 1440px)/ 480)
    }
    .info-card__content {
        margin-top: calc(60px + 20 * (100vw - 1440px)/ 480)
    }
    .info-card__name {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .info-card__links-list {
        margin-top: calc(18px + 2 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .info-card__links-item a {
        height: calc(30px + 6 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .info-card__text {
        margin-top: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .info-card__arrow {
        top: calc(35px + 5 * (100vw - 1440px)/ 480);
        right: calc(35px + 5 * (100vw - 1440px)/ 480);
        width: calc(35px + 5 * (100vw - 1440px)/ 480);
        height: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .registration {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .registration .container {
        max-width: calc(1210px + 400 * (100vw - 1440px)/ 480)
    }
    .registration__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .registration__content {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .registration__btn {
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .registration__btn svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .cabinet {
        padding: calc(40px + 5 * (100vw - 1200px)/ 720) 0 calc(60px + 40 * (100vw - 1200px)/ 720)
    }
    .cabinet__content {
        gap: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .cabinet-menu {
        top: calc(120px + 30 * (100vw - 1440px)/ 480);
        max-width: calc(378px + 152 * (100vw - 1440px)/ 480)
    }
    .cabinet-menu__link {
        padding: calc(19px + 5 * (100vw - 1440px)/ 480);
        min-height: calc(73px + 13 * (100vw - 1440px)/ 480);
        font-size: calc(18px + 2 * (100vw - 1440px)/ 480)
    }
    .cabinet-menu__link svg {
        width: calc(20px + 2 * (100vw - 1440px)/ 480);
        height: calc(20px + 2 * (100vw - 1440px)/ 480)
    }
    .cabinet-data__title {
        margin-bottom: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cabinet-data__field input {
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .cabinet-data__save {
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .cabinet-data__save svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .cabinet-subscribe__title {
        margin-bottom: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .cabinet-subscribe__switch-field {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .history-order {
        padding: calc(25px + 5 * (100vw - 1440px)/ 480)
    }
    .history-order__name {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .history-order__status {
        height: calc(24px + 4 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 720)
    }
    .history-order__date {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .history-order__total-price {
        font-size: calc(20px + 4 * (100vw - 1440px)/ 480)
    }
    .history-order__repeat {
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480)
    }
    .history-order-product__img {
        width: calc(76px + 6 * (100vw - 1440px)/ 480)
    }
    .history-order-product__name {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .history-order-product__quantity {
        width: calc(180px + 40 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .history-order-product__price {
        width: calc(130px + 30 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .about {
        min-height: calc(600px + 200 * (100vw - 1440px)/ 480)
    }
    .about__title {
        margin-top: calc(40px + 10 * (100vw - 1440px)/ 480)
    }
    .about__desc {
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .about__download {
        margin-top: calc(35px + 5 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .about__download svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
    .about__image-block {
        margin-right: -40px;
        padding: calc(45px + 13 * (100vw - 1440px)/ 480) calc(40px + 10 * (100vw - 1440px)/ 480);
        width: calc(100% + 40px)
    }
    .our-services {
        padding: calc(60px + 40 * (100vw - 1200px)/ 720) 0 calc(120px + 30 * (100vw - 1200px)/ 720)
    }
    .our-services__wrap {
        margin-top: calc(50px + 10 * (100vw - 1440px)/ 480)
    }
    .our-service-item {
        padding: calc(34px + 5 * (100vw - 1440px)/ 480)
    }
    .our-service-item__logo {
        margin-right: calc(25px + 5 * (100vw - 1440px)/ 480);
        height: calc(68px + 6 * (100vw - 1440px)/ 480)
    }
    .our-service-item__name {
        font-size: calc(40px + 15 * (100vw - 1440px)/ 480)
    }
    .our-service-item__activities {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .our-service-item__desc {
        margin-top: calc(80px + 20 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .our-service-item__requisites {
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .our-service-item__links {
        margin-top: calc(35px + 5 * (100vw - 1440px)/ 480)
    }
    .our-service-item__link {
        height: calc(30px + 7 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1440px)/ 480)
    }
    .err-404 {
        min-height: calc(600px + 200 * (100vw - 1440px)/ 480)
    }
    .err-404__desc {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: calc(16px + 2 * (100vw - 1440px)/ 480)
    }
    .err-404__back {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        padding: 0 calc(21px + 3 * (100vw - 1440px)/ 480);
        height: calc(60px + 14 * (100vw - 1440px)/ 480);
        gap: calc(8px + 2 * (100vw - 1440px)/ 480)
    }
    .err-404__back svg {
        width: calc(19px + 3 * (100vw - 1440px)/ 480);
        height: calc(19px + 3 * (100vw - 1440px)/ 480)
    }
}

@media screen and (max-width:1439px) {
    .wrapper {
        padding-top: 116px
    }
    .h2 {
        font-size: calc(32px + 8 * (100vw - 1200px)/ 240)
    }
    .h3 {
        font-size: calc(20px + 2 * (100vw - 1200px)/ 240)
    }
    .iziToast>.iziToast-body .iziToast-message,
    .iziToast>.iziToast-body .iziToast-title {
        font-size: 14px
    }
    .btn {
        gap: 8px;
        font-size: 14px
    }
    .tab-btn {
        font-size: 14px
    }
    .select-field select {
        padding: 0 calc(18px + 3 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .select-field__icon {
        right: calc(18px + 4 * (100vw - 1200px)/ 240);
        width: 14px;
        height: 14px
    }
    .select-field .choices {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .select-field .choices__wrap .choices__item {
        padding-left: calc(18px + 3 * (100vw - 1200px)/ 240);
        padding-right: calc(32px + 6 * (100vw - 1200px)/ 240)
    }
    .select-field .choices>.choices__list {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .price-range__label {
        font-size: calc(14px + 4 * (100vw - 1200px)/ 240)
    }
    .price-range__field {
        padding: 0 calc(17px + 4 * (100vw - 1200px)/ 240)
    }
    .price-range__placeholder {
        font-size: calc(14px + 4 * (100vw - 1200px)/ 240)
    }
    .price-range__input {
        font-size: calc(14px + 4 * (100vw - 1200px)/ 240)
    }
    .price-range__currency {
        font-size: calc(14px + 4 * (100vw - 1200px)/ 240)
    }
    .field input {
        padding-left: calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .field__show-password {
        height: 60px
    }
    .field--captcha input {
        min-width: calc(200px + 40 * (100vw - 1200px)/ 240)
    }
    .field--captcha img {
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .crumbs__item {
        font-size: 14px
    }
    .crumbs__item svg {
        margin-left: 10px;
        width: 10px;
        height: 10px
    }
    .crumbs__item:not(:first-child) {
        margin-left: 10px
    }
    .checkbox__text {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .switch__input:checked+.switch__custom::before {
        left: calc(100% - 24px)
    }
    .switch__custom {
        width: 48px;
        height: 26px
    }
    .switch__custom::before {
        top: 2px;
        left: 2px;
        width: 22px;
        height: 22px
    }
    .pagination__prev {
        width: calc(30px + 5 * (100vw - 1200px)/ 240);
        height: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .pagination__list {
        padding: 0 calc(20px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .pagination__list li>* {
        padding: 0 calc(14px + 2 * (100vw - 1200px)/ 240);
        height: calc(52px + 6 * (100vw - 1200px)/ 240)
    }
    .pagination__list li.active a {
        min-width: calc(52px + 6 * (100vw - 1200px)/ 240)
    }
    .pagination__next {
        width: calc(30px + 5 * (100vw - 1200px)/ 240);
        height: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .quantity {
        width: calc(94px + 12 * (100vw - 1200px)/ 240);
        height: calc(36px + 6 * (100vw - 1200px)/ 240)
    }
    .quantity__minus,
    .quantity__plus {
        width: calc(24px + 2 * (100vw - 1200px)/ 240)
    }
    .quantity input {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .dialog-feedback {
        padding: 40px;
        min-width: 430px
    }
    .dialog-feedback__subtitle {
        font-size: 16px
    }
    .dialog-feedback__form {
        margin-top: 35px
    }
    .dialog-feedback__field input {
        padding-left: calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .dialog-feedback__submit {
        margin-top: 15px;
        padding: 0 22px;
        height: 60px
    }
    .dialog-feedback__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-feedback__close::after,
    .dialog-feedback__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .dialog-thanks {
        padding: 40px;
        max-width: 316px
    }
    .dialog-thanks__icon {
        width: 36px;
        height: 36px
    }
    .dialog-thanks__icon svg {
        width: 16px;
        height: 16px
    }
    .dialog-thanks__subtitle {
        margin-top: 15px;
        font-size: 16px
    }
    .dialog-thanks__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-thanks__close::after,
    .dialog-thanks__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .dialog-notification {
        padding: 40px;
        max-width: 748px
    }
    .dialog-notification__icon {
        width: 36px;
        height: 36px
    }
    .dialog-notification__icon svg {
        width: 16px;
        height: 16px
    }
    .dialog-notification__title {
        margin-top: 35px;
        font-size: 24px
    }
    .dialog-notification__subtitle {
        margin-top: 15px;
        font-size: 16px
    }
    .dialog-notification__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-notification__close::after,
    .dialog-notification__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .dialog-requisites {
        padding: 40px;
        max-width: 648px
    }
    .dialog-requisites__title {
        font-size: 24px
    }
    .dialog-requisites__text {
        margin-top: 35px;
        font-size: 14px
    }
    .dialog-requisites__download {
        margin-top: 35px;
        padding: 0 22px;
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .dialog-requisites__download .btn__icon {
        width: 19px;
        height: 19px
    }
    .dialog-requisites__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-requisites__close::after,
    .dialog-requisites__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .dialog-pickup {
        padding: 40px;
        max-width: 762px
    }
    .dialog-pickup__title {
        font-size: 24px
    }
    .dialog-pickup__search {
        margin-top: 35px;
        height: 60px
    }
    .dialog-pickup__search input {
        padding-left: 52px;
        font-size: 14px
    }
    .dialog-pickup__search button {
        left: 12px;
        width: 42px;
        height: 42px
    }
    .dialog-pickup__search:focus-within input {
        padding-left: 25px
    }
    .dialog-pickup__map {
        margin-top: 35px;
        height: 260px
    }
    .dialog-pickup__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-pickup__close::after,
    .dialog-pickup__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .dialog-login {
        padding: 40px;
        min-width: 430px
    }
    .dialog-login__btns .tab-btn {
        padding: 0 15px;
        height: 50px
    }
    .dialog-login__title {
        margin-top: 35px
    }
    .dialog-login__subtitle {
        font-size: 16px
    }
    .dialog-login__form {
        margin-top: 35px
    }
    .dialog-login__field:not(:first-child) {
        margin-top: 15px
    }
    .dialog-login__field input {
        padding-left: calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .dialog-login__submit {
        margin-top: 15px;
        padding: 0 22px;
        height: 60px
    }
    .dialog-login__forgot {
        font-size: 16px
    }
    .dialog-login__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-login__close::after,
    .dialog-login__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .dialog-logout {
        padding: 40px;
        min-width: 430px
    }
    .dialog-logout__title {
        margin-bottom: 35px;
        font-size: 24px
    }
    .dialog-logout__btns .btn {
        padding: 0 calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .dialog-logout__close {
        top: -43px;
        right: -43px;
        width: 34px;
        height: 34px
    }
    .dialog-logout__close::after,
    .dialog-logout__close::before {
        top: 16px;
        left: 6px;
        width: 22px
    }
    .product-item {
        padding: 15px
    }
    .product-item .to-wishlist {
        top: 15px;
        right: 15px
    }
    .product-item .product-statuses {
        top: 15px;
        left: 15px
    }
    .product-item__name {
        margin-top: 15px;
        font-size: 16px
    }
    .product-item__article {
        margin-top: 10px;
        font-size: 14px
    }
    .product-item__price-block {
        margin-top: 25px;
        gap: 8px
    }
    .product-item__price-current {
        font-size: 20px
    }
    .product-item__not-available {
        font-size: 20px
    }
    .product-item__discount-wrap {
        gap: 8px
    }
    .product-item__price-old {
        font-size: 16px
    }
    .product-item__discount {
        height: 24px;
        font-size: 14px
    }
    .product-item__similar,
    .product-item__to-cart {
        margin-top: 25px;
        height: 60px;
        gap: 8px
    }
    .to-wishlist {
        width: 25px;
        height: 25px
    }
    .product-statuses__item {
        padding: 0 8px;
        height: 24px;
        font-size: 14px
    }
    .filter {
        padding: 15px;
        gap: 20px
    }
    .filter__params {
        gap: 20px
    }
    .filter__searchbar {
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        width: calc(400px + 70 * (100vw - 1200px)/ 240)
    }
    .filter__searchbar svg {
        left: 25px;
        width: 18px;
        height: 18px
    }
    .filter__searchbar input {
        padding-left: 52px;
        font-size: 14px
    }
    .filter__brand {
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        width: calc(160px + 60 * (100vw - 1200px)/ 240)
    }
    .filter__sort {
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        width: calc(160px + 60 * (100vw - 1200px)/ 240)
    }
    .filter__cat {
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        width: 100%;
    }
    .filter .price-range {
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .filter .price-range__field {
        width: calc(160px + 20 * (100vw - 1200px)/ 240)
    }
    .header {
        padding-bottom: 12px
    }
    .header__top {
        height: 44px
    }
    .header__nav-item {
        margin-right: 30px
    }
    .header__nav-item>a {
        font-size: 14px
    }
    .header__location {
        font-size: 14px
    }
    .header__logo {
        height: 22px
    }
    .header__catalog-wrap {
        margin-left: 23px;
        max-width: 168px
    }
    .header__open-catalog-btn .btn__icon {
        width: 16px;
        height: 16px
    }
    .header__search-wrap {
        margin-left: 15px
    }
    .header__btns {
        margin-left: 15px
    }
    .header__wish-btn span {
        top: 10px;
        right: 10px;
        padding: 0 3px;
        height: 14px;
        font-size: 12px
    }
    .header__wish-btn {
        width: 60px
    }
    .header__wish-btn svg {
        width: 18px;
        height: 18px
    }
    .header__cart-btn span {
        top: 10px;
        right: 10px;
        padding: 0 3px;
        height: 14px;
        font-size: 12px
    }
    .header__cart-btn {
        margin-left: 10px;
        width: 60px
    }
    .header__cart-btn svg {
        width: 18px;
        height: 18px
    }
    .header__account-btn {
        margin-left: 10px;
        width: 60px
    }
    .header__account-btn svg {
        width: 18px;
        height: 18px
    }
    .header__contact {
        margin-left: 23px
    }
    .header__phone {
        font-size: 18px
    }
    .searchbar__field {
        padding-left: 52px;
        font-size: 14px
    }
    .searchbar__btn {
        left: 12px;
        width: 42px;
        height: 42px
    }
    .searchbar:focus-within .searchbar__field {
        padding-left: 25px
    }
    .search-menu__wrap {
        padding: calc(15px + 5 * (100vw - 1200px)/ 240);
        gap: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .search-menu__category {
        height: calc(30px + 4 * (100vw - 1200px)/ 240)
    }
    .footer__top {
        padding-top: 60px;
        padding-bottom: 60px;
        grid-template-columns: 1fr 3fr
    }
    .footer__logo {
        height: 34px
    }
    .footer__nav-links {
        margin-top: 15px;
        gap: 8px
    }
    .footer__nav-links a {
        font-size: 14px
    }
    .footer__nav-main-links {
        gap: 15px
    }
    .footer__nav-main-links a {
        font-size: 16px
    }
    .footer__contacts-title {
        font-size: 16px
    }
    .footer__contacts-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin-top: 15px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
    .footer__contacts-link {
        font-size: 14px
    }
    .footer__bottom {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .footer__info {
        grid-template-columns: 280px 1fr;
        font-size: 14px
    }
    .footer__public-offer {
        grid-column: 1/span 2;
        grid-row: 1
    }
    .footer__copyright {
        width: initial
    }
    .footer__design {
        width: initial
    }
    .footer__service-logos {
        grid-template-columns: repeat(2, 290px);
        gap: 15px
    }
    .socials {
        gap: 12px
    }
    .socials__item {
        width: 38px;
        height: 38px
    }
    .service-logo {
        padding: 12px;
        gap: 15px
    }
    .service-logo__title {
        font-size: 14px
    }
    .service-logo__text {
        margin-top: 3px;
        font-size: 12px
    }
    .hero .container {
        min-height: calc(520px + 130 * (100vw - 992px)/ 448)
    }
    .hero__left {
        padding: 50px 40px 50px 0
    }
    .hero__left::after {
        width: 780px;
        background-position: 250px 0
    }
    .hero__title {
        font-size: calc(48px + 27 * (100vw - 992px)/ 448)
    }
    .hero__subtitle {
        margin-top: 15px;
        min-height: calc(66px + 4 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 4 * (100vw - 992px)/ 448)
    }
    .hero__to-catalog {
        margin-top: 12px;
        padding: 0 22px;
        height: 60px;
        gap: 8px
    }
    .hero__to-catalog svg {
        width: 19px;
        height: 19px
    }
    .hero__right {
        padding: 50px 0 50px 40px
    }
    .hero__right::after {
        width: 780px;
        background-position: -530px 0
    }
    .last-viewed {
        padding: calc(100px + 20 * (100vw - 1200px)/ 240) 0
    }
    .last-viewed__head {
        gap: 30px
    }
    .last-viewed__slider {
        margin-top: 50px
    }
    .last-viewed__to-catalog {
        margin-top: 45px;
        padding: 0 22px;
        height: 60px;
        gap: 8px
    }
    .last-viewed__to-catalog .btn__icon {
        width: 19px;
        height: 19px
    }
    .consultation__content {
        padding: calc(100px + 20 * (100vw - 1440px)/ 480) 0;
        padding-left: 30px
    }
    .consultation__subtitle {
        margin-top: 25px;
        font-size: 18px
    }
    .consultation__form {
        margin-top: 35px
    }
    .consultation__form-row {
        max-width: 530px
    }
    .consultation__field {
        height: 60px
    }
    .consultation__field input {
        padding-left: 21px;
        font-size: 16px
    }
    .consultation__submit {
        padding: 0 22px;
        height: 60px
    }
    .consultation__submit .btn__icon {
        width: 19px;
        height: 19px
    }
    .consultation__privacy {
        font-size: 14px
    }
    .maintenance {
        padding: calc(100px + 20 * (100vw - 1200px)/ 240) 0
    }
    .maintenance__head {
        gap: 30px
    }
    .maintenance__to-services {
        padding: 0 22px;
        height: 60px
    }
    .maintenance__to-services .btn__icon {
        width: 19px;
        height: 19px
    }
    .maintenance__steps {
        margin-top: 50px
    }
    .maintenance-step {
        grid-template-columns: 2fr 7fr 3fr
    }
    .maintenance-step::before {
        font-size: 28px
    }
    .maintenance-step__title {
        padding-bottom: 15px;
        font-size: 22px
    }
    .maintenance-step__text {
        padding-top: 15px;
        font-size: 16px
    }
    .maintenance-step__image {
        max-width: 290px
    }
    .partners {
        padding: calc(100px + 20 * (100vw - 1200px)/ 240) 0 calc(80px + 10 * (100vw - 1200px)/ 240)
    }
    .partners__wrap {
        margin-top: 50px
    }
    .images-marquee__item {
        width: 210px
    }
    .certificates {
        padding: calc(80px + 10 * (100vw - 1200px)/ 240) 0 calc(100px + 20 * (100vw - 1200px)/ 240)
    }
    .certificates__subtitle {
        margin-top: 25px;
        font-size: 16px
    }
    .certificates__pagination {
        font-size: 20px
    }
    .certificates__pagination .swiper-pagination-current {
        font-size: 28px
    }
    .certificates-main__content {
        margin-top: 40px
    }
    .certificates-main__title {
        max-width: calc(480px + 60 * (100vw - 1200px)/ 240)
    }
    .certificates-main__subtitle {
        max-width: calc(390px + -10 * (100vw - 1200px)/ 240);
        font-size: 16px
    }
    .feedback__content {
        max-width: 570px
    }
    .feedback__subtitle {
        margin-top: 25px;
        font-size: 18px
    }
    .feedback__form {
        margin-top: calc(30px + 5 * (100vw - 1440px)/ 480);
        max-width: calc(480px + 100 * (100vw - 1200px)/ 240)
    }
    .feedback__form-row {
        max-width: 530px
    }
    .feedback__field {
        height: 60px
    }
    .feedback__field input {
        padding-left: 21px;
        font-size: 16px
    }
    .feedback__submit {
        padding: 0 22px;
        height: 60px
    }
    .feedback__submit .btn__icon {
        width: 19px;
        height: 19px
    }
    .feedback__privacy {
        font-size: 14px
    }
    .feedback__image {
        left: 46%
    }
    .feedback-contacts {
        padding: calc(20px + 5 * (100vw - 1200px)/ 240);
        max-width: calc(340px + 30 * (100vw - 1200px)/ 240)
    }
    .feedback-contacts__title {
        font-size: calc(20px + 2 * (100vw - 1200px)/ 240)
    }
    .feedback-contacts__links {
        margin-top: 25px;
        gap: 6px 20px
    }
    .feedback-contacts__link {
        font-size: 14px
    }
    .feedback-contacts__link svg {
        width: 14px;
        height: 14px
    }
    .feedback-contacts__socials {
        margin-top: 25px
    }
    .feedback-contacts__social {
        width: 60px;
        height: 60px
    }
    .feedback-contacts__social svg {
        width: 20px;
        height: 20px
    }
    .catalog__title {
        margin-top: 40px
    }
    .catalog__categories {
        margin-top: 40px
    }
    .catalog__categories {
        grid-template-columns: repeat(3, 1fr)
    }
    .category-card {
        padding: 23px
    }
    .category-card__icon {
        width: 60px;
        height: 60px
    }
    .category-card__name {
        margin-top: 50px;
        font-size: 22px
    }
    .category-card__subcategories {
        margin: 15px -5px -5px
    }
    .category-card__subcategory {
        font-size: 16px
    }
    .category-card__subcategory a {
        padding: 5px
    }
    .category__head {
        margin-top: 40px
    }
    .category__quantity {
        padding: 0 2px;
        height: 18px;
        font-size: 12px
    }
    .category__tabs {
        margin: 40px -40px 0
    }
    .category__tabs-list {
        gap: 8px
    }
    .category__tab-btn {
        padding: 0 15px;
        height: 50px
    }
    .category__products {
        margin-top: 25px;
        grid-template-columns: repeat(3, 1fr)
    }
    .category .pagination {
        margin-top: 40px
    }
    .product-card__head {
        margin-top: 40px
    }
    .product-card__article {
        font-size: calc(12px + 2 * (100vw - 1200px)/ 240)
    }
    .product-card__wrap {
        margin-top: 25px
    }
    .product-card__slider .slider-btn--prev {
        left: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .product-card__slider .slider-btn--next {
        right: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .product-card .product-statuses {
        top: calc(20px + 5 * (100vw - 1200px)/ 240);
        left: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .product-card__summary {
        padding: calc(20px + 10 * (100vw - 1200px)/ 240)
    }
    .product-card__desc {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-card__not-available {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        font-size: 20px
    }
    .product-card__price-block {
        margin-top: calc(25px + 5 * (100vw - 1440px)/ 480);
        gap: 8px
    }
    .product-card__price-current {
        font-size: 20px
    }
    .product-card__discount-wrap {
        gap: 8px
    }
    .product-card__price-old {
        font-size: 16px
    }
    .product-card__discount {
        height: 24px;
        font-size: 14px
    }
    .product-card__btns {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240);
        gap: 15px
    }
    .product-card__admission,
    .product-card__to-cart {
        height: calc(52px + 8 * (100vw - 1200px)/ 240)
    }
    .product-card__admission .btn__icon,
    .product-card__to-cart .btn__icon {
        width: 18px;
        height: 18px
    }
    .product-card__buy,
    .product-card__order {
        height: calc(52px + 8 * (100vw - 1200px)/ 240)
    }
    .product-card__buy .btn__icon,
    .product-card__order .btn__icon {
        width: 18px;
        height: 18px
    }
    .product-card__available {
        margin-top: 15px;
        height: calc(28px + 6 * (100vw - 1200px)/ 240);
        font-size: 14px
    }
    .product-card__purshase-info-items {
        margin-top: 40px
    }
    .to-wishlist-btn {
        width: calc(52px + 8 * (100vw - 1200px)/ 240);
        height: calc(52px + 8 * (100vw - 1200px)/ 240)
    }
    .to-wishlist-btn__fill-icon,
    .to-wishlist-btn__void-icon {
        width: calc(16px + 2 * (100vw - 1200px)/ 240);
        height: calc(16px + 2 * (100vw - 1200px)/ 240)
    }
    .purshase-info__icon {
        width: calc(48px + 7 * (100vw - 1200px)/ 240);
        height: calc(48px + 7 * (100vw - 1200px)/ 240)
    }
    .purshase-info__icon svg {
        width: calc(30px + 5 * (100vw - 1200px)/ 240);
        height: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .purshase-info__name {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-services {
        padding: calc(30px + 10 * (100vw - 1200px)/ 240)
    }
    .product-services__to-services {
        padding: 0 21px;
        height: calc(52px + 8 * (100vw - 1200px)/ 240)
    }
    .product-services__to-services .btn__icon {
        width: 19px;
        height: 19px
    }
    .product-service__image {
        height: calc(150px + 20 * (100vw - 1200px)/ 240)
    }
    .product-service__name {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-service__price {
        font-size: calc(18px + 2 * (100vw - 1200px)/ 240)
    }
    .product-service__to-cart {
        width: calc(50px + 10 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .product-info__btns-wrap {
        margin-top: 40px
    }
    .product-info__content {
        margin-top: 18px
    }
    .product-specs {
        padding: calc(30px + 10 * (100vw - 1200px)/ 240)
    }
    .product-specs__list {
        -webkit-column-gap: calc(40px + 10 * (100vw - 1200px)/ 240);
        -moz-column-gap: calc(40px + 10 * (100vw - 1200px)/ 240);
        column-gap: calc(40px + 10 * (100vw - 1200px)/ 240)
    }
    .product-specs__item {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-specs__item dt svg {
        width: calc(14px + 2 * (100vw - 1200px)/ 240);
        height: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-purchase {
        padding: calc(30px + 10 * (100vw - 1200px)/ 240);
        -webkit-column-gap: calc(40px + 10 * (100vw - 1200px)/ 240);
        -moz-column-gap: calc(40px + 10 * (100vw - 1200px)/ 240);
        column-gap: calc(40px + 10 * (100vw - 1200px)/ 240)
    }
    .product-purchase__item {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-purchase__item:not(:first-child) {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .product-purchase__item-title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .product-purchase__conditions {
        margin-top: 25px;
        padding-left: 25px
    }
    .product-purchase__conditions-title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .cart__head {
        margin-top: 40px
    }
    .cart__quantity {
        padding: 0 3px;
        height: 18px;
        font-size: 12px
    }
    .cart-product {
        padding: 25px 39px 25px 0
    }
    .cart-product__img-link {
        margin: -25px 35px -25px 0
    }
    .cart-product__name {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .cart-product__right {
        margin-left: 35px
    }
    .cart-product__price-current {
        font-size: 20px
    }
    .cart-product__price-old {
        font-size: 16px
    }
    .cart-product__not-available {
        font-size: 20px
    }
    .cart-result {
        top: 120px
    }
    .cart-result__total-title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .cart-result__quantity {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .cart-result__order {
        padding: 0 21px;
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .cart-empty__icon {
        width: calc(60px + 10 * (100vw - 1200px)/ 240);
        height: calc(60px + 10 * (100vw - 1200px)/ 240)
    }
    .cart-empty__title {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        font-size: 22px
    }
    .cart-empty__to-catalog {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        padding: 0 calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .wishlist__head {
        margin-top: 40px
    }
    .wishlist__quantity {
        padding: 0 3px;
        height: 18px;
        font-size: 12px
    }
    .wishlist__products {
        margin-top: 25px;
        grid-template-columns: repeat(3, 1fr)
    }
    .wishlist-empty__icon {
        width: calc(60px + 10 * (100vw - 1200px)/ 240);
        height: calc(60px + 10 * (100vw - 1200px)/ 240)
    }
    .wishlist-empty__title {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        font-size: 22px
    }
    .wishlist-empty__to-catalog {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        padding: 0 calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .order__title {
        margin-top: 40px
    }
    .order__wrap {
        margin-top: 40px
    }
    .order-item__title {
        padding: calc(16px + 2 * (100vw - 1200px)/ 240);
        font-size: 22px
    }
    .order-item__title::before {
        margin-right: calc(20px + 5 * (100vw - 1200px)/ 240);
        width: calc(44px + 6 * (100vw - 1200px)/ 240);
        height: calc(44px + 6 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-item__content {
        margin-top: calc(15px + 3 * (100vw - 1200px)/ 240);
        margin-left: calc(36px + 7 * (100vw - 1200px)/ 240);
        padding: calc(15px + 5 * (100vw - 1200px)/ 240) 0;
        padding-left: calc(44px + 6 * (100vw - 1200px)/ 240);
        padding-right: 30px
    }
    .order-data__tab-btn {
        padding: 0 15px;
        height: 50px
    }
    .order-fields {
        gap: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .order-fields__title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-fields__field input {
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .order-fields__btn {
        padding: 0 22px;
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .order-fields__btn svg {
        width: 19px;
        height: 19px
    }
    .order-fields__forgot-pass {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-fields__checkbox-text {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-address {
        gap: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .order-address__title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-address__new input {
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .address-opt__icon-plus {
        width: calc(34px + 4 * (100vw - 1200px)/ 240);
        height: calc(34px + 4 * (100vw - 1200px)/ 240)
    }
    .address-opt__content {
        padding: calc(12px + 4 * (100vw - 1200px)/ 240)
    }
    .address-opt__content img {
        width: calc(34px + 4 * (100vw - 1200px)/ 240);
        height: calc(34px + 4 * (100vw - 1200px)/ 240)
    }
    .address-opt__content span {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-delivery {
        gap: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .order-delivery__offices-map {
        height: calc(280px + 35 * (100vw - 1200px)/ 240)
    }
    .order-delivery__comments-field input {
        padding-left: calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .delivery-method__content {
        padding: calc(12px + 4 * (100vw - 1200px)/ 240)
    }
    .delivery-method__content img {
        width: calc(34px + 4 * (100vw - 1200px)/ 240);
        height: calc(34px + 4 * (100vw - 1200px)/ 240)
    }
    .delivery-method__content span {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .payment-method__content span {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-result {
        top: 120px
    }
    .order-result__data {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240);
        padding-bottom: 18px;
        gap: 8px
    }
    .order-result__data-item {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .order-result__total-price {
        margin-top: 18px
    }
    .order-result__btn {
        margin-top: 25px;
        padding: 0 calc(19px + 2 * (100vw - 1200px)/ 240);
        height: 60px;
        gap: 8px
    }
    .order-result__btn svg {
        width: 19px;
        height: 19px
    }
    .ordered__title {
        margin-top: 40px
    }
    .ordered__wrap {
        margin-top: 40px
    }
    .ordered-info__success {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .ordered-info__title {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        margin-top: 50px
    }
    .ordered-info__data {
        margin-top: calc(25px + 5 * (100vw - 1200px)/ 240);
        gap: calc(12px + 3 * (100vw - 1200px)/ 240)
    }
    .ordered-info__data-item {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .ordered-info__btn {
        margin-top: calc(25px + 5 * (100vw - 1200px)/ 240);
        padding: 0 calc(19px + 2 * (100vw - 1200px)/ 240);
        height: 60px;
        gap: 8px
    }
    .ordered-info__btn svg {
        width: 19px;
        height: 19px
    }
    .ordered-structure {
        top: 120px
    }
    .ordered-structure__items {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .ordered-structure__total-price {
        margin-top: 18px
    }
    .ordered-item {
        padding: 12px 0
    }
    .ordered-item__name {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .ordered-item__params {
        margin-left: auto;
        padding-left: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .ordered-item__quantity {
        margin-top: 3px;
        padding-left: 0;
        width: initial;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .ordered-item__price {
        padding-left: 0;
        width: initial;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .services__title {
        margin-top: 40px
    }
    .services__list {
        margin-top: calc(25px + 15 * (100vw - 1200px)/ 240)
    }
    .service-card {
        padding: calc(30px + 10 * (100vw - 1200px)/ 240)
    }
    .service-card__name {
        margin-top: 18px
    }
    .service__row {
        margin: 40px 0
    }
    .service__top {
        margin: 40px 0
    }
    .service__text {
        gap: calc(30px + 10 * (100vw - 1200px)/ 240)
    }
    .service__desc {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .service__image {
        height: calc(320px + 80 * (100vw - 1200px)/ 240)
    }
    .service-order__title {
        top: 120px
    }
    .service-order-item {
        padding: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .service-order-item::before {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .service-order-item__title {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        font-size: calc(18px + 2 * (100vw - 1200px)/ 240)
    }
    .service-items__wrap {
        padding: calc(30px + 10 * (100vw - 1200px)/ 240)
    }
    .service-advantages__tabs-wrap {
        margin-top: 40px
    }
    .service-advantages__content {
        margin-top: 40px
    }
    .service-advantage__title {
        font-size: calc(26px + 4 * (100vw - 1200px)/ 240)
    }
    .service-advantage__desc {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .blog__title {
        margin-top: 40px
    }
    .blog__items {
        margin-top: 40px
    }
    .blog .pagination {
        margin-top: 40px
    }
    .article-item {
        padding: calc(29px + 5 * (100vw - 1200px)/ 240);
        min-height: calc(280px + 40 * (100vw - 1200px)/ 240)
    }
    .article-item__image {
        height: calc(70px + 10 * (100vw - 1200px)/ 240)
    }
    .article-item__name {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .article-item__arrow {
        top: calc(30px + 5 * (100vw - 1200px)/ 240);
        right: calc(30px + 5 * (100vw - 1200px)/ 240);
        width: calc(30px + 5 * (100vw - 1200px)/ 240);
        height: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .article .container {
        max-width: calc(1110px + 100 * (100vw - 1200px)/ 240)
    }
    .article__wrap {
        margin-top: calc(35px + 5 * (100vw - 1200px)/ 240);
        gap: calc(40px + 10 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .article__wrap h1 {
        margin-bottom: calc(30px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(32px + 8 * (100vw - 1200px)/ 240)
    }
    .article__wrap h2 {
        margin-bottom: calc(30px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(28px + 2 * (100vw - 1200px)/ 240)
    }
    .article__wrap h3 {
        margin-bottom: calc(30px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(20px + 2 * (100vw - 1200px)/ 240)
    }
    .article__wrap h4 {
        margin-bottom: calc(20px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .article__wrap figure figcaption {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .article__wrap blockquote {
        padding-left: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .article__wrap blockquote cite {
        margin-top: calc(20px + 5 * (100vw - 1440px)/ 480)
    }
    .article__wrap cite {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .article__info {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240);
        padding-top: calc(40px + 10 * (100vw - 1200px)/ 240)
    }
    .article__author {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .article__date {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .similar-articles__slider {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240)
    }
    .contacts__title {
        margin-top: 40px
    }
    .contacts__wrap {
        margin-top: 40px
    }
    .contacts-card {
        padding: calc(19px + 5 * (100vw - 1200px)/ 240)
    }
    .contacts-location {
        padding: calc(25px + 10 * (100vw - 1200px)/ 240)
    }
    .contacts-location__address-title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .contacts-location__address-val {
        font-size: calc(20px + 2 * (100vw - 1200px)/ 240)
    }
    .contacts-location__way-title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .contacts-location__way-title img {
        margin-right: 8px;
        width: 40px;
        height: 40px
    }
    .contacts-location__schedule-title {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .contacts-location__schedule-val {
        font-size: calc(20px + 2 * (100vw - 1200px)/ 240)
    }
    .team__wrap {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240)
    }
    .member-card {
        min-height: calc(380px + 40 * (100vw - 1200px)/ 240)
    }
    .member-card__image {
        padding: calc(20px + 3 * (100vw - 1200px)/ 240);
        width: calc(140px + 20 * (100vw - 1200px)/ 240);
        height: calc(140px + 20 * (100vw - 1200px)/ 240)
    }
    .member-card__name {
        font-size: calc(20px + 2 * (100vw - 1200px)/ 240)
    }
    .member-card__position {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .member-card__mail {
        margin-top: 20px;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article .container {
        grid-template-columns: 4fr 7fr 1fr
    }
    .info-article__inner {
        margin-top: calc(35px + 5 * (100vw - 1200px)/ 240);
        gap: 40px;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner h1 {
        margin-bottom: calc(25px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(32px + 8 * (100vw - 1200px)/ 240)
    }
    .info-article__inner h1:last-child {
        margin-bottom: 0
    }
    .info-article__inner h2 {
        margin-bottom: calc(10px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(28px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner h2:last-child {
        margin-bottom: 0
    }
    .info-article__inner h3 {
        margin-bottom: 5px;
        font-size: calc(18px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner h3:last-child {
        margin-bottom: 0
    }
    .info-article__inner h4 {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner h4:last-child {
        margin-bottom: 0
    }
    .info-article__inner figure figcaption {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner blockquote {
        padding-left: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .info-article__inner blockquote cite {
        margin-top: calc(20px + 5 * (100vw - 1440px)/ 480)
    }
    .info-article__inner cite {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .btn {
        margin-top: 15px;
        padding: 18px 22px;
        min-height: 60px
    }
    .info-article__inner .btn .btn__icon {
        width: 20px;
        height: 20px
    }
    .info-article__inner .note-block {
        padding: calc(13px + 4 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .supplier-card__image img {
        max-height: calc(65px + 5 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .supplier-card__name {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .supplier-card__numbers {
        gap: 10px;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .supplier-card__link {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .public-procurement__image img {
        max-height: calc(65px + 5 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .public-procurement__table {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .public-procurement__table td,
    .info-article__inner .public-procurement__table th {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .public-procurement__desc {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .public-procurement__price {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article__inner .public-procurement__link {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .info-article-menu {
        top: 120px;
        max-width: calc(280px + 98 * (100vw - 1200px)/ 240)
    }
    .info-article-menu__link {
        padding: calc(7px + 4 * (100vw - 1200px)/ 240);
        padding-left: calc(14px + 5 * (100vw - 1200px)/ 240);
        min-height: calc(62px + 11 * (100vw - 1200px)/ 240);
        font-size: calc(16px + 2 * (100vw - 1200px)/ 240)
    }
    .info-article-menu__link svg {
        width: calc(18px + 4 * (100vw - 1200px)/ 240);
        height: calc(18px + 4 * (100vw - 1200px)/ 240)
    }
    .info-cards__title {
        margin-top: 40px
    }
    .info-cards__list {
        margin-top: 40px
    }
    .info-cards .pagination {
        margin-top: 40px
    }
    .info-card {
        padding: calc(29px + 5 * (100vw - 1200px)/ 240);
        min-height: calc(260px + 85 * (100vw - 1200px)/ 240)
    }
    .info-card__image {
        height: calc(62px + 9 * (100vw - 1200px)/ 240)
    }
    .info-card__content {
        margin-top: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .info-card__name {
        font-size: calc(18px + 2 * (100vw - 1200px)/ 240)
    }
    .info-card__links-list {
        margin-top: calc(15px + 3 * (100vw - 1200px)/ 240);
        gap: 8px
    }
    .info-card__links-item a {
        padding: 0 6px;
        height: 30px;
        font-size: 14px
    }
    .info-card__text {
        margin-top: calc(15px + 3 * (100vw - 1200px)/ 240)
    }
    .info-card__arrow {
        top: calc(30px + 5 * (100vw - 1200px)/ 240);
        right: calc(30px + 5 * (100vw - 1200px)/ 240);
        width: calc(30px + 5 * (100vw - 1200px)/ 240);
        height: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .registration .container {
        max-width: calc(1110px + 100 * (100vw - 1200px)/ 240)
    }
    .registration__title {
        margin-top: 40px
    }
    .registration__content {
        margin-top: 40px
    }
    .registration__btn {
        padding: 0 calc(19px + 2 * (100vw - 1200px)/ 240);
        height: 60px;
        gap: 8px
    }
    .registration__btn svg {
        width: 19px;
        height: 19px
    }
    .cabinet__content {
        gap: 40px
    }
    .cabinet-menu {
        top: 120px;
        max-width: calc(280px + 98 * (100vw - 1200px)/ 240)
    }
    .cabinet-menu__link {
        padding: calc(14px + 5 * (100vw - 1200px)/ 240);
        min-height: calc(62px + 11 * (100vw - 1200px)/ 240);
        font-size: calc(16px + 2 * (100vw - 1200px)/ 240)
    }
    .cabinet-menu__link svg {
        width: calc(16px + 4 * (100vw - 1200px)/ 240);
        height: calc(16px + 4 * (100vw - 1200px)/ 240)
    }
    .cabinet-data__title {
        margin-bottom: 25px;
        font-size: 16px
    }
    .cabinet-data__field input {
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .cabinet-data__save {
        padding: 0 calc(19px + 2 * (100vw - 1200px)/ 240);
        height: 60px;
        gap: 8px
    }
    .cabinet-data__save svg {
        width: 19px;
        height: 19px
    }
    .cabinet-subscribe__title {
        margin-bottom: 25px;
        font-size: 16px
    }
    .cabinet-subscribe__switch-field {
        font-size: 16px
    }
    .history-order {
        padding: calc(20px + 5 * (100vw - 1200px)/ 240)
    }
    .history-order__name {
        font-size: calc(18px + 2 * (100vw - 1200px)/ 240)
    }
    .history-order__status {
        height: calc(22px + 2 * (100vw - 1200px)/ 240)
    }
    .history-order__date {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .history-order__products {
        margin-top: 18px
    }
    .history-order__total-price {
        margin-top: 12px
    }
    .history-order__total-price {
        font-size: calc(18px + 2 * (100vw - 1200px)/ 240)
    }
    .history-order__repeat {
        padding: 0 calc(17px + 4 * (100vw - 1200px)/ 240);
        height: calc(50px + 10 * (100vw - 1200px)/ 240)
    }
    .history-order-product {
        padding: 12px 0
    }
    .history-order-product__img {
        width: calc(72px + 4 * (100vw - 1200px)/ 240)
    }
    .history-order-product__name {
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .history-order-product__quantity {
        width: calc(150px + 30 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .history-order-product__price {
        width: calc(110px + 20 * (100vw - 1440px)/ 480);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .about {
        min-height: calc(400px + 200 * (100vw - 1200px)/ 240)
    }
    .about__title {
        margin-top: 40px
    }
    .about__desc {
        font-size: 14px
    }
    .about__download {
        margin-top: calc(30px + 5 * (100vw - 1200px)/ 240);
        padding: 0 calc(19px + 2 * (100vw - 1200px)/ 240);
        height: 60px;
        gap: 8px
    }
    .about__download svg {
        width: 19px;
        height: 19px
    }
    .about__image-block {
        padding: 45px 40px
    }
    .our-services__wrap {
        margin-top: calc(40px + 10 * (100vw - 1200px)/ 240)
    }
    .our-service-item {
        padding: calc(29px + 5 * (100vw - 1200px)/ 240)
    }
    .our-service-item__logo {
        margin-right: calc(20px + 5 * (100vw - 1200px)/ 240);
        height: calc(62px + 6 * (100vw - 1200px)/ 240)
    }
    .our-service-item__name {
        font-size: calc(32px + 8 * (100vw - 1200px)/ 240)
    }
    .our-service-item__activities {
        margin-top: 8px;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .our-service-item__desc {
        margin-top: calc(60px + 20 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .our-service-item__requisites {
        margin-top: 18px;
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .our-service-item__links {
        margin-top: calc(30px + 5 * (100vw - 1200px)/ 240)
    }
    .our-service-item__link {
        padding: 0 6px;
        height: calc(26px + 4 * (100vw - 1200px)/ 240);
        font-size: 14px
    }
    .err-404 {
        min-height: calc(550px + 50 * (100vw - 1200px)/ 240)
    }
    .err-404__desc {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240);
        font-size: calc(14px + 2 * (100vw - 1200px)/ 240)
    }
    .err-404__back {
        margin-top: calc(20px + 5 * (100vw - 1200px)/ 240);
        padding: 0 calc(19px + 2 * (100vw - 1200px)/ 240);
        height: 60px;
        gap: 8px
    }
    .err-404__back svg {
        width: 19px;
        height: 19px
    }
}

@media screen and (max-width:1199px) {
    .wrapper {
        padding-top: 84px
    }
    .h2 {
        font-size: 32px
    }
    .h3 {
        font-size: 20px
    }
    .tippy-box {
        font-size: 14px
    }
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
    .select-field select {
        padding: 0 18px;
        font-size: 14px
    }
    .select-field__icon {
        right: 18px;
        width: 12px;
        height: 12px
    }
    .select-field .choices {
        font-size: 14px
    }
    .select-field .choices__wrap .choices__item {
        padding-left: 18px;
        padding-right: 32px
    }
    .select-field .choices>.choices__list {
        font-size: 14px
    }
    .price-range__label {
        font-size: 14px
    }
    .price-range__field {
        padding: 0 17px
    }
    .price-range__placeholder {
        font-size: 14px
    }
    .price-range__input {
        font-size: 14px
    }
    .price-range__currency {
        font-size: 14px
    }
    .field input {
        padding-left: 17px;
        height: 50px;
        font-size: 14px
    }
    .field__show-password {
        height: 50px
    }
    .field--captcha {
        gap: 10px
    }
    .field--captcha input {
        min-width: 200px
    }
    .field--captcha img {
        height: 50px
    }
    .crumbs__item a,
    .crumbs__item span {
        max-width: 120px
    }
    .crumbs__item:last-child a,
    .crumbs__item:last-child span {
        max-width: 200px
    }
    .checkbox__custom {
        height: 18px;
        width: 18px
    }
    .checkbox__text {
        font-size: 14px
    }
    .pagination__prev {
        width: 30px;
        height: 30px
    }
    .pagination__list {
        padding: 0 20px;
        font-size: 14px
    }
    .pagination__list li>* {
        padding: 0 14px;
        height: 52px
    }
    .pagination__list li.active a {
        min-width: 52px
    }
    .pagination__next {
        width: 30px;
        height: 30px
    }
    .quantity {
        width: 94px;
        height: 36px
    }
    .quantity__minus,
    .quantity__plus {
        width: 24px
    }
    .quantity input {
        font-size: 14px
    }
    .dialog-feedback {
        padding: 30px;
        max-width: calc(100% - 60px);
        min-width: 380px
    }
    .dialog-feedback__subtitle {
        font-size: 14px
    }
    .dialog-feedback__form {
        margin-top: 25px
    }
    .dialog-feedback__field input {
        padding-left: 17px;
        height: 50px;
        font-size: 14px
    }
    .dialog-feedback__submit {
        font-size: 14px;
        height: 50px
    }
    .dialog-feedback__privacy {
        margin-top: 12px;
        font-size: 14px
    }
    .dialog-thanks {
        padding: 30px;
        width: calc(100% - 60px);
        max-width: 280px
    }
    .dialog-thanks__title {
        margin-top: 25px;
        font-size: 22px
    }
    .dialog-thanks__title {
        font-size: 22px
    }
    .dialog-thanks__subtitle {
        font-size: 14px
    }
    .dialog-notification {
        padding: 30px;
        width: calc(100% - 60px);
        max-width: 520px
    }
    .dialog-notification__subtitle {
        font-size: 14px
    }
    .dialog-requisites {
        padding: 30px;
        width: calc(100% - 60px);
        max-width: 520px
    }
    .dialog-requisites__text {
        font-size: 14px
    }
    .dialog-requisites__download {
        height: 50px
    }
    .dialog-pickup {
        padding: 30px;
        width: calc(100% - 60px);
        max-width: 520px
    }
    .dialog-pickup__search {
        margin-top: 25px;
        height: 50px
    }
    .dialog-pickup__map {
        margin-top: 25px
    }
    .dialog-login {
        padding: 30px;
        max-width: calc(100% - 60px);
        min-width: 380px
    }
    .dialog-login__title {
        margin-top: 25px
    }
    .dialog-login__subtitle {
        font-size: 14px
    }
    .dialog-login__form {
        margin-top: 25px
    }
    .dialog-login__field input {
        padding-left: 17px;
        height: 50px;
        font-size: 14px
    }
    .dialog-login__submit {
        font-size: 14px;
        height: 50px
    }
    .dialog-login__forgot {
        margin-top: 12px;
        font-size: 14px
    }
    .dialog-logout {
        padding: 30px;
        max-width: calc(100% - 60px);
        min-width: 380px
    }
    .dialog-logout__title {
        margin-bottom: 25px;
        font-size: 20px
    }
    .dialog-logout__btns .btn {
        padding: 0 17px;
        height: 50px;
        gap: 8px
    }
    .dialog-logout__btns .btn svg {
        width: 19px;
        height: 19px
    }
    .product-item__name {
        font-size: 14px
    }
    .product-item__price-block {
        margin-top: 20px
    }
    .product-item__price-current {
        font-size: 18px
    }
    .product-item__not-available {
        font-size: 18px
    }
    .product-item__price-old {
        font-size: 14px
    }
    .product-item__similar,
    .product-item__to-cart {
        margin-top: 20px;
        height: 52px
    }
    .product-item__similar .btn__icon,
    .product-item__to-cart .btn__icon {
        width: 18px;
        height: 18px
    }
    .filter {
        margin-top: 18px
    }
    .filter__searchbar {
        height: 50px;
        width: 400px
    }
    .filter__brand {
        height: 50px;
        width: 160px
    }
    .filter__sort {
        height: 50px;
        width: 160px
    }
    .filter__cat {
        height: 50px;
        width: 100%;
    }
    .filter .price-range {
        height: 50px
    }
    .filter .price-range__field {
        width: 160px
    }
    .header {
        padding: 12px 0
    }
    .header__top {
        display: none
    }
    .header__bottom {
        height: initial
    }
    .header__menu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .header__catalog-wrap {
        display: none
    }
    .header__search-wrap {
        margin-left: 40px;
        height: 60px
    }
    .header__btns {
        margin-left: 40px;
        height: 60px
    }
    .header__contact {
        display: none
    }
    .mobile-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .search-menu__wrap {
        padding: 15px;
        gap: 18px
    }
    .search-menu__category {
        height: 30px;
        font-size: 14px
    }
    .search-result__link {
        font-size: 14px
    }
    .search-result__link svg {
        margin-right: 8px;
        width: 16px;
        height: 16px
    }
    .search-history__title {
        font-size: 14px
    }
    .search-history__clear {
        font-size: 14px
    }
    .search-history__clear svg {
        margin-right: 8px;
        width: 16px;
        height: 16px
    }
    .search-history-item__link {
        font-size: 14px
    }
    .search-history-item__link svg {
        margin-right: 8px;
        width: 16px;
        height: 16px
    }
    .footer__top {
        grid-template-columns: auto auto;
        grid-auto-rows: auto 1fr
    }
    .footer__nav {
        grid-template-columns: repeat(2, auto);
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        gap: 30px
    }
    .footer__nav-title {
        font-size: 14px
    }
    .footer__nav-main-links a {
        font-size: 14px
    }
    .footer__contacts-title {
        font-size: 14px
    }
    .footer__contacts-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
    .footer__service-logos {
        grid-template-columns: repeat(1, 290px)
    }
    .socials__item {
        width: 36px;
        height: 36px
    }
    .hero__left::before {
        width: calc(100% + 30px)
    }
    .hero__right::before {
        width: calc(100% + 30px)
    }
    .last-viewed {
        padding: 100px 0
    }
    .last-viewed__slider {
        margin-top: 40px
    }
    .last-viewed__to-catalog {
        margin-top: 35px
    }
    .consultation__content {
        padding: 100px 0 100px 30px
    }
    .consultation__subtitle {
        margin-top: 20px;
        font-size: 14px
    }
    .consultation__form {
        margin-top: 30px
    }
    .consultation__field {
        height: 50px
    }
    .consultation__field input {
        padding-left: 15px;
        font-size: 14px
    }
    .consultation__submit {
        padding: 0 20px;
        height: 52px
    }
    .maintenance {
        padding: 100px 0
    }
    .maintenance__to-services {
        height: 52px
    }
    .maintenance__steps {
        margin-top: 40px
    }
    .maintenance-step::before {
        font-size: 24px
    }
    .partners {
        padding: 100px 0 80px
    }
    .partners__wrap {
        margin-top: 40px
    }
    .certificates {
        padding: 80px 0 100px
    }
    .certificates-main {
        padding: 40px 0 120px
    }
    .certificates-main__title {
        max-width: 480px
    }
    .certificates-main__subtitle {
        max-width: 390px
    }
    .certificates-main__list {
        grid-template-columns: repeat(5, 1fr)
    }
    .feedback .container {
        padding-top: 80px;
        padding-bottom: 80px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .feedback .container::before {
        width: 100%
    }
    .feedback__content {
        margin: 0 0 40px
    }
    .feedback__subtitle {
        margin-top: 20px;
        font-size: 16px
    }
    .feedback__form {
        margin-top: 30px;
        max-width: 480px
    }
    .feedback__field {
        height: 50px
    }
    .feedback__field input {
        padding-left: 17px;
        font-size: 14px
    }
    .feedback__submit {
        height: 50px
    }
    .feedback__privacy {
        margin-top: 12px
    }
    .feedback__image {
        top: initial;
        left: initial;
        right: 60px;
        height: 100%;
        width: 40%
    }
    .feedback .feedback-contacts {
        margin: 0
    }
    .feedback-contacts {
        padding: 20px;
        max-width: 340px
    }
    .feedback-contacts__title {
        font-size: 20px
    }
    .feedback-contacts__socials {
        margin-top: 20px
    }
    .feedback-contacts__social {
        width: 54px;
        height: 54px
    }
    .feedback-contacts__social svg {
        width: 18px;
        height: 18px
    }
    .catalog {
        padding: 40px 0 40px
    }
    .category {
        padding: 40px 0 120px
    }
    .category__tabs {
        margin: 40px -30px 0;
        padding: 0 30px
    }
    .product-card {
        padding: 40px 0 40px
    }
    .product-card__article {
        font-size: 12px
    }
    .product-card__wrap {
        grid-template-columns: 1fr;
        gap: 15px
    }
    .product-card__slider {
        min-height: 600px
    }
    .product-card__slider .slider-btn--prev {
        left: 20px
    }
    .product-card__slider .slider-btn--next {
        right: 20px
    }
    .product-card .product-statuses {
        top: 20px;
        left: 20px
    }
    .product-card__summary {
        padding: 20px
    }
    .product-card__desc {
        font-size: 14px
    }
    .product-card__not-available {
        margin-top: 25px;
        font-size: 18px
    }
    .product-card__price-block {
        margin-top: 25px
    }
    .product-card__price-current {
        font-size: 18px
    }
    .product-card__price-old {
        font-size: 14px
    }
    .product-card__btns {
        margin-top: 20px
    }
    .product-card__admission,
    .product-card__to-cart {
        height: 52px
    }
    .product-card__buy,
    .product-card__order {
        height: 52px
    }
    .product-card__available {
        height: 28px
    }
    .product-card__purshase-info-items {
        gap: 15px
    }
    .to-wishlist-btn {
        width: 52px;
        height: 52px
    }
    .to-wishlist-btn__fill-icon,
    .to-wishlist-btn__void-icon {
        width: 16px;
        height: 16px
    }
    .purshase-info {
        padding: 14px;
        gap: 15px
    }
    .purshase-info__icon {
        width: 48px;
        height: 48px
    }
    .purshase-info__icon svg {
        width: 30px;
        height: 30px
    }
    .purshase-info__name {
        font-size: 14px
    }
    .purshase-info__text {
        font-size: 14px
    }
    .product-services {
        margin-top: 40px;
        padding: 30px
    }
    .product-services__to-services {
        height: 52px
    }
    .product-services__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px
    }
    .product-service {
        padding: 14px
    }
    .product-service__image {
        height: 150px
    }
    .product-service__content {
        margin-top: 18px;
        gap: 15px
    }
    .product-service__info {
        gap: 12px
    }
    .product-service__name {
        font-size: 14px
    }
    .product-service__price {
        font-size: 18px
    }
    .product-service__to-cart {
        width: 50px;
        height: 50px
    }
    .product-service__to-cart svg {
        width: 18px;
        height: 18px
    }
    .product-info {
        padding: 80px 0 40px
    }
    .product-specs {
        padding: 30px
    }
    .product-specs__list {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
    .product-specs__item {
        font-size: 14px
    }
    .product-specs__item:not(:first-child) {
        margin-top: 15px
    }
    .product-specs__item dt svg {
        width: 14px;
        height: 14px
    }
    .product-specs__note {
        margin-top: 35px;
        font-size: 14px
    }
    .product-purchase {
        padding: 30px;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
    .product-purchase__item {
        font-size: 14px
    }
    .product-purchase__item:not(:first-child) {
        margin-top: 20px
    }
    .product-purchase__item-title {
        font-size: 14px
    }
    .product-purchase__conditions-title {
        font-size: 14px
    }
    .cart {
        padding: 40px 0 120px
    }
    .cart__wrap {
        grid-template-columns: 1fr
    }
    .cart__products {
        gap: 15px
    }
    .cart-product {
        padding: 20px 25px 20px 0
    }
    .cart-product__img-link {
        margin: -20px 25px -20px 0
    }
    .cart-product__name {
        font-size: 14px
    }
    .cart-product__article {
        font-size: 14px
    }
    .cart-product__right {
        margin-left: 25px
    }
    .cart-product__price-current {
        font-size: 18px
    }
    .cart-product__price-old {
        font-size: 14px
    }
    .cart-product__not-available {
        font-size: 18px
    }
    .cart-product__similar {
        font-size: 14px
    }
    .cart-product .to-wishlist {
        width: 25px;
        height: 25px
    }
    .cart-product__remove {
        width: 25px;
        height: 25px
    }
    .cart-result {
        position: relative;
        top: initial;
        padding: 20px
    }
    .cart-result__total-title {
        font-size: 14px
    }
    .cart-result__quantity {
        font-size: 14px
    }
    .cart-result__price {
        font-size: 22px
    }
    .cart-result__order {
        height: 50px
    }
    .cart-result__order .btn__icon {
        width: 19px;
        height: 19px
    }
    .cart-empty {
        padding: 50px 30px
    }
    .cart-empty__icon {
        width: 60px;
        height: 60px
    }
    .cart-empty__title {
        margin-top: 40px
    }
    .cart-empty__to-catalog {
        margin-top: 40px;
        padding: 0 17px;
        height: 50px;
        gap: 8px
    }
    .cart-empty__to-catalog svg {
        width: 19px;
        height: 19px
    }
    .wishlist {
        padding: 40px 0 120px
    }
    .wishlist-empty {
        margin-top: 100px
    }
    .wishlist-empty__icon {
        width: 60px;
        height: 60px
    }
    .wishlist-empty__title {
        margin-top: 40px
    }
    .wishlist-empty__to-catalog {
        margin-top: 40px;
        padding: 0 17px;
        height: 50px;
        gap: 8px
    }
    .wishlist-empty__to-catalog svg {
        width: 19px;
        height: 19px
    }
    .order {
        padding: 40px 0 120px
    }
    .order__wrap {
        grid-template-columns: 1fr
    }
    .order-item__title {
        padding: 16px;
        font-size: 22px
    }
    .order-item__title::before {
        margin-right: 20px;
        width: 44px;
        height: 44px;
        font-size: 14px
    }
    .order-item__content {
        margin-top: 15px;
        margin-left: 36px;
        padding: 15px 0;
        padding-left: 44px;
        padding-right: 30px
    }
    .order-fields {
        gap: 20px
    }
    .order-fields__title {
        font-size: 14px
    }
    .order-fields__wrap {
        gap: 15px
    }
    .order-fields__field input {
        height: 50px
    }
    .order-fields__btn {
        height: 50px
    }
    .order-fields__forgot-pass {
        font-size: 14px
    }
    .order-fields__checkbox-text {
        font-size: 14px
    }
    .order-address {
        gap: 20px
    }
    .order-address__title {
        font-size: 14px
    }
    .order-address__select {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px
    }
    .order-address__new input {
        height: 50px
    }
    .address-opt__icon-plus {
        width: 34px;
        height: 34px
    }
    .address-opt__content {
        padding: 12px
    }
    .address-opt__content img {
        width: 34px;
        height: 34px
    }
    .address-opt__content span {
        font-size: 14px
    }
    .order-delivery {
        gap: 20px
    }
    .order-delivery__methods {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px
    }
    .order-delivery__offices-map {
        height: 280px
    }
    .order-delivery__comments-field input {
        padding-left: 17px;
        height: 50px;
        font-size: 14px
    }
    .delivery-method__content {
        padding: 12px
    }
    .delivery-method__content img {
        width: 34px;
        height: 34px
    }
    .delivery-method__content span {
        font-size: 14px
    }
    .order-pickup-point__title {
        font-size: 14px
    }
    .order-pickup-point__location {
        font-size: 14px
    }
    .order-payment-methods {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px
    }
    .payment-method__content span {
        font-size: 14px
    }
    .order-result {
        position: relative;
        top: initial;
        padding: 17px
    }
    .order-result__title {
        font-size: 22px
    }
    .order-result__data {
        margin-top: 20px
    }
    .order-result__data-item {
        font-size: 14px
    }
    .order-result__total-price {
        font-size: 22px
    }
    .order-result__btn {
        margin-top: 20px;
        padding: 0 19px
    }
    .order-result__policy {
        font-size: 14px
    }
    .ordered {
        padding: 40px 0 120px
    }
    .ordered__wrap {
        grid-template-columns: 6fr 1fr 5fr
    }
    .ordered-info__success {
        font-size: 14px
    }
    .ordered-info__title {
        margin-top: 40px;
        font-size: 22px
    }
    .ordered-info__data {
        margin-top: 25px;
        gap: 12px
    }
    .ordered-info__data-item {
        font-size: 14px
    }
    .ordered-info__btn {
        margin-top: 25px;
        padding: 0 19px
    }
    .ordered-structure {
        position: relative;
        top: initial;
        padding: 17px
    }
    .ordered-structure__title {
        font-size: 22px
    }
    .ordered-structure__items {
        margin-top: 20px
    }
    .ordered-structure__total-price {
        font-size: 22px
    }
    .ordered-item__name {
        font-size: 14px
    }
    .ordered-item__quantity {
        font-size: 14px
    }
    .ordered-item__price {
        font-size: 14px
    }
    .services {
        padding: 40px 0 120px
    }
    .services__list {
        margin-top: 25px;
        grid-template-columns: repeat(3, 1fr)
    }
    .service-card {
        padding: 30px
    }
    .service-card__name {
        font-size: 22px
    }
    .service {
        padding: 40px 0 40px
    }
    .service__row {
        grid-template-columns: 1fr
    }
    .service__top {
        grid-template-columns: 1fr
    }
    .service__top .service__desc {
        max-width: initial
    }
    .service__text {
        gap: 30px
    }
    .service__desc {
        font-size: 14px
    }
    .service__image {
        height: 320px
    }
    .service-order {
        padding: 80px 0 120px
    }
    .service-order .container {
        grid-template-columns: initial;
        gap: 40px
    }
    .service-order__title {
        position: relative;
        top: initial
    }
    .service-order-item {
        padding: 30px
    }
    .service-order-item::before {
        font-size: 14px
    }
    .service-order-item__title {
        margin-top: 40px;
        font-size: 18px
    }
    .service-order-item__text {
        margin-top: 18px;
        font-size: 14px
    }
    .service-items {
        padding: 0 0 40px
    }
    .service-items__wrap {
        padding: 30px
    }
    .service-items__slider {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px
    }
    .service-advantages {
        padding: 80px 0 120px
    }
    .service-advantages__tabs-wrap {
        margin: 40px -30px 0;
        padding: 0 30px;
        width: calc(100% + 60px)
    }
    .service-advantage {
        grid-template-columns: 1fr;
        gap: 30px
    }
    .service-advantage__title {
        font-size: 26px
    }
    .service-advantage__desc {
        margin-top: 20px;
        font-size: 14px
    }
    .service-advantage__image {
        max-width: initial
    }
    .service-advantage__image img {
        width: 100%;
        height: 440px
    }
    .blog {
        padding: 40px 0 120px
    }
    .article-item {
        padding: 29px;
        min-height: 280px
    }
    .article-item__image {
        height: 70px
    }
    .article-item__info {
        margin-top: 30px;
        padding-top: 18px
    }
    .article-item__name {
        font-size: 14px
    }
    .article-item__date {
        margin-top: 18px;
        font-size: 14px
    }
    .article-item__arrow {
        top: 30px;
        right: 30px;
        width: 30px;
        height: 30px
    }
    .article {
        padding: 40px 0 60px
    }
    .article .container {
        max-width: initial;
        width: 100%
    }
    .article__wrap {
        margin-top: 35px;
        gap: 40px;
        font-size: 14px
    }
    .article__wrap h1 {
        margin-bottom: 30px;
        font-size: 32px
    }
    .article__wrap h2 {
        margin-bottom: 30px;
        font-size: 28px
    }
    .article__wrap h3 {
        margin-bottom: 30px;
        font-size: 20px
    }
    .article__wrap h4 {
        margin-bottom: 20px;
        font-size: 14px
    }
    .article__wrap figure figcaption {
        font-size: 14px
    }
    .article__wrap blockquote {
        padding-left: 20px
    }
    .article__wrap blockquote cite {
        margin-top: 20px
    }
    .article__wrap cite {
        font-size: 14px
    }
    .article__wrap .list-column-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .article__info {
        margin-top: 40px;
        padding-top: 40px
    }
    .article__author {
        font-size: 14px
    }
    .article__date {
        font-size: 14px
    }
    .similar-articles {
        padding: 60px 0 120px
    }
    .similar-articles__slider {
        margin-top: 40px;
        gap: 15px
    }
    .contacts {
        padding: 40px 0 60px
    }
    .contacts__wrap {
        grid-template-columns: 1fr
    }
    .contacts-card {
        padding: 19px
    }
    .contacts-card__title {
        font-size: 14px
    }
    .contacts-card__phone {
        font-size: 14px
    }
    .contacts-card__mail {
        font-size: 14px
    }
    .contacts-card__requisites {
        font-size: 14px
    }
    .contacts-location {
        padding: 25px
    }
    .contacts-location__address-title {
        font-size: 14px
    }
    .contacts-location__address-val {
        margin-top: 15px;
        font-size: 20px
    }
    .contacts-location__ways {
        gap: 20px
    }
    .contacts-location__way-title {
        font-size: 14px
    }
    .contacts-location__way-text {
        font-size: 14px
    }
    .contacts-location__schedule-title {
        margin-top: 30px;
        font-size: 14px
    }
    .contacts-location__schedule-val {
        margin-top: 14px;
        font-size: 20px
    }
    .contacts-map {
        grid-column: 1;
        min-height: initial;
        height: 400px
    }
    .team {
        padding: 60px 0 120px
    }
    .team__wrap {
        margin-top: 40px;
        grid-template-columns: repeat(3, 1fr)
    }
    .member-card {
        min-height: 380px
    }
    .member-card__image {
        padding: 20px;
        width: 140px;
        height: 140px
    }
    .member-card__name {
        font-size: 20px
    }
    .member-card__position {
        font-size: 14px
    }
    .member-card__mail {
        font-size: 14px
    }
    .info-article {
        padding: 40px 0 60px
    }
    .info-article .container {
        grid-template-columns: 4fr 8fr
    }
    .info-article__inner {
        margin-top: 35px;
        font-size: 14px
    }
    .info-article__inner h1 {
        margin-bottom: 25px;
        font-size: 32px
    }
    .info-article__inner h1:last-child {
        margin-bottom: 0
    }
    .info-article__inner h2 {
        margin-bottom: 10px;
        font-size: 28px
    }
    .info-article__inner h2:last-child {
        margin-bottom: 0
    }
    .info-article__inner h3 {
        font-size: 18px
    }
    .info-article__inner h4 {
        font-size: 14px
    }
    .info-article__inner figure figcaption {
        font-size: 14px
    }
    .info-article__inner blockquote {
        padding-left: 20px
    }
    .info-article__inner blockquote cite {
        margin-top: 20px
    }
    .info-article__inner cite {
        font-size: 14px
    }
    .info-article__inner .list-column-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .info-article__inner .btn {
        font-size: 14px;
        min-height: 50px
    }
    .info-article__inner .btn .btn__icon {
        width: 18px;
        height: 18px
    }
    .info-article__inner .note-block {
        padding: 13px;
        font-size: 14px
    }
    .info-article__inner .supplier-card {
        padding: 15px
    }
    .info-article__inner .supplier-card__image img {
        max-height: 65px
    }
    .info-article__inner .supplier-card__name {
        margin-top: 20px;
        font-size: 14px
    }
    .info-article__inner .supplier-card__numbers {
        grid-template-columns: 1fr 50px;
        gap: 8px;
        font-size: 14px
    }
    .info-article__inner .supplier-card__link {
        font-size: 14px
    }
    .info-article__inner .public-procurement {
        padding: 15px
    }
    .info-article__inner .public-procurement__image img {
        max-height: 65px
    }
    .info-article__inner .public-procurement__table {
        margin-top: 20px;
        font-size: 14px
    }
    .info-article__inner .public-procurement__table td,
    .info-article__inner .public-procurement__table th {
        padding: 5px 0;
        font-size: 14px
    }
    .info-article__inner .public-procurement__desc {
        margin-top: 20px;
        font-size: 14px
    }
    .info-article__inner .public-procurement__price {
        margin-top: 15px;
        font-size: 14px
    }
    .info-article__inner .public-procurement__link {
        margin-top: 20px;
        font-size: 14px
    }
    .info-article-menu {
        top: 90px;
        max-width: 280px
    }
    .info-article-menu__link {
        padding: 7px;
        padding-left: 14px;
        min-height: 62px;
        font-size: 16px
    }
    .info-article-menu__link svg {
        margin-left: 8px;
        width: 18px;
        height: 18px
    }
    .info-cards {
        padding: 40px 0 120px
    }
    .info-cards__list {
        grid-template-columns: repeat(3, 1fr)
    }
    .info-card {
        padding: 29px;
        min-height: 260px
    }
    .info-card__image {
        height: 62px
    }
    .info-card__content {
        margin-top: 50px
    }
    .info-card__name {
        font-size: 18px
    }
    .info-card__links-list {
        margin-top: 15px
    }
    .info-card__text {
        margin-top: 15px
    }
    .info-card__arrow {
        top: 30px;
        right: 30px;
        width: 30px;
        height: 30px
    }
    .registration {
        padding: 40px 0 120px
    }
    .registration .container {
        max-width: initial;
        width: 100%
    }
    .registration__content {
        gap: 35px 15px
    }
    .registration__btn {
        padding: 0 19px
    }
    .cabinet {
        padding: 40px 0 60px
    }
    .cabinet__content {
        gap: 35px
    }
    .cabinet-menu {
        top: 90px;
        max-width: 280px
    }
    .cabinet-menu__link {
        padding: 14px;
        min-height: 62px;
        font-size: 16px
    }
    .cabinet-menu__link svg {
        margin-right: 8px;
        width: 16px;
        height: 16px
    }
    .cabinet-data__title {
        margin-bottom: 20px;
        font-size: 14px
    }
    .cabinet-data__form {
        gap: 15px
    }
    .cabinet-data__field input {
        height: 50px
    }
    .cabinet-data__save {
        padding: 0 19px
    }
    .cabinet-subscribe__title {
        margin-bottom: 20px;
        font-size: 14px
    }
    .cabinet-subscribe__switch-field {
        font-size: 14px
    }
    .history-order {
        padding: 20px
    }
    .history-order__name {
        font-size: 18px
    }
    .history-order__status {
        padding: 0 8px;
        height: 22px;
        font-size: 14px
    }
    .history-order__date {
        font-size: 14px
    }
    .history-order__total-price {
        font-size: 18px
    }
    .history-order__repeat {
        margin-top: 18px;
        padding: 0 17px;
        height: 50px
    }
    .history-order-product__img {
        width: 72px
    }
    .history-order-product__name {
        font-size: 14px
    }
    .history-order-product__quantity {
        width: 150px;
        font-size: 14px
    }
    .history-order-product__price {
        width: 110px;
        font-size: 14px
    }
    .about {
        min-height: 400px
    }
    .about__content {
        padding: 40px;
        padding-left: 0;
        width: 50%
    }
    .about__desc {
        margin-top: 40px
    }
    .about__download {
        margin-top: 30px;
        padding: 0 19px
    }
    .about__image-block {
        margin-right: -30px;
        width: calc(100% + 30px)
    }
    .our-services {
        padding: 60px 0 120px
    }
    .our-services__wrap {
        margin-top: 40px
    }
    .our-service-item {
        padding: 29px
    }
    .our-service-item__logo {
        margin-right: 20px;
        height: 62px
    }
    .our-service-item__name {
        font-size: 32px
    }
    .our-service-item__activities {
        font-size: 14px
    }
    .our-service-item__desc {
        margin-top: 60px;
        font-size: 14px
    }
    .our-service-item__requisites {
        font-size: 14px
    }
    .our-service-item__requisites svg {
        width: 16px;
        height: 16px
    }
    .our-service-item__links {
        margin-top: 30px;
        gap: 8px
    }
    .our-service-item__link {
        padding: 0 5px;
        height: 26px
    }
    .err-404 {
        min-height: 550px
    }
    .err-404__desc {
        margin-top: 20px;
        font-size: 14px
    }
    .err-404__desc svg {
        width: 16px;
        height: 16px
    }
    .err-404__back {
        margin-top: 20px;
        padding: 0 19px
    }
}

@media screen and (max-width:991px) {
    .wrapper {
        padding-top: 136px
    }
    .h2 {
        font-size: 28px
    }
    .crumbs__item:nth-last-child(n+4) {
        display: none
    }
    .crumbs__item:nth-last-child(3)::before {
        content: "...";
        color: rgba(31, 25, 26, .5)
    }
    .crumbs__item:nth-last-child(3) a,
    .crumbs__item:nth-last-child(3) span {
        display: none
    }
    .crumbs__item:last-child a,
    .crumbs__item:last-child span {
        max-width: 184px
    }
    .filter .price-range {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    .header {
        padding: 12px 0 74px
    }
    .header__bottom {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header__menu-btn {
        margin-right: 0;
        width: 50px;
        height: 50px
    }
    .header__menu-btn span {
        width: 16px;
        height: 1px
    }
    .header__menu-btn span:nth-child(1) {
        top: 20px
    }
    .header__menu-btn span:nth-child(2) {
        top: 24px
    }
    .header__menu-btn span:nth-child(3) {
        top: 28px
    }
    .header__menu-btn.cross span {
        top: 24px;
        left: 24px
    }
    .header__search-wrap {
        position: absolute;
        top: 62px;
        left: 30px;
        width: calc(100% - 60px);
        margin-left: 0;
        height: 50px
    }
    .header__btns {
        margin-left: 0;
        height: 50px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .header__wish-btn {
        width: 50px
    }
    .header__cart-btn {
        width: 50px
    }
    .header__account-btn {
        width: 50px
    }
    .mobile-menu {
        top: calc(100% - 65px)
    }
    .mobile-menu.opened {
        height: calc(100vh - 100% + 65px)
    }
    .mobile-menu__btns {
        gap: 10px
    }
    .mobile-menu__wish-btn {
        height: 50px;
        font-size: 14px;
        gap: 10px
    }
    .mobile-menu__account-btn {
        height: 50px;
        font-size: 14px;
        gap: 10px
    }
    .mobile-menu__phone {
        font-size: 19px
    }
    .mobile-menu__feedback {
        font-size: 14px
    }
    .footer__top {
        grid-template-columns: initial;
        grid-auto-rows: initial
    }
    .footer__nav {
        grid-template-columns: repeat(4, auto);
        grid-column: initial;
        grid-row: initial
    }
    .footer__contacts-list {
        max-width: 600px
    }
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .footer__service-logos {
        grid-template-columns: repeat(2, 1fr)
    }
    .hero .container {
        min-height: 520px
    }
    .hero__left::after {
        width: 650px;
        background-position: 330px 0
    }
    .hero__title {
        font-size: 48px
    }
    .hero__subtitle {
        min-height: 66px;
        font-size: 14px
    }
    .hero__right {
        width: 50%
    }
    .hero__right::after {
        width: 650px;
        background-position: -320px 0
    }
    .consultation .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0
    }
    .consultation__image {
        height: 540px
    }
    .consultation__image::before {
        left: -30px;
        right: -30px;
        width: initial
    }
    .consultation__content {
        padding: 100px 0 60px
    }
    .consultation__form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .maintenance-step {
        padding: 10px;
        grid-template-columns: 2fr 6fr 4fr;
        gap: 10px
    }
    .maintenance-step__content {
        padding: 10px 0
    }
    .maintenance-step__text {
        font-size: 14px
    }
    .images-marquee__item {
        width: 180px
    }
    .certificates .container {
        grid-template-columns: 1fr;
        gap: 0
    }
    .certificates__subtitle {
        margin-top: 20px;
        font-size: 14px
    }
    .certificates__nav {
        margin-top: 40px;
        max-width: initial
    }
    .certificates__slider {
        margin-top: 40px;
        grid-column: 1;
        grid-row: 2
    }
    .certificates-main__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .certificates-main__title {
        max-width: initial
    }
    .certificates-main__subtitle {
        margin-top: 20px;
        max-width: initial;
        font-size: 14px
    }
    .certificates-main__list {
        margin-top: 40px;
        grid-template-columns: repeat(4, 1fr)
    }
    .feedback .container::before {
        background-size: auto 80%;
        background-position: center 130%
    }
    .feedback__subtitle {
        margin-top: 16px;
        font-size: 14px
    }
    .catalog__categories {
        grid-template-columns: repeat(2, 1fr)
    }
    .category-card__subcategory {
        font-size: 14px
    }
    .category__products {
        grid-template-columns: repeat(2, 1fr)
    }
    .product-card__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .product-card__article {
        margin-left: 0;
        margin-top: 20px
    }
    .product-card__slider {
        min-height: 440px
    }
    .product-services {
        margin-top: 30px;
        padding: 20px
    }
    .product-services__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .product-specs {
        padding: 20px
    }
    .product-specs__list {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1
    }
    .product-purchase {
        padding: 20px;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1
    }
    .cart-empty {
        padding: 40px 30px
    }
    .wishlist__products {
        grid-template-columns: repeat(2, 1fr)
    }
    .order-items {
        gap: 30px
    }
    .order-item__content {
        margin-left: 0;
        padding: 15px 0;
        border: none
    }
    .ordered__wrap {
        grid-template-columns: 1fr
    }
    .ordered-structure {
        grid-column: initial
    }
    .services__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .service__image {
        height: 280px
    }
    .service-order__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .service-items__wrap {
        margin: 0 -30px;
        padding: 30px 30px;
        width: calc(100% + 60px)
    }
    .service-items__arrows {
        position: absolute;
        top: 50%;
        left: 10px;
        width: calc(100% - 20px);
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 2
    }
    .service-items__slider {
        grid-template-columns: repeat(2, 1fr)
    }
    .service-advantage__image img {
        height: 320px
    }
    .blog__items {
        grid-template-columns: repeat(2, 1fr)
    }
    .article__wrap h1 {
        font-size: 28px
    }
    .article__wrap h2 {
        font-size: 24px
    }
    .similar-articles__arrows {
        position: absolute;
        top: 50%;
        left: 10px;
        width: calc(100% - 20px);
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 2
    }
    .similar-articles__slider {
        grid-template-columns: repeat(2, 1fr)
    }
    .team__wrap {
        grid-template-columns: repeat(2, 1fr)
    }
    .member-card {
        padding: 25px;
        min-height: 340px
    }
    .info-article {
        padding: 90px 0 60px
    }
    .info-article .crumbs {
        margin-top: -130px
    }
    .info-article .container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px
    }
    .info-article__inner {
        margin-top: 125px
    }
    .info-article__inner h1 {
        font-size: 28px
    }
    .info-article__inner h2 {
        font-size: 24px
    }
    .info-article-menu {
        top: 136px;
        max-width: 100%;
        z-index: 1
    }
    .info-article-menu__current {
        position: relative;
        padding: 0 23px;
        min-height: 50px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        border: 1px solid rgba(31, 25, 26, .15);
        font-weight: 400;
        font-size: 14px;
        color: #1f191a;
        z-index: 1;
        text-decoration: none;
        -webkit-transition: .25s ease-out;
        transition: .25s ease-out;
        -webkit-transition-property: background-color, border-color, color;
        transition-property: background-color, border-color, color
    }
    .info-article-menu__links {
        position: absolute;
        top: 100%;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        width: 100%;
        background: #f5f5f7;
        -webkit-transform: translateY(-40px) scaleY(.8);
        -ms-transform: translateY(-40px) scaleY(.8);
        transform: translateY(-40px) scaleY(.8);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .25s ease-out;
        transition: .25s ease-out;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform
    }
    .info-article-menu__link {
        padding: 16px 24px;
        min-height: initial;
        font-size: 14px;
        border: none;
        background: 0 0
    }
    .info-article-menu__link svg {
        width: 16px;
        height: 16px
    }
    .info-article-menu__link.active {
        border-color: #f472a9;
        background-color: #f472a9;
        color: #fff
    }
    .info-article-menu__link.active svg {
        stroke: #fff
    }
    .info-article-menu.opened .info-article-menu__links {
        -webkit-transform: translateY(0) scaleY(1);
        -ms-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1);
        pointer-events: all;
        opacity: 1
    }
    .info-article-menu.opened .info-article-menu__current svg {
        -webkit-transform: rotate(90deg) scale(-1);
        -ms-transform: rotate(90deg) scale(-1);
        transform: rotate(90deg) scale(-1)
    }
    .cabinet .container {
        grid-template-columns: 1fr;
        gap: 30px
    }
    .cabinet-menu {
        top: 136px;
        max-width: 100%;
        z-index: 1
    }
    .cabinet-menu__current {
        position: relative;
        padding: 0 23px;
        min-height: 50px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        border: 1px solid rgba(31, 25, 26, .15);
        font-weight: 400;
        font-size: 14px;
        color: #1f191a;
        z-index: 1;
        text-decoration: none;
        -webkit-transition: .25s ease-out;
        transition: .25s ease-out;
        -webkit-transition-property: background-color, border-color, color;
        transition-property: background-color, border-color, color
    }
    .cabinet-menu__links {
        position: absolute;
        top: 100%;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        width: 100%;
        background: #f5f5f7;
        -webkit-transform: translateY(-40px) scaleY(.8);
        -ms-transform: translateY(-40px) scaleY(.8);
        transform: translateY(-40px) scaleY(.8);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .25s ease-out;
        transition: .25s ease-out;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform
    }
    .cabinet-menu__link {
        padding: 16px 24px;
        min-height: initial;
        font-size: 14px;
        border: none;
        background: 0 0
    }
    .cabinet-menu__link.active {
        border-color: #f472a9;
        background-color: #f472a9;
        color: #fff
    }
    .cabinet-menu__link.active svg {
        fill: #fff;
        stroke: #fff
    }
    .cabinet-menu.opened .cabinet-menu__links {
        -webkit-transform: translateY(0) scaleY(1);
        -ms-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1);
        pointer-events: all;
        opacity: 1
    }
    .cabinet-menu.opened .cabinet-menu__current svg {
        -webkit-transform: rotate(90deg) scale(-1);
        -ms-transform: rotate(90deg) scale(-1);
        transform: rotate(90deg) scale(-1)
    }
    .our-services__wrap {
        grid-template-columns: 1fr
    }
    .our-service-item__name {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .wrapper {
        padding-top: 114px
    }
    .h2 {
        font-size: 25px
    }
    .tippy-box {
        font-size: 12px
    }
    .iziToast {
        padding: 12px;
        max-width: calc(100% - 20px)
    }
    .iziToast>.iziToast-body .iziToast-icon {
        margin: 0 0 12px;
        width: 30px;
        height: 30px
    }
    .iziToast>.iziToast-body .iziToast-message,
    .iziToast>.iziToast-body .iziToast-title {
        font-size: 12px
    }
    .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .btn {
        gap: 6px;
        font-size: 12px
    }
    .tab-btn {
        font-size: 12px
    }
    .select-field select {
        font-size: 12px
    }
    .select-field .choices {
        font-size: 12px
    }
    .select-field .choices>.choices__list {
        font-size: 12px
    }
    .price-range {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px 10px
    }
    .price-range__label {
        width: 100%;
        font-size: 12px
    }
    .price-range__placeholder {
        font-size: 12px
    }
    .price-range__input {
        font-size: 12px
    }
    .price-range__currency {
        font-size: 12px
    }
    .field input {
        padding-left: 13px;
        height: 44px;
        font-size: 12px
    }
    .field__show-password {
        height: 42px
    }
    .field--captcha {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px
    }
    .field--captcha input {
        min-width: 100%
    }
    .field--captcha img {
        height: 44px
    }
    .crumbs__item {
        font-size: 12px
    }
    .crumbs__item a,
    .crumbs__item span {
        max-width: 70px
    }
    .crumbs__item svg {
        margin-left: 6px;
        width: 8px;
        height: 8px
    }
    .crumbs__item:not(:first-child) {
        margin-left: 6px
    }
    .checkbox__custom {
        margin-right: 5px;
        height: 16px;
        width: 16px
    }
    .checkbox__text {
        font-size: 12px
    }
    .switch__input:checked+.switch__custom::before {
        left: calc(100% - 22px)
    }
    .switch__custom {
        width: 44px;
        height: 24px
    }
    .switch__custom::before {
        width: 20px;
        height: 20px
    }
    .pagination__prev {
        width: 24px;
        height: 24px
    }
    .pagination__prev svg {
        width: 18px;
        height: 18px
    }
    .pagination__list {
        font-size: 12px
    }
    .pagination__list li>* {
        height: 45px
    }
    .pagination__list li.active a {
        min-width: 45px
    }
    .pagination__next {
        width: 24px;
        height: 24px
    }
    .pagination__next svg {
        width: 18px;
        height: 18px
    }
    .quantity {
        width: 79px;
        height: 34px
    }
    .quantity__minus,
    .quantity__plus {
        width: 20px
    }
    .quantity__minus::before {
        width: 10px
    }
    .quantity__plus::after,
    .quantity__plus::before {
        width: 10px
    }
    .quantity__plus::after {
        width: 2px;
        height: 10px
    }
    .quantity input {
        font-size: 12px
    }
    .dialog-feedback {
        padding: 20px;
        max-width: calc(100% - 40px);
        min-width: 320px
    }
    .dialog-feedback__subtitle {
        font-size: 12px
    }
    .dialog-feedback__form {
        margin-top: 15px
    }
    .dialog-feedback__field input {
        padding-left: 13px;
        height: 42px;
        font-size: 12px
    }
    .dialog-feedback__submit {
        padding: 0 18px;
        margin-top: 10px;
        height: 44px
    }
    .dialog-feedback__privacy {
        margin-top: 8px;
        font-size: 12px
    }
    .dialog-thanks {
        padding: 20px;
        width: calc(100% - 40px);
        max-width: 250px
    }
    .dialog-thanks__icon {
        width: 30px;
        height: 30px
    }
    .dialog-thanks__icon svg {
        width: 14px;
        height: 14px
    }
    .dialog-thanks__title {
        margin-top: 15px;
        font-size: 20px
    }
    .dialog-thanks__title {
        font-size: 20px
    }
    .dialog-thanks__subtitle {
        margin-top: 10px;
        font-size: 12px
    }
    .dialog-notification {
        padding: 20px;
        width: calc(100% - 40px);
        max-width: 380px
    }
    .dialog-notification__icon {
        width: 30px;
        height: 30px
    }
    .dialog-notification__icon svg {
        width: 14px;
        height: 14px
    }
    .dialog-notification__title {
        margin-top: 15px;
        font-size: 20px
    }
    .dialog-notification__subtitle {
        margin-top: 10px;
        font-size: 12px
    }
    .dialog-requisites {
        padding: 20px;
        width: calc(100% - 40px);
        max-width: 380px
    }
    .dialog-requisites__title {
        font-size: 20px
    }
    .dialog-requisites__text {
        margin-top: 15px;
        font-size: 12px
    }
    .dialog-requisites__download {
        margin-top: 15px;
        padding: 0 18px;
        height: 44px
    }
    .dialog-requisites__download .btn__icon {
        width: 16px;
        height: 16px
    }
    .dialog-pickup {
        padding: 20px;
        width: calc(100% - 40px);
        max-width: 380px
    }
    .dialog-pickup__title {
        font-size: 20px
    }
    .dialog-pickup__search {
        margin-top: 15px;
        height: 44px
    }
    .dialog-pickup__search input {
        padding-left: 35px;
        font-size: 12px
    }
    .dialog-pickup__search button {
        left: 5px;
        width: 34px;
        height: 34px
    }
    .dialog-pickup__search button svg {
        width: 16px;
        height: 16px
    }
    .dialog-pickup__search:focus-within input {
        padding-left: 19px
    }
    .dialog-pickup__search:focus-within button {
        left: calc(100% - 40px)
    }
    .dialog-pickup__map {
        margin-top: 15px
    }
    .dialog-login {
        padding: 20px;
        max-width: calc(100% - 40px);
        min-width: 320px
    }
    .dialog-login__btns .tab-btn {
        padding: 0 11px;
        height: 40px
    }
    .dialog-login__title {
        margin-top: 15px
    }
    .dialog-login__subtitle {
        font-size: 12px
    }
    .dialog-login__form {
        margin-top: 15px
    }
    .dialog-login__field:not(:first-child) {
        margin-top: 10px
    }
    .dialog-login__field input {
        padding-left: 13px;
        height: 42px;
        font-size: 12px
    }
    .dialog-login__submit {
        padding: 0 18px;
        margin-top: 10px;
        height: 44px
    }
    .dialog-login__forgot {
        margin-top: 8px;
        font-size: 12px
    }
    .dialog-logout {
        padding: 20px;
        max-width: calc(100% - 40px);
        min-width: 320px
    }
    .dialog-logout__title {
        margin-bottom: 15px;
        font-size: 17px
    }
    .dialog-logout__btns {
        gap: 10px
    }
    .dialog-logout__btns .btn {
        padding: 0 18px;
        height: 44px
    }
    .dialog-logout__btns .btn svg {
        width: 16px;
        height: 16px
    }
    .product-item {
        padding: 10px
    }
    .product-item .to-wishlist {
        top: 10px;
        right: 10px
    }
    .product-item .product-statuses {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px)
    }
    .product-item__name {
        margin-top: 10px;
        font-size: 12px
    }
    .product-item__article {
        margin-top: 6px;
        font-size: 12px
    }
    .product-item__price-block {
        margin-top: 15px
    }
    .product-item__price-current {
        font-size: 14px
    }
    .product-item__not-available {
        font-size: 14px
    }
    .product-item__price-old {
        font-size: 12px
    }
    .product-item__discount {
        height: 20px;
        font-size: 12px
    }
    .product-item__similar,
    .product-item__to-cart {
        margin-top: 15px;
        height: 46px;
        gap: 6px
    }
    .product-item__similar .btn__icon,
    .product-item__to-cart .btn__icon {
        width: 16px;
        height: 16px;
        stroke-width: 1px
    }
    .filter {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: initial;
        gap: 12px
    }
    .filter__params {
        padding: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f5f5f7;
        gap: 15px
    }
    .filter__searchbar {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 44px
    }
    .filter__searchbar svg {
        left: 12px;
        width: 16px;
        height: 16px
    }
    .filter__searchbar input {
        padding-left: 36px
    }
    .filter__brand {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 44px
    }
    .filter__sort {
        width: 100%;
        height: 44px
    }
    .filter__cat {
        width: 100%;
        height: 44px
    }
    .filter__sort .choices__wrap {
        border-color: rgba(31, 25, 26, .15)
    }
    .filter .price-range {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
        height: initial
    }
    .filter .price-range__field {
        width: calc(50% - 5px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 44px
    }
    .filter__checkboxes {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .header {
        padding: 10px 0 64px
    }
    .header__menu-btn {
        width: 40px;
        height: 40px
    }
    .header__menu-btn span {
        width: 12px
    }
    .header__menu-btn span:nth-child(1) {
        top: 15px
    }
    .header__menu-btn span:nth-child(2) {
        top: 19px
    }
    .header__menu-btn span:nth-child(3) {
        top: 23px
    }
    .header__menu-btn.cross span {
        top: 19px;
        left: 19px
    }
    .header__logo {
        height: 18px
    }
    .header__search-wrap {
        top: 50px;
        left: 20px;
        width: calc(100% - 40px);
        height: 44px
    }
    .header__btns {
        height: 40px
    }
    .header__wish-btn span {
        top: 3px;
        right: 3px;
        font-size: 10px
    }
    .header__wish-btn {
        width: 40px
    }
    .header__wish-btn svg {
        width: 16px;
        height: 16px
    }
    .header__cart-btn span {
        top: 3px;
        right: 3px;
        font-size: 10px
    }
    .header__cart-btn {
        width: 40px
    }
    .header__cart-btn svg {
        width: 16px;
        height: 16px
    }
    .header__account-btn {
        width: 40px
    }
    .header__account-btn svg {
        width: 16px;
        height: 16px
    }
    .mobile-menu {
        top: calc(100% - 55px)
    }
    .mobile-menu.opened {
        height: calc(100vh - 100% + 55px)
    }
    .mobile-menu__btns {
        padding: 16px 10px 0
    }
    .mobile-menu__wish-btn {
        padding: 0 9px;
        height: 40px;
        gap: 8px;
        font-size: 12px
    }
    .mobile-menu__wish-btn .btn__icon {
        width: 16px;
        height: 16px
    }
    .mobile-menu__account-btn {
        padding: 0 9px;
        height: 40px;
        gap: 8px;
        font-size: 12px
    }
    .mobile-menu__account-btn .btn__icon {
        width: 16px;
        height: 16px
    }
    .mobile-menu__contact {
        padding: 20px 10px 100px
    }
    .mobile-menu__phone {
        font-size: 16px
    }
    .mobile-menu__feedback {
        margin-top: 3px;
        font-size: 12px
    }
    .search-menu {
        top: calc(100% + 6px)
    }
    .search-menu__wrap {
        padding: 10px;
        gap: 12px
    }
    .search-menu__categories {
        gap: 6px
    }
    .search-menu__category {
        padding: 0 5px;
        height: 25px;
        font-size: 12px
    }
    .search-result {
        margin-top: 10px;
        gap: 10px
    }
    .search-result__link {
        font-size: 12px
    }
    .search-result__link svg {
        margin-right: 6px;
        width: 14px;
        height: 14px
    }
    .search-history__title {
        font-size: 12px
    }
    .search-history__clear {
        font-size: 12px
    }
    .search-history__clear svg {
        margin-right: 5px;
        width: 14px;
        height: 14px
    }
    .search-history__list {
        margin-top: 10px;
        gap: 10px
    }
    .search-history-item__link {
        font-size: 12px
    }
    .search-history-item__link svg {
        margin-right: 6px;
        width: 14px;
        height: 14px
    }
    .search-history-item__remove {
        width: 15px;
        height: 15px
    }
    .search-history-item__remove::after,
    .search-history-item__remove::before {
        top: 7px;
        left: 2px;
        width: 11px;
        height: 1px
    }
    .footer__top {
        padding-top: 40px;
        padding-bottom: 25px;
        gap: 30px
    }
    .footer__nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px
    }
    .footer__nav-title {
        font-size: 12px
    }
    .footer__nav-links {
        margin-top: 10px;
        gap: 6px
    }
    .footer__nav-links a {
        font-size: 12px
    }
    .footer__nav-main-links {
        gap: 10px
    }
    .footer__nav-main-links a {
        font-size: 12px
    }
    .footer__contacts-title {
        font-size: 12px
    }
    .footer__contacts-list {
        margin-top: 10px
    }
    .footer__contacts-item:not(:first-child) {
        margin-top: 6px
    }
    .footer__contacts-link {
        font-size: 12px
    }
    .footer__bottom {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .hero .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: initial
    }
    .hero__left {
        padding: 40px 0 175px
    }
    .hero__left::before {
        left: -20px;
        right: -20px;
        width: initial
    }
    .hero__left::after {
        left: -5%;
        width: 110%;
        background-position: center -10px;
        background-size: 100% auto
    }
    .hero__title {
        font-size: 35px
    }
    .hero__subtitle {
        margin-top: 10px;
        min-height: initial;
        font-size: 12px
    }
    .hero__to-catalog {
        margin-top: 20px;
        padding: 0 18px;
        height: 44px;
        font-size: 12px
    }
    .hero__to-catalog svg {
        width: 16px;
        height: 16px
    }
    .hero__right {
        padding: 40px 0 62px;
        width: 100%
    }
    .hero__right::before {
        left: -20px;
        right: -20px;
        width: initial
    }
    .hero__right::after {
        left: -5%;
        width: 110%;
        background-position: center -400px;
        background-size: 100% auto
    }
    .last-viewed {
        padding: 80px 0
    }
    .last-viewed .h2 {
        max-width: initial
    }
    .last-viewed__arrows {
        position: absolute;
        top: 45%;
        left: 5px;
        width: calc(100% - 10px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 2
    }
    .last-viewed__slider {
        margin-top: 30px
    }
    .last-viewed__to-catalog {
        margin-top: 25px
    }
    .consultation__content {
        padding: 80px 0 40px
    }
    .consultation__subtitle {
        margin-top: 15px;
        font-size: 12px
    }
    .consultation__form {
        margin-top: 25px
    }
    .consultation__form-row {
        gap: 10px
    }
    .consultation__field {
        height: 40px
    }
    .consultation__field input {
        padding-left: 13px;
        font-size: 12px
    }
    .consultation__submit {
        padding: 0 18px;
        height: 44px
    }
    .consultation__privacy {
        margin-top: 8px;
        font-size: 12px
    }
    .maintenance {
        padding: 80px 0
    }
    .maintenance__head {
        gap: 20px
    }
    .maintenance .h2 {
        max-width: initial
    }
    .maintenance__to-services {
        padding: 0 18px;
        height: 44px
    }
    .maintenance__to-services .btn__icon {
        width: 16px;
        height: 16px
    }
    .maintenance__steps {
        margin-top: 30px;
        gap: 10px
    }
    .maintenance-step {
        grid-template-columns: 1fr;
        gap: 0
    }
    .maintenance-step::before {
        padding: 0;
        font-size: 18px
    }
    .maintenance-step__content {
        padding: 40px 0 0;
        max-width: initial
    }
    .maintenance-step__title {
        padding-bottom: 10px;
        font-size: 20px
    }
    .maintenance-step__text {
        padding-top: 10px;
        font-size: 12px
    }
    .maintenance-step__image {
        margin-top: 20px;
        margin-left: 0;
        max-width: initial;
        width: 100%
    }
    .partners {
        padding: 80px 0 50px
    }
    .partners .h2 {
        max-width: initial
    }
    .partners__wrap {
        margin-top: 30px
    }
    .images-marquee__item {
        width: 145px
    }
    .certificates {
        padding: 50px 0 80px
    }
    .certificates__subtitle {
        margin-top: 15px;
        font-size: 12px
    }
    .certificates__nav {
        margin-top: 30px
    }
    .certificates__pagination {
        font-size: 14px
    }
    .certificates__pagination .swiper-pagination-current {
        margin-right: 6px;
        font-size: 24px
    }
    .certificates__pagination .swiper-pagination-total {
        margin-left: 6px
    }
    .certificates__slider {
        margin-top: 30px
    }
    .certificates-main {
        padding: 25px 0 80px
    }
    .certificates-main__content {
        margin-top: 30px
    }
    .certificates-main__subtitle {
        margin-top: 15px;
        font-size: 12px
    }
    .certificates-main__list {
        margin-top: 30px;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }
    .feedback .container {
        padding-bottom: 440px
    }
    .feedback .container::before {
        background-position: center 270%
    }
    .feedback__subtitle {
        margin-top: 15px;
        font-size: 12px
    }
    .feedback__form {
        max-width: initial
    }
    .feedback__form-row {
        gap: 10px
    }
    .feedback__field {
        height: 40px
    }
    .feedback__field input {
        padding-left: 13px;
        font-size: 12px
    }
    .feedback__submit {
        padding: 0 18px;
        height: 44px;
        gap: 6px
    }
    .feedback__submit .btn__icon {
        width: 16px;
        height: 16px
    }
    .feedback__privacy {
        margin-top: 8px;
        font-size: 12px
    }
    .feedback__image {
        left: 0;
        right: 0;
        height: 360px;
        width: 100%
    }
    .feedback-contacts {
        max-width: initial
    }
    .feedback-contacts__links {
        max-width: 400px;
        gap: 6px 22px
    }
    .feedback-contacts__link {
        font-size: 12px
    }
    .feedback-contacts__link svg {
        margin-right: 3px;
        width: 12px;
        height: 12px
    }
    .feedback-contacts__socials {
        margin-top: 15px
    }
    .feedback-contacts__social {
        width: 46px;
        height: 46px
    }
    .feedback-contacts__social svg {
        width: 16px;
        height: 16px
    }
    .catalog {
        padding: 25px 0 20px
    }
    .catalog__title {
        margin-top: 30px
    }
    .catalog__categories {
        margin-top: 30px;
        gap: 10px
    }
    .category-card {
        padding: 14px
    }
    .category-card__name {
        margin-top: 40px;
        font-size: 20px
    }
    .category-card__subcategories {
        margin: 10px -5px -5px;
        width: calc(100% + 10px)
    }
    .category-card__subcategory {
        font-size: 12px
    }
    .category {
        padding: 25px 0 80px
    }
    .category__head {
        margin-top: 30px
    }
    .category__quantity {
        padding: 0 1px;
        height: 14px;
        font-size: 10px
    }
    .category__tabs {
        margin: 30px -20px 0;
        padding: 0 20px
    }
    .category__tab-btn {
        padding: 0 11px;
        height: 40px
    }
    .category__products {
        margin-top: 15px;
        gap: 10px
    }
    .category .pagination {
        margin-top: 30px
    }
    .product-card {
        padding: 25px 0 30px
    }
    .product-card__head {
        margin-top: 30px
    }
    .product-card__article {
        margin-top: 15px
    }
    .product-card__wrap {
        gap: 10px
    }
    .product-card__slider {
        min-height: initial;
        height: 320px
    }
    .product-card__slider .slider-btn--prev {
        left: 15px
    }
    .product-card__slider .slider-btn--next {
        right: 15px
    }
    .product-card .product-statuses {
        top: 15px;
        left: 15px
    }
    .product-card__summary {
        padding: 15px
    }
    .product-card__desc {
        font-size: 12px
    }
    .product-card__not-available {
        margin-top: 20px;
        font-size: 16px
    }
    .product-card__price-block {
        margin-top: 20px
    }
    .product-card__price-current {
        font-size: 16px
    }
    .product-card__price-old {
        font-size: 12px
    }
    .product-card__discount {
        height: 20px;
        font-size: 12px
    }
    .product-card__btns {
        margin-top: 15px;
        gap: 10px
    }
    .product-card__admission,
    .product-card__to-cart {
        height: 44px
    }
    .product-card__admission .btn__icon,
    .product-card__to-cart .btn__icon {
        width: 16px;
        height: 16px
    }
    .product-card__buy,
    .product-card__order {
        height: 44px
    }
    .product-card__buy .btn__icon,
    .product-card__order .btn__icon {
        width: 16px;
        height: 16px
    }
    .product-card__available {
        margin-top: 10px;
        height: 24px;
        font-size: 12px
    }
    .product-card__purshase-info-items {
        margin-top: 30px;
        gap: 10px
    }
    .to-wishlist-btn {
        width: 44px;
        height: 44px
    }
    .to-wishlist-btn__fill-icon,
    .to-wishlist-btn__void-icon {
        width: 14px;
        height: 14px
    }
    .purshase-info {
        padding: 9px;
        gap: 10px
    }
    .purshase-info__icon {
        width: 42px;
        height: 42px
    }
    .purshase-info__icon svg {
        width: 25px;
        height: 25px
    }
    .purshase-info__name {
        font-size: 12px
    }
    .purshase-info__text {
        font-size: 12px
    }
    .product-services {
        padding: 15px
    }
    .product-services__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .product-services__to-services {
        margin-top: 20px;
        margin-left: auto;
        padding: 0 17px;
        height: 44px
    }
    .product-services__to-services .btn__icon {
        width: 16px;
        height: 16px
    }
    .product-services__list {
        gap: 10px
    }
    .product-service {
        padding: 9px
    }
    .product-service__image {
        height: 130px
    }
    .product-service__content {
        margin-top: 15px;
        gap: 12px
    }
    .product-service__info {
        gap: 8px
    }
    .product-service__name {
        font-size: 12px
    }
    .product-service__price {
        font-size: 16px
    }
    .product-service__to-cart {
        width: 44px;
        height: 44px
    }
    .product-service__to-cart svg {
        width: 16px;
        height: 16px
    }
    .product-info {
        padding: 50px 0 20px
    }
    .product-info__btns-wrap {
        margin-top: 30px
    }
    .product-info__btns {
        gap: 8px
    }
    .product-info__btns .tab-btn {
        padding: 0 12px;
        height: 40px
    }
    .product-info__content {
        margin-top: 12px
    }
    .product-specs {
        padding: 15px
    }
    .product-specs__item {
        font-size: 12px
    }
    .product-specs__item:not(:first-child) {
        margin-top: 10px
    }
    .product-specs__item dt svg {
        width: 12px;
        height: 12px
    }
    .product-specs__note {
        margin-top: 20px;
        font-size: 12px
    }
    .product-purchase {
        padding: 15px
    }
    .product-purchase__item {
        font-size: 12px
    }
    .product-purchase__item:not(:first-child) {
        margin-top: 15px
    }
    .product-purchase__item-title {
        font-size: 12px
    }
    .product-purchase__item-desc {
        margin-top: 8px
    }
    .product-purchase__conditions {
        margin-top: 15px
    }
    .product-purchase__conditions-title {
        font-size: 12px
    }
    .product-purchase__conditions-desc {
        margin-top: 8px
    }
    .product-purchase ul li {
        padding-left: 18px
    }
    .product-purchase ul li::before {
        left: 8px;
        top: 4px;
        width: 3px;
        height: 3px
    }
    .cart {
        padding: 25px 0 80px
    }
    .cart__head {
        margin-top: 30px
    }
    .cart__quantity {
        padding: 0 2px;
        height: 14px;
        font-size: 10px
    }
    .cart__products {
        gap: 10px
    }
    .cart .cart-empty {
        margin-top: 30px
    }
    .cart-product {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cart-product__img-link {
        margin: 0
    }
    .cart-product__mid {
        margin-top: 15px
    }
    .cart-product__name {
        font-size: 12px
    }
    .cart-product__article {
        margin-top: 8px;
        font-size: 12px
    }
    .cart-product .quantity {
        margin-top: 15px
    }
    .cart-product__price-block {
        position: absolute;
        bottom: 20px;
        right: 10px
    }
    .cart-product__price-current {
        font-size: 16px
    }
    .cart-product__price-old {
        font-size: 12px
    }
    .cart-product__not-available {
        font-size: 16px
    }
    .cart-product__similar {
        margin-top: 6px;
        font-size: 12px
    }
    .cart-product__btns {
        position: absolute;
        top: 10px;
        right: 10px
    }
    .cart-product .to-wishlist {
        width: 20px;
        height: 20px
    }
    .cart-product__remove {
        margin-left: 15px;
        width: 20px;
        height: 20px
    }
    .cart-result {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cart-result__total-title {
        font-size: 12px
    }
    .cart-result__quantity {
        font-size: 12px
    }
    .cart-result__price {
        font-size: 20px
    }
    .cart-result__order {
        padding: 0 18px;
        height: 44px
    }
    .cart-result__order .btn__icon {
        width: 16px;
        height: 16px
    }
    .cart-empty {
        padding: 30px 20px
    }
    .cart-empty__icon {
        width: 50px;
        height: 50px
    }
    .cart-empty__title {
        margin-top: 30px;
        font-size: 20px
    }
    .cart-empty__to-catalog {
        margin-top: 30px;
        padding: 0 18px;
        height: 44px
    }
    .cart-empty__to-catalog svg {
        width: 16px;
        height: 16px
    }
    .wishlist {
        padding: 25px 0 80px
    }
    .wishlist__head {
        margin-top: 30px
    }
    .wishlist__quantity {
        padding: 0 2px;
        height: 14px;
        font-size: 10px
    }
    .wishlist__products {
        margin-top: 15px;
        gap: 10px
    }
    .wishlist-empty {
        margin-top: 80px
    }
    .wishlist-empty__icon {
        width: 50px;
        height: 50px
    }
    .wishlist-empty__title {
        margin-top: 30px;
        font-size: 20px
    }
    .wishlist-empty__to-catalog {
        margin-top: 30px;
        padding: 0 18px;
        height: 44px
    }
    .wishlist-empty__to-catalog svg {
        width: 16px;
        height: 16px
    }
    .order {
        padding: 25px 0 80px
    }
    .order__title {
        margin-top: 30px
    }
    .order__wrap {
        margin-top: 30px
    }
    .order-item__title {
        padding: 12px 10px;
        font-size: 20px
    }
    .order-item__title::before {
        margin-right: 15px;
        width: 36px;
        height: 36px;
        font-size: 12px
    }
    .order-data__tab-btn {
        padding: 0 11px;
        height: 40px
    }
    .order-fields {
        gap: 15px
    }
    .order-fields__title {
        font-size: 12px
    }
    .order-fields__wrap {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .order-fields__field input {
        height: 44px
    }
    .order-fields .field--captcha {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-fields__btn {
        padding: 0 18px;
        height: 44px
    }
    .order-fields__btn svg {
        width: 16px;
        height: 16px
    }
    .order-fields__forgot-pass {
        margin: 0 auto;
        font-size: 12px
    }
    .order-fields__checkboxes {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-fields__checkbox-text {
        font-size: 12px
    }
    .order-address {
        gap: 15px
    }
    .order-address__title {
        font-size: 12px
    }
    .order-address__select {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }
    .order-address__new input {
        height: 44px
    }
    .address-opt__icon-plus {
        width: 30px;
        height: 30px
    }
    .address-opt__content {
        padding: 8px
    }
    .address-opt__content img {
        width: 30px;
        height: 30px
    }
    .address-opt__content span {
        margin-top: 28px;
        font-size: 12px
    }
    .order-delivery {
        gap: 15px
    }
    .order-delivery__methods {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }
    .order-delivery__offices-map {
        height: 236px
    }
    .order-delivery__comments-field input {
        padding-left: 13px;
        height: 44px;
        font-size: 12px
    }
    .delivery-method__content {
        padding: 8px
    }
    .delivery-method__content img {
        width: 30px;
        height: 30px
    }
    .delivery-method__content span {
        margin-top: 28px;
        font-size: 12px
    }
    .order-pickup-point__title {
        font-size: 12px
    }
    .order-pickup-point__location {
        font-size: 12px
    }
    .order-pickup-point__location svg {
        margin-right: 4px;
        width: 14px;
        height: 14px
    }
    .order-payment-methods {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }
    .payment-method__content span {
        font-size: 12px
    }
    .order-result {
        padding: 14px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .order-result__title {
        font-size: 20px
    }
    .order-result__data {
        margin-top: 15px;
        gap: 6px
    }
    .order-result__data-item {
        font-size: 12px
    }
    .order-result__total-price {
        font-size: 20px
    }
    .order-result__btn {
        margin-top: 15px;
        padding: 0 17px;
        height: 44px;
        font-size: 12px
    }
    .order-result__btn svg {
        width: 16px;
        height: 16px
    }
    .order-result__policy {
        font-size: 12px
    }
    .ordered {
        padding: 25px 0 80px
    }
    .ordered__title {
        margin-top: 30px
    }
    .ordered__wrap {
        margin-top: 30px
    }
    .ordered-info__success {
        font-size: 12px
    }
    .ordered-info__title {
        margin-top: 30px;
        font-size: 20px
    }
    .ordered-info__data {
        margin-top: 20px;
        gap: 10px
    }
    .ordered-info__data-item {
        font-size: 12px
    }
    .ordered-info__btn {
        margin-top: 20px;
        padding: 0 17px;
        height: 44px;
        font-size: 12px
    }
    .ordered-info__btn svg {
        width: 16px;
        height: 16px
    }
    .ordered-structure {
        padding: 14px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ordered-structure__title {
        font-size: 20px
    }
    .ordered-structure__items {
        margin-top: 15px
    }
    .ordered-structure__total-price {
        font-size: 20px
    }
    .ordered-item {
        padding: 10px 0
    }
    .ordered-item__name {
        font-size: 12px
    }
    .ordered-item__quantity {
        font-size: 12px
    }
    .ordered-item__price {
        font-size: 12px
    }
    .services {
        padding: 25px 0 80px
    }
    .services__title {
        margin-top: 30px
    }
    .services__list {
        margin-top: 30px;
        gap: 10px
    }
    .service-card {
        padding: 20px
    }
    .service-card__name {
        font-size: 20px
    }
    .service {
        padding: 25px 0 30px
    }
    .service__row {
        margin: 30px 0;
        gap: 30px
    }
    .service__top {
        margin: 30px 0;
        gap: 10px
    }
    .service__text {
        gap: 20px
    }
    .service__desc {
        font-size: 12px
    }
    .service__image {
        height: 250px
    }
    .service-order {
        padding: 50px 0 80px
    }
    .service-order .container {
        gap: 30px
    }
    .service-order__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .service-order-item {
        padding: 20px
    }
    .service-order-item::before {
        font-size: 12px
    }
    .service-order-item__title {
        margin-top: 30px;
        font-size: 16px
    }
    .service-order-item__text {
        font-size: 12px
    }
    .service-items {
        padding: 0 0 30px
    }
    .service-items__wrap {
        margin: 0 -20px;
        padding: 30px 20px;
        width: calc(100% + 40px)
    }
    .service-items__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .service-items__slider {
        gap: 10px
    }
    .service-advantages {
        padding: 50px 0 80px
    }
    .service-advantages__tabs-wrap {
        margin: 30px -20px 0;
        padding: 0 20px;
        width: calc(100% + 40px)
    }
    .service-advantages__tabs {
        gap: 8px
    }
    .service-advantages__tabs .tab-btn {
        padding: 0 12px;
        height: 40px
    }
    .service-advantages__content {
        margin-top: 30px
    }
    .service-advantage__title {
        font-size: 22px
    }
    .service-advantage__desc {
        margin-top: 15px;
        font-size: 12px
    }
    .service-advantage__desc ul li {
        padding-left: 18px
    }
    .service-advantage__desc ul li::before {
        left: 8px;
        top: 4px;
        width: 3px;
        height: 3px
    }
    .blog {
        padding: 25px 0 80px
    }
    .blog__title {
        margin-top: 30px
    }
    .blog__items {
        margin-top: 30px
    }
    .blog .pagination {
        margin-top: 30px
    }
    .article-item {
        padding: 19px;
        min-height: 230px
    }
    .article-item__image {
        height: 60px
    }
    .article-item__info {
        margin-top: 20px;
        padding-top: 15px
    }
    .article-item__name {
        font-size: 12px
    }
    .article-item__date {
        margin-top: 15px;
        font-size: 12px
    }
    .article-item__arrow {
        top: 20px;
        right: 20px;
        width: 25px;
        height: 25px
    }
    .article {
        padding: 25px 0 40px
    }
    .article__wrap {
        margin-top: 30px;
        gap: 30px;
        font-size: 12px
    }
    .article__wrap h1 {
        margin-bottom: 20px;
        font-size: 25px
    }
    .article__wrap h2 {
        margin-bottom: 20px;
        font-size: 22px
    }
    .article__wrap h3 {
        margin-bottom: 20px
    }
    .article__wrap h4 {
        margin-bottom: 15px;
        font-size: 12px
    }
    .article__wrap ul li {
        padding-left: 18px
    }
    .article__wrap ul li::before {
        left: 8px;
        top: 4px;
        width: 3px;
        height: 3px
    }
    .article__wrap figure figcaption {
        margin-top: 10px;
        font-size: 12px
    }
    .article__wrap blockquote {
        padding-left: 15px
    }
    .article__wrap blockquote cite {
        margin-top: 15px
    }
    .article__wrap cite {
        font-size: 12px
    }
    .article__info {
        margin-top: 30px;
        padding-top: 30px
    }
    .article__author {
        font-size: 12px
    }
    .article__date {
        font-size: 12px
    }
    .similar-articles {
        padding: 40px 0 80px
    }
    .similar-articles__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .similar-articles__slider {
        margin-top: 30px;
        gap: 10px
    }
    .contacts {
        padding: 25px 0 40px
    }
    .contacts__title {
        margin-top: 30px
    }
    .contacts__wrap {
        margin-top: 30px
    }
    .contacts-card {
        padding: 14px
    }
    .contacts-card__title {
        font-size: 12px
    }
    .contacts-card__phone {
        font-size: 12px
    }
    .contacts-card__mail {
        font-size: 12px
    }
    .contacts-card__requisites {
        font-size: 12px
    }
    .contacts-location {
        padding: 15px
    }
    .contacts-location__address-title {
        font-size: 12px
    }
    .contacts-location__address-val {
        margin-top: 10px;
        font-size: 18px
    }
    .contacts-location__ways {
        gap: 10px
    }
    .contacts-location__way {
        gap: 6px
    }
    .contacts-location__way-title {
        font-size: 12px
    }
    .contacts-location__way-title img {
        margin-right: 5px;
        width: 30px;
        height: 30px
    }
    .contacts-location__way-text {
        font-size: 12px
    }
    .contacts-location__schedule-title {
        margin-top: 20px;
        font-size: 12px
    }
    .contacts-location__schedule-val {
        margin-top: 10px;
        font-size: 18px
    }
    .team {
        padding: 40px 0 80px
    }
    .team__wrap {
        margin-top: 30px
    }
    .member-card__image {
        padding: 17px;
        width: 120px;
        height: 120px
    }
    .member-card__info {
        margin-top: 30px
    }
    .member-card__name {
        font-size: 18px
    }
    .member-card__position {
        margin-top: 5px;
        font-size: 12px
    }
    .member-card__mail {
        margin-top: 15px;
        font-size: 12px
    }
    .info-article {
        padding: 70px 0 40px
    }
    .info-article .crumbs {
        margin-top: -110px
    }
    .info-article__inner {
        margin-top: 100px;
        gap: 30px;
        font-size: 12px
    }
    .info-article__inner h1 {
        margin-bottom: 20px;
        font-size: 25px
    }
    .info-article__inner h1:last-child {
        margin-bottom: 0
    }
    .info-article__inner h2 {
        margin-bottom: 5px;
        font-size: 22px
    }
    .info-article__inner h2:last-child {
        margin-bottom: 0
    }
    .info-article__inner h3 {
        margin-bottom: 0
    }
    .info-article__inner h4 {
        font-size: 12px
    }
    .info-article__inner ul li {
        padding-left: 18px
    }
    .info-article__inner ul li::before {
        left: 8px;
        top: 4px;
        width: 3px;
        height: 3px
    }
    .info-article__inner figure figcaption {
        margin-top: 10px;
        font-size: 12px
    }
    .info-article__inner blockquote {
        padding-left: 15px
    }
    .info-article__inner blockquote cite {
        margin-top: 15px
    }
    .info-article__inner cite {
        font-size: 12px
    }
    .info-article__inner .btn {
        padding: 14px 18px;
        margin-top: 10px;
        min-height: 44px;
        font-size: 12px
    }
    .info-article__inner .btn .btn__icon {
        width: 16px;
        height: 16px
    }
    .info-article__inner .note-block {
        padding: 9px;
        font-size: 12px
    }
    .info-article__inner .supplier-card {
        padding: 10px
    }
    .info-article__inner .supplier-card__image img {
        max-height: 55px
    }
    .info-article__inner .supplier-card__name {
        margin-top: 15px;
        font-size: 12px
    }
    .info-article__inner .supplier-card__numbers {
        grid-template-columns: 1fr 40px;
        gap: 6px;
        font-size: 12px
    }
    .info-article__inner .supplier-card__link {
        font-size: 12px
    }
    .info-article__inner .public-procurement {
        padding: 10px
    }
    .info-article__inner .public-procurement__image img {
        max-height: 55px
    }
    .info-article__inner .public-procurement__table {
        margin-top: 15px
    }
    .info-article__inner .public-procurement__table td,
    .info-article__inner .public-procurement__table th {
        padding: 3px 0;
        font-size: 12px
    }
    .info-article__inner .public-procurement__desc {
        margin-top: 15px;
        font-size: 12px
    }
    .info-article__inner .public-procurement__price {
        margin-top: 10px;
        font-size: 12px
    }
    .info-article__inner .public-procurement__link {
        margin-top: 15px;
        font-size: 12px
    }
    .info-article-menu {
        top: 114px
    }
    .info-article-menu__current {
        padding: 0 17px;
        min-height: 44px;
        font-size: 12px
    }
    .info-article-menu__current svg {
        width: 12px;
        height: 12px
    }
    .info-article-menu__link {
        padding: 12px 18px;
        font-size: 12px
    }
    .info-article-menu__link svg {
        margin-left: 6px;
        width: 12px;
        height: 12px
    }
    .info-cards {
        padding: 25px 0 80px
    }
    .info-cards__title {
        margin-top: 30px
    }
    .info-cards__list {
        margin-top: 30px;
        grid-template-columns: repeat(2, 1fr)
    }
    .info-cards .pagination {
        margin-top: 30px
    }
    .info-card {
        padding: 19px;
        min-height: 214px
    }
    .info-card__image {
        height: 55px
    }
    .info-card__content {
        margin-top: 40px
    }
    .info-card__name {
        font-size: 16px
    }
    .info-card__links-list {
        margin-top: 12px;
        gap: 5px
    }
    .info-card__links-item a {
        padding: 0 4px;
        height: 24px;
        font-size: 12px
    }
    .info-card__text {
        margin-top: 12px
    }
    .info-card__arrow {
        top: 20px;
        right: 20px;
        width: 25px;
        height: 25px
    }
    .registration {
        padding: 25px 0 80px
    }
    .registration__title {
        margin-top: 30px
    }
    .registration__content {
        margin-top: 30px;
        gap: 25px 10px;
        grid-template-columns: 1fr
    }
    .registration__content .order-fields {
        grid-column: initial
    }
    .registration__btn {
        padding: 0 17px;
        height: 44px;
        font-size: 12px
    }
    .registration__btn svg {
        width: 16px;
        height: 16px
    }
    .cabinet {
        padding: 25px 0 40px
    }
    .cabinet__content {
        gap: 30px
    }
    .cabinet__history-orders {
        gap: 10px
    }
    .cabinet-menu {
        top: 114px
    }
    .cabinet-menu__current {
        padding: 0 17px;
        min-height: 44px;
        font-size: 12px
    }
    .cabinet-menu__current svg {
        width: 12px;
        height: 12px
    }
    .cabinet-menu__link {
        padding: 12px 18px;
        font-size: 12px
    }
    .cabinet-menu__link svg {
        margin-right: 6px;
        width: 12px;
        height: 12px
    }
    .cabinet-data__title {
        margin-bottom: 15px;
        font-size: 12px
    }
    .cabinet-data__form {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .cabinet-data__field input {
        height: 44px
    }
    .cabinet-data__save {
        padding: 0 17px;
        height: 44px;
        font-size: 12px
    }
    .cabinet-data__save svg {
        width: 16px;
        height: 16px
    }
    .cabinet-subscribe__title {
        margin-bottom: 15px;
        font-size: 12px
    }
    .cabinet-subscribe__switch-field {
        font-size: 12px
    }
    .cabinet-subscribe__switch-field .switch {
        margin-right: 10px
    }
    .history-order {
        padding: 10px
    }
    .history-order__name {
        font-size: 16px
    }
    .history-order__status {
        padding: 0 6px;
        height: 20px;
        font-size: 12px
    }
    .history-order__date {
        font-size: 12px
    }
    .history-order__total-price {
        margin-top: 15px;
        font-size: 16px
    }
    .history-order__repeat {
        margin-top: 10px;
        padding: 0 18px;
        height: 44px
    }
    .history-order-product__img {
        width: 66px
    }
    .history-order-product__name {
        font-size: 12px
    }
    .history-order-product__quantity {
        width: 120px;
        font-size: 12px
    }
    .history-order-product__price {
        width: 90px;
        font-size: 12px
    }
    .about {
        min-height: initial
    }
    .about .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .about__content {
        padding: 30px 0;
        width: initial
    }
    .about__desc {
        margin-top: 20px;
        font-size: 12px
    }
    .about__download {
        margin-top: 20px;
        padding: 0 17px;
        height: 44px;
        font-size: 12px
    }
    .about__download svg {
        width: 16px;
        height: 16px
    }
    .about__image-block {
        margin: 0 -20px;
        width: calc(100% + 40px)
    }
    .our-services {
        padding: 40px 0 80px
    }
    .our-services__wrap {
        margin-top: 30px
    }
    .our-service-item {
        padding: 19px
    }
    .our-service-item__logo {
        height: 56px
    }
    .our-service-item__name {
        font-size: 25px
    }
    .our-service-item__activities {
        font-size: 12px
    }
    .our-service-item__desc {
        margin-top: 50px;
        font-size: 12px
    }
    .our-service-item__requisites {
        margin-top: 15px;
        font-size: 12px
    }
    .our-service-item__requisites svg {
        width: 15px;
        height: 15px
    }
    .our-service-item__links {
        margin-top: 20px;
        gap: 5px
    }
    .our-service-item__link {
        padding: 0 4px;
        height: 23px;
        font-size: 12px
    }
    .err-404 {
        min-height: 400px
    }
    .err-404__desc {
        margin-top: 15px;
        font-size: 12px
    }
    .err-404__desc svg {
        width: 15px;
        height: 15px
    }
    .err-404__back {
        margin-top: 15px;
        padding: 0 17px;
        height: 44px;
        font-size: 12px
    }
    .err-404__back svg {
        width: 16px;
        height: 16px
    }
}

@media screen and (max-width:575px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
    .row {
        margin: 0 -5px
    }
    [class*=col-] {
        padding: 0 5px
    }
    .dialog-feedback {
        max-width: calc(100% - 20px);
        max-width: 350px
    }
    .dialog-feedback__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-feedback__close::after,
    .dialog-feedback__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .dialog-thanks {
        width: calc(100% - 20px);
        max-width: 230px
    }
    .dialog-thanks__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-thanks__close::after,
    .dialog-thanks__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .dialog-notification {
        width: calc(100% - 20px);
        max-width: 350px
    }
    .dialog-notification__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-notification__close::after,
    .dialog-notification__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .dialog-requisites {
        width: calc(100% - 20px);
        max-width: 350px
    }
    .dialog-requisites__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-requisites__close::after,
    .dialog-requisites__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .dialog-pickup {
        width: calc(100% - 20px);
        max-width: 350px
    }
    .dialog-pickup__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-pickup__close::after,
    .dialog-pickup__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .dialog-login {
        max-width: calc(100% - 20px);
        max-width: 350px
    }
    .dialog-login__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-login__close::after,
    .dialog-login__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .dialog-logout {
        max-width: calc(100% - 20px);
        max-width: 350px
    }
    .dialog-logout__close {
        top: -34px;
        right: 0;
        width: 24px;
        height: 24px
    }
    .dialog-logout__close::after,
    .dialog-logout__close::before {
        top: 11px;
        left: 4px;
        width: 16px
    }
    .filter__params {
        padding: 10px
    }
    .header__search-wrap {
        left: 10px;
        width: calc(100% - 20px)
    }
    .header__wish-btn {
        display: none
    }
    .header__account-btn {
        display: none
    }
    .mobile-menu__feedback {
        margin-top: 2px;
        margin-top: 0
    }
    .footer__contacts-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .footer__info {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .footer__public-offer {
        grid-column: initial;
        grid-row: initial
    }
    .footer__copyright {
        margin: 0
    }
    .footer__design {
        margin: 0
    }
    .socials {
        gap: 10px
    }
    .socials__item {
        width: 34px;
        height: 34px
    }
    .socials__item svg {
        width: 14px;
        height: 14px
    }
    .service-logo {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }
    .service-logo__title {
        font-size: 13px
    }
    .hero__left::before {
        left: -10px;
        right: -10px
    }
    .hero__left::after {
        background-position: center 190px
    }
    .hero__right::before {
        left: -10px;
        right: -10px
    }
    .hero__right::after {
        background-position: center -200px
    }
    .maintenance__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .certificates-main__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .feedback .container {
        padding-bottom: 300px
    }
    .feedback .container::before {
        background-size: auto 50%;
        background-position: center 140%
    }
    .feedback__form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .feedback__image {
        height: 250px
    }
    .catalog__categories {
        grid-template-columns: repeat(1, 1fr)
    }
    .category-card__name {
        font-size: 18px
    }
    .category__tabs {
        margin: 30px -10px 0;
        padding: 0 10px
    }
    .category__products {
        grid-template-columns: repeat(1, 1fr)
    }
    .product-card__slider {
        height: 280px
    }
    .product-card__btns {
        grid-template-columns: 1fr auto
    }
    .product-card__admission,
    .product-card__to-cart {
        grid-column: 1/span 2
    }
    .product-card__purshase-info-items {
        grid-template-columns: 1fr
    }
    .product-services__to-services {
        grid-column: 1/span 2;
        width: 100%
    }
    .product-services__list {
        grid-template-columns: 1fr
    }
    .wishlist__products {
        grid-template-columns: repeat(1, 1fr)
    }
    .order-address__select {
        grid-template-columns: 1fr 1fr
    }
    .order-delivery__methods {
        grid-template-columns: 1fr 1fr
    }
    .order-payment-methods {
        grid-template-columns: 1fr 1fr
    }
    .ordered__wrap {
        margin-top: 30px
    }
    .ordered-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ordered-item__img {
        margin-bottom: 8px;
        width: 100%
    }
    .ordered-item__name {
        padding-left: 0;
        width: calc(100% - 70px)
    }
    .ordered-item__params {
        margin-top: auto;
        width: 70px
    }
    .services__list {
        grid-template-columns: repeat(1, 1fr)
    }
    .service-order__list {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .service-items__wrap {
        margin: 0 -10px;
        padding: 30px 10px;
        width: calc(100% + 20px)
    }
    .service-items__slider {
        margin-left: -10px;
        margin-right: -10px;
        padding: 0 10px;
        grid-template-columns: 1fr;
        width: calc(100% + 20px)
    }
    .service-advantages__tabs-wrap {
        margin: 30px -10px 0;
        padding: 0 10px;
        width: calc(100% + 20px)
    }
    .service-advantage__image img {
        height: 260px
    }
    .blog__items {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .similar-articles__slider {
        margin-left: -10px;
        margin-right: -10px;
        padding: 0 10px;
        grid-template-columns: 1fr;
        width: calc(100% + 20px)
    }
    .contacts-map {
        height: 300px
    }
    .team__wrap {
        grid-template-columns: 1fr
    }
    .member-card {
        padding: 20px;
        min-height: 280px
    }
    .info-article__inner .row {
        margin-top: -10px
    }
    .info-article__inner .row>[class*=col-] {
        margin-top: 10px
    }
    .info-article__inner>.row {
        margin-top: -20px
    }
    .info-article__inner>.row>[class*=col-] {
        margin-top: 20px
    }
    .info-cards__list {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .history-order__head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .history-order__name {
        margin-right: 0
    }
    .history-order__date {
        width: 100%
    }
    .history-order-product {
        padding: 10px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }
    .history-order-product__link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        gap: 8px
    }
    .history-order-product__img {
        width: 61px
    }
    .history-order-product__quantity {
        margin-left: 0;
        width: initial
    }
    .history-order-product__price {
        margin-left: auto;
        width: initial
    }
    .about__image-block {
        margin: 0 -20px;
        width: calc(100% + 40px)
    }
    .our-service-item__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .our-service-item__logo {
        margin-right: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:399px) {
    .dialog-requisites__download {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .hero__to-catalog {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .last-viewed__to-catalog {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .consultation__submit {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .maintenance__to-services {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .cart-empty__to-catalog {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .wishlist-empty__to-catalog {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .order-fields__btn {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .order-result__btn {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .ordered-info__btn {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .registration__btn {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .cabinet-data__save {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .history-order__repeat {
        width: 100%
    }
    .about__download {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

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

.search-row {
    align-items: center;
    z-index: 3;
}
@media(max-width: 575px) {
    .search-row .order-fields__field, .filter__cat {
        margin-bottom: 15px;
    }
}
a.view-all-results {
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #555555;
    background-color: #f3f3f3;
    margin-top: 5px;
}