/* Start:/local/templates/new.kenwood/asset/css/preloader.css?17102204011459*/
.loader {
    position: fixed;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 10000 !important;
    background: url(/local/templates/new.kenwood/asset/css/./../img/spinning-circles.svg) rgba(0, 0, 0, 0.2) center center no-repeat;
    background-size: 81px;
}

.preloader-main {
    /*фиксированное позиционирование*/
    position: fixed;
    /* координаты положения */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* фоновый цвет элемента */
    background: #00000069;
    /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
    z-index: 1600;
}

.preloader__row {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    /* animation: preloader-rotate 2s infinite linear; */
}

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

@keyframes preloader-bounce {
    0%,
    100% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
}

.loaded_hiding .preloader-main {
    transition: 0.3s opacity;
    opacity: 0;
}

.loaded .preloader-main {
    display: none;
}
/* End */


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

:root {
    --swiper-theme-color: #007aff
}
#bannerCell-12 em{
    color: #555555;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-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-box-sizing: content-box;
    box-sizing: content-box
}

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

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

.swiper-container-multirow-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-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

.swiper-container-pointer-events.swiper-container-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
}

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

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

.swiper-container-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-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 90px;
    width: 27px;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: -22px;
    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-theme-color);
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

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

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

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

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

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    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: 1;
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

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

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

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

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

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

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -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
}

.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%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 4px solid var(--swiper-theme-color);
    border-bottom: 4px solid var(--swiper-theme-color);
    border-right: 4px solid var(--swiper-theme-color);
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent
}

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-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-container-flip {
    overflow: visible
}

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

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

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

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

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

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

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
/* End */


/* Start:/html/css/site.css?17582784581204706*/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=fallback);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

* {
    outline: none
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format("woff2");
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Bressay Trial;
    src: url(/html/css/../fonts/BressayTrialRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Bressay Trial;
    src: url(/html/css/../fonts/BressayTrialitalic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProLig.otf) format("opentype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProLigIta.otf) format("opentype");
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProReg.otf) format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProIta.otf) format("opentype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProMed.otf) format("opentype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProMedIta.otf) format("opentype");
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProBol.otf) format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProBolIta.otf) format("opentype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProBla.otf) format("opentype");
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: Gotham Pro;
    src: url(/html/css/../fonts/GothaProBlaIta.otf) format("opentype");
    font-style: italic;
    font-weight: 900
}

body {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #141414
}

.c-bg {
    background-color: #f8f9fa
}

.c-light {
    background-color: #fff
}

body .container {
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px;
    padding: 0;
}

@media only screen and (min-width: 768px) {
    body .container {
        width: calc(100% - 80px);
        margin-left: 40px;
        margin-right: 40px
    }
}

@media only screen and (min-width: 1024px) {
    body .container {
        max-width: 944px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1280px) {
    body .container {
        max-width: 1200px
    }
}

.title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #141414;
    padding-top: 40px;
    margin-bottom: 18px
}

@media only screen and (min-width: 768px) {
    .title {
        font-size: 24px;
        padding-top: 60px;
        line-height: 30px
    }
}

.shell-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.page-full {
    margin-top: 100px
}

.out {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.green {
    color: #477707
}

.purple {
    color: #77176e
}

.grey {
    color: #555
}

.black {
    color: #141414
}

.red {
    color: #f63933
}

.light-grey {
    color: #a5a5a5
}

.shop-cart {
    width: 48.6725%;
    margin-bottom: 62px;
    cursor: pointer;
    text-decoration: none
}

.shop-cart:nth-child(n) {
    margin-right: 2.655%
}

.shop-cart:nth-child(2n) {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .shop-cart {
        width: 31.5633333333%;
        margin-bottom: 110px
    }

    .shop-cart:nth-child(n) {
        margin-right: 2.655%
    }

    .shop-cart:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .shop-cart {
        width: 23.00875%;
        margin-bottom: 120px
    }

    .shop-cart:nth-child(n) {
        margin-right: 2.655%
    }

    .shop-cart:nth-child(4n) {
        margin-right: 0
    }
}

.shop-cart__wrap {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    width: 156px;
    height: 100px
}

@media only screen and (min-width: 768px) {
    .shop-cart__wrap {
        width: 200px;
        height: 138px
    }
}

@media only screen and (min-width: 1280px) {
    .shop-cart__wrap {
        width: 260px;
        height: 120px
    }
}

.shop-cart__img {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 64px;
    left: calc(50% - 40px)
}

@media only screen and (min-width: 768px) {
    .shop-cart__img {
        width: 160px;
        height: 160px;
        left: calc(50% - 80px);
        bottom: 50%
    }
}

.shop-cart__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.shop-cart__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #141414;
    padding: 44px 12px 18px;
    text-align: center;
    text-decoration: none;
    height: 32px;
    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
}

@media only screen and (min-width: 768px) {
    .shop-cart__title {
        height: 44px;
        padding: 76px 20px 18px
    }
}

@media only screen and (min-width: 1280px) {
    .shop-cart__title {
        padding: 75px 20px 16px;
        font-size: 16px;
        line-height: 24px;
        height: 26px
    }
}

.shop-cart:last-child {
    margin-bottom: 40px
}

@media only screen and (min-width: 1280px) {
    .shop-cart:last-child {
        margin-bottom: 134px
    }
}

@media only screen and (min-width: 768px) {
    .shop-cart:nth-last-child(-n+3) {
        margin-bottom: 60px
    }
}

.shop-cart:hover .shop-cart__wrap {
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion__button-wrap {
    margin-bottom: 18px;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04)
}

@media only screen and (min-width: 768px) {
    .accordion__button-wrap {
        margin-bottom: 28px
    }
}

.accordion__button-wrap:last-child {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .accordion__button-wrap:last-child {
        margin-bottom: 50px
    }
}

.accordion__button {
    width: 100%;
    padding: 14px 12px;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 26px;
    color: #141414;
    text-align: left;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media only screen and (min-width: 768px) {
    .accordion__button {
        font-size: 16px;
        padding: 27px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .accordion__button {
        font-size: 20px;
        padding: 27px 27px 27px 40px
    }
}

.accordion__button svg {
    margin-left: auto;
    -webkit-transition: .4s;
    transition: .4s;
    min-height: 12px;
    min-width: 12px;
    height: 12px;
    width: 12px
}

@media only screen and (min-width: 768px) {
    .accordion__button svg {
        height: 16px;
        width: 16px;
        min-height: 16px;
        min-width: 16px
    }
}

.accordion__button.active {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 12px 12px 0 0
}

.accordion__button.active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .4s;
    transition: .4s
}

.accordion__text {
    display: none;
    border-radius: 0 0 12px 12px;
    padding: 0 12px
}

@media only screen and (min-width: 768px) {
    .accordion__text {
        font-size: 14px;
        line-height: 24px;
        padding: 0 56px 0 20px
    }
}

@media only screen and (min-width: 1024px) {
    .accordion__text {
        padding: 0 40px
    }
}

.accordion__text p {
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555;
    border-radius: 0 0 12px 12px;
    padding-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .accordion__text p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 26px
    }
}

@media only screen and (min-width: 1024px) {
    .accordion__text p {
        padding-bottom: 26px
    }
}

.accordion__text ol, .accordion__text ul {
    margin: 0;
    padding-left: 8px
}

@media only screen and (min-width: 768px) {
    .accordion__text ol, .accordion__text ul {
        padding-left: 14px
    }
}

.accordion__text ol li, .accordion__text ul li {
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555;
    border-radius: 0 0 12px 12px;
    padding-bottom: 10px;
    list-style-position: outside
}

@media only screen and (min-width: 768px) {
    .accordion__text ol li, .accordion__text ul li {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .accordion__text ol li, .accordion__text ul li {
        padding-bottom: 24px
    }
}

.accordion__text ol li::marker, .accordion__text ul li::marker {
    color: #7c2582
}

.accordion__text ol li span, .accordion__text ul li span {
    font-weight: 600
}

.accordion__text ol li {
    padding-left: 2px
}

@media only screen and (min-width: 768px) {
    .accordion__text ol li {
        padding-left: 10px
    }
}

.accordion__text img {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .accordion__text img {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .accordion__text img {
        margin-bottom: 20px
    }
}

.accordion__text a {
    color: #7c2582
}

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

.btn, .btn-buy{
    text-decoration: none !important;
}

.action-block .btn-live {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 0 13px rgba(119, 23, 110, .12);
    box-shadow: 0 0 13px rgba(119, 23, 110, .12);
    border-radius: 24px;
    color: #77176e;
    padding: 6px 7px 6px 48px;
    border: none;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    position: relative;
    text-transform: uppercase;
    max-width: 170px;
    margin-right: 8px;
    width: 100%;
    min-width: 170px
}

@media only screen and (min-width: 768px) {
    .action-block .btn-live {
        padding: 15px 28px 15px 56px;
        margin-right: 20px;
        width: auto;
        max-width: none;
        min-width: 170px
    }
}

.action-block .btn-live:before {
    display: block;
    position: absolute;
    content: " ";
    background: #77176e;
    -webkit-box-shadow: 0 0 13px rgba(119, 23, 110, .2);
    box-shadow: 0 0 13px rgba(119, 23, 110, .2);
    z-index: 1;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    left: 0;
    top: -3px
}

@media only screen and (min-width: 768px) {
    .action-block .btn-live:before {
        width: 58px;
        left: -18px;
        top: -5px;
        height: 58px
    }
}

.action-block .btn-live:after {
    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;
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0;
    top: -3px;
    border-radius: 50%;
    z-index: 2;
    content: "";
    color: #fff;
    background: radial-gradient(50% 50% at 50%, at 50%, rgba(119, 23, 110, .34) 0, hsla(0, 0%, 100%, 0) 56.77%, rgba(119, 23, 110, .06) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(119, 23, 110, .34) 0, hsla(0, 0%, 100%, 0) 56.77%, rgba(119, 23, 110, .06) 100%)
}

@media only screen and (min-width: 768px) {
    .action-block .btn-live:after {
        width: 58px;
        height: 58px;
        left: -18px;
        top: -5px
    }
}

.action-block .btn-live .circle {
    border: 1px solid #fff;
    background-color: transparent;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 16px;
    top: 12px;
    border-radius: 50%;
    z-index: 4
}

@media only screen and (min-width: 768px) {
    .action-block .btn-live .circle {
        width: 18px;
        height: 18px;
        left: 0;
        top: 14px
    }
}

.action-block .btn-live .circle:after {
    content: "";
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 768px) {
    .action-block .btn-live .circle:after {
        width: 5px;
        height: 5px
    }
}

@media only screen and (max-width: 767px) {
    .slider__thumbs .swiper-wrapper{
        display: flex;
        flex-direction: column;
    }
    .action-block .btn {
        height: 48px;
        padding: 0;
        font-size: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 150px
    }
}

.btn {
    background: #f8f9fa;
    border-radius: 40px;
    padding: 15px 30px;
    color: #141414;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-decoration: none;
    border: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.btn:disabled, .btn[disabled] {
    background-color: #a5a5a5;
    cursor: auto
}

.btn-purple {
    background: #77176e;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .12);
    color: #fff
}

.btn-border, .btn-white {
    background-color: #fff
}

.btn-border {
    color: #77176e;
    border: 1px solid #77176e
}

.btn-arrow-r .arrow {
    margin-left: 8px;
    height: 16px;
    width: 16px;
    min-width: 16px
}

@media only screen and (min-width: 768px) {
    .btn-arrow-r .arrow {
        margin-left: 14px;
        height: 18px;
        width: 18px;
        min-width: 18px
    }
}

.btn-cirle {
    padding: 11px 10px;
    height: 40px;
    width: 40px;
    min-width: 40px
}

.btn-navigation {
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: none;
    -webkit-transform: translateZ(0)
}

@media only screen and (min-width: 768px) {
    .btn-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.btn-navigation:after {
    content: ""
}

.btn-navigation:hover svg {
    fill: #77176e
}

.btn-navigation svg {
    fill: #141414
}

.btn-navigation.swiper-button-disabled {
    opacity: .1
}

.btn-plus {
    padding: 4px;
    background-color: #8d4086;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer
}

.btn-plus:after {
    content: "";
    background-image: url(/html/css/../img/icons/btn-plus.svg);
    width: 12px;
    height: 12px;
    display: block
}

.btn-plus.disabled {
    background-color: #a5a5a5
}

.btn-plus.added {
    padding: 2px;
    background-color: #477707
}

.btn-plus.added:after {
    content: "";
    background-image: url(/html/css/../img/icons/check-mark.svg);
    width: 16px;
    height: 16px;
    display: block
}

.btn-arrow {
    width: 24px;
    height: 24px;
    background: #8d4086;
    border-radius: 50%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1440px) {
    .btn-arrow {
        width: 40px;
        height: 40px
    }
}

.btn-arrow:after {
    content: "";
    background-image: url(/html/css/../img/icons/btn-arrow-right.svg);
    width: 24px;
    height: 24px;
    display: block;
    margin: auto;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 50%
}

.btn-popup {
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    width: 100%;
    background: #77176e;
    color: #fff;
    font-size: 12px
}

.btn-popup:disabled, .btn-popup[disabled] {
    background: #fff;
    color: #77176e
}

.btn-chat {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn-chat .text {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 2px;
    color: #555
}

.btn-chat .description {
    color: #77176e;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.btn-chat .caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    text-align: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.btn-chat svg {
    margin: 2px 2px 0 32px
}

.btn-preloader {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-preloader:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-color: #7c2582 transparent;
    border-style: solid;
    border-width: 6px;
    -webkit-animation: dual-circle 1.2s linear infinite;
    animation: dual-circle 1.2s linear infinite
}

@-webkit-keyframes dual-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes dual-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.card-item {
    position: relative;
    padding: 48px 12px 12px;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .card-item {
        padding: 30px 16px 16px
    }
}

@media only screen and (min-width: 1024px) {
    .card-item {
        padding: 16px 30px 30px
    }
}

.card-item a {
    text-decoration: none
}

.card-item .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.card-item__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 17px;
    position: absolute;
    top: 0;
    right: 0;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 8px 6px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width: 1024px) {
    .card-item__labels {
        height: 23px;
        width: calc(100% + 20px);
        position: static;
        margin-bottom: 24px;
        margin-left: -10px;
        padding: 0
    }
}

.card-item__labels .label {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 145%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 17px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2px;
    margin-bottom: 2px
}

@media only screen and (min-width: 1024px) {
    .card-item__labels .label {
        padding: 0 12px;
        border-radius: 8px;
        height: 23px;
        margin-left: 8px;
        margin-bottom: 0;
        margin-right: 0
    }
}

.card-item__labels .label:first-child {
    margin-left: 0
}

.card-item__labels .label:nth-child(n+3) {
    display: none
}

.card-item__labels .label-orange {
    background: rgba(233, 161, 75, .1);
    color: #e9a14b
}

.card-item__labels .label-gift {
    padding: 0 8px
}

.card-item__labels .label-purple {
    color: #77176e;
    background: rgba(141, 64, 134, .1)
}

.card-item__labels .label-empty {
    height: 16px;
    width: 0;
    padding: 0;
    margin: 0
}

.card-item__labels .label-gray {
    background: hsla(0, 0%, 64.7%, .16);
    color: #555
}

.card-item__labels .label-application {
    margin-right: -3px
}

@media only screen and (min-width: 1024px) {
    .card-item__labels .label-application {
        margin-right: -6px
    }
}

.card-item__labels .label-application svg {
    width: 11px;
    height: 18px
}

@media only screen and (min-width: 768px) {
    .card-item__labels .label-application svg {
        width: 15px;
        height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .card-item__labels .label-application svg {
        width: 20px;
        height: 32px
    }
}

@media only screen and (min-width: 1024px) {
    .card-item__imgTitle {
        margin-bottom: 14px
    }
}

.card-item__img {
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 96px;
    height: 96px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media only screen and (min-width: 768px) {
    .card-item__img {
        margin-left: auto;
        margin-right: auto;
        width: 110px;
        height: 110px
    }
}

@media only screen and (min-width: 1024px) {
    .card-item__img {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 140px;
        height: 140px
    }
}

.card-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.card-item__display-title {
    font-weight: 600;
    color: #071a33;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
    width: 100%;
    margin-bottom: 3px;
    max-height: 36px;
    height: 36px;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (min-width: 1024px) {
    .card-item__display-title {
        font-size: 14px;
        max-height: 20px;
        margin-bottom: 8px;
        line-height: 145%
    }
}

.card-item__title {
    font-weight: 500;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    max-height: 36px;
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width: 1024px) {
    .card-item__title {
        font-size: 12px;
        max-height: 32px;
        margin-bottom: 0;
        line-height: 145%
    }
}

.card-item__usable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1024px) {
    .card-item__usable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.card-item__usable .usable__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-item__usable .usable__icons .icon__compare, .card-item__usable .usable__icons .icon__favorite {
    margin-right: 8px;
    width: 16px;
    height: 16px
}

@media only screen and (min-width: 1024px) {
    .card-item__usable .usable__icons .icon__compare, .card-item__usable .usable__icons .icon__favorite {
        margin-right: 16px;
        width: 24px;
        height: 24px
    }
}

.card-item__price {
    z-index: 2
}

@media only screen and (min-width: 1024px) {
    .card-item__price {
        margin-right: 17px
    }
}

.card-item__price .prev {
    font-weight: 500;
    line-height: 145%;
    color: #8693a2;
    font-size: 11px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

@media only screen and (min-width: 768px) {
    .card-item__price .prev {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .card-item__price .prev {
        font-size: 10px
    }
}

.card-item__price .curr {
    font-weight: 700;
    font-size: 16px;
    line-height: 145%;
    color: #071a33
}

.card-item__price .not-available {
    font-weight: 700;
    font-size: 11px;
    line-height: 145%;
    color: #8693a2
}

@media only screen and (min-width: 768px) {
    .card-item__price .not-available {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .card-item__price .not-available {
        font-size: 10px
    }
}

.card-item__action {
    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;
    z-index: 2;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .card-item__action {
        margin-top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.card-item__compare, .card-item__favorite {
    cursor: pointer;
    width: 28px;
    height: 28px
}

@media only screen and (min-width: 1024px) {
    .card-item__compare, .card-item__favorite {
        width: 24px;
        height: 24px;
        margin-right: 16px
    }
}

.card-item__compare .fill, .card-item__compare:hover .hover, .card-item__favorite .fill, .card-item__favorite:hover .hover {
    fill: #8d4086 !important
}

.card-item__compare svg, .card-item__favorite svg {
    width: 28px;
    height: 28px
}

@media only screen and (min-width: 1024px) {
    .card-item__compare svg, .card-item__favorite svg {
        width: 24px;
        height: 24px
    }
}

.card-item__compare .hidden, .card-item__favorite .hidden {
    display: none
}

.card-item__compare div[type=button], .card-item__favorite div[type=button] {
    -webkit-appearance: none
}

@media only screen and (min-width: 1024px) {
    .card-item__favorite {
        margin-right: 20px
    }
}

.card-item__btn {
    background: #8d4086;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 50%;
    border: 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;
    padding: 0;
    cursor: pointer;
    width: 40px;
    height: 40px
}

.card-item__btn svg {
    width: 20px;
    height: 20px
}

.card-item__btn.disabled {
    background: #f8f9fa;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.iti {
    position: relative
}

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

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    height: 100%;
    padding: 13px 6px 12px 20px
}

.iti__arrow, .iti__selected-flag {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iti__arrow {
    margin-left: 14px;
    height: 16px;
    border-right: 1px solid #e4e4e4;
    padding-right: 16px
}

.iti__arrow:before {
    content: "";
    background-image: url(/html/css/../img/icons/arrow-dropdown.svg);
    width: 8px;
    height: 8px;
    position: absolute
}

.iti__arrow--up {
    border-top: none
}

.iti__country-list {
    position: absolute;
    z-index: 101;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 400px;
    left: -20px;
    max-height: 150px;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: none
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 104px;
    text-indent: 0;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #141414
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    -webkit-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/html/css/../img/flags/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/html/css/../img/flags/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .pagination {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .pagination {
        margin-bottom: 60px
    }
}

.pagination a {
    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;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 8px;
    width: 40px;
    height: 40px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414
}

.pagination a svg {
    width: 16px
}

.pagination .active {
    background: #8d4086;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    color: #fff
}

.pagination .disabled {
    opacity: .1
}

.checkbox {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414;
    position: relative;
    padding-left: 30px
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox input:checked ~ .checkmark:after {
    display: block
}

.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 148%;
    border: 1px solid #a5a5a5
}

.checkbox .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    background: #77176e;
    border-radius: 1px;
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px
}

.checkbox-tick {
    color: #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.checkbox-tick input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-tick input:checked ~ .checkmark {
    background: #7c2582;
    border: 1px solid #7c2582
}

.checkbox-tick input:checked ~ .checkmark svg {
    display: block
}

.checkbox-tick .checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid #a5a5a5;
    border-radius: 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;
    margin: 2px
}

.checkbox-tick .checkmark svg {
    display: none
}

.checkbox-tick .name {
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #555
}

.input-group {
    background: #fff;
    border-radius: 40px;
    padding: 4px
}

@media only screen and (max-width: 767px) {
    .input-group {
        padding: 0
    }
}

.input-group.promocode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff !important
}

.input-group.promocode input {
    margin-top: 0;
    height: 40px !important;
    padding: 0;
    text-indent: 20px
}

.input-group input {
    border: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    padding: 12px 16px;
    width: 100%;
    border-radius: 40px
}

.help-block {
    margin-left: 20px;
    margin-top: 1px
}

.field-validation-error, .text-danger {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #d44300
}

.callout-danger li {
    list-style-type: none
}

.callout-danger ul {
    margin: 10px 0 0;
    padding: 0
}

.input-validation-error {
    border: 1px solid #d44300 !important
}

.suggestions-addon[data-addon-type=clear] {
    width: 16px !important;
    right: 10px !important
}

.suggestions-mobile {
    width: 100%;
    max-width: 358px !important;
    left: 0 !important;
    top: 0 !important;
    border: 1px solid #999 !important
}

@media only screen and (max-width: 480px) {
    .suggestions-mobile {
        max-width: 303px !important
    }
}

.suggestions-addon {
    left: auto !important
}

.loader-page {
    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;
    margin: 20px 30px 30px
}

@media only screen and (min-width: 768px) {
    .loader-page {
        margin: 10px 20px 30px 30px
    }
}

@media only screen and (min-width: 1280px) {
    .loader-page {
        margin: 10px 10px 30px 30px
    }
}

.loader-page__message {
    color: #77176e;
    text-align: center;
    max-width: 380px;
    font-size: 16px;
    line-height: 145%;
    margin-top: 30px
}

.lds-dual-ring {
    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;
    width: 80px;
    height: 80px
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-color: #77176e transparent;
    border-style: solid;
    border-width: 6px;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.input-group .input-wrap .form-group .select2 {
    margin-top: 0;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    padding: 16px 20px;
    border: none;
    border-radius: 40px;
    max-height: 48px
}

.input-group .input-wrap .form-group .select2 .select2-selection {
    border: none;
    display: inherit
}

.input-group .input-wrap .form-group .select2 .select2-selection__rendered {
    padding-left: 0;
    line-height: normal;
    color: #555
}

.input-group .input-wrap .form-group .select2 .select2-selection__arrow {
    top: 11px;
    right: 15px
}

.input-group .input-wrap .form-group .select2 .select2-selection__arrow .icon {
    max-height: 100%;
    max-width: 100%
}

.daterangepicker {
    position: absolute;
    color: inherit;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-size: 15px;
    line-height: 1em;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 12px
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after, .daterangepicker:before {
    position: absolute;
    display: inline-block;
    content: ""
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table {
    border: none;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 12px
}

.daterangepicker .calendar-table .next {
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 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
}

.daterangepicker .calendar-table .next span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -3px
}

.daterangepicker .calendar-table .prev {
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 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
}

.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-right: -3px
}

.daterangepicker .calendar-table th {
    height: 20px;
    border: none;
    color: #555
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    text-align: center;
    vertical-align: middle;
    min-width: 27px;
    width: 27px;
    line-height: 20px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    padding: 0
}

.daterangepicker .calendar-table td {
    height: 27px;
    border-radius: 4px;
    border: none
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker .calendar-table tr {
    margin-top: 6px;
    display: block
}

.daterangepicker .calendar-table tr td:first-child {
    border-radius: 100px 0 0 100px
}

.daterangepicker .calendar-table tr td:last-child {
    border-radius: 0 100px 100px 0
}

.daterangepicker .calendar-table thead tr:first-child {
    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
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
    color: #a5a5a5
}

.daterangepicker td.in-range {
    background: rgba(119, 23, 110, .08);
    border-color: transparent;
    color: #141414;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #77176e;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled, .daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    cursor: default;
    margin: 0 2% 0 0;
    width: 56%
}

.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    width: 40%
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: auto;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: auto;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
        direction: ltr;
        text-align: left
    }

    .daterangepicker .ranges {
        float: left
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-right: 8px
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker .drp-calendar, .daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .drp-calendar {
        float: left
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }

    .daterangepicker.rtl .ranges {
        float: right
    }
}

.category, .html-content, .profile, .shop, .wrapper {
    padding-top: 80px
}

@media only screen and (min-width: 768px) {
    .category, .html-content, .profile, .shop, .wrapper {
        padding-top: 100px
    }
}

.header {
    height: 40px;
    top: 0;
    z-index: 3;
    background-color: #fff;
    -webkit-transition: 2s;
    transition: 2s
}

.header, .header .overlay {
    left: 0;
    width: 100%;
    position: fixed
}

.header .overlay {
    top: 40px;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 5;
    height: 100%;
    display: none
}

@media only screen and (min-width: 768px) {
    .header .overlay {
        top: 60px
    }
}

.header .overlay.open {
    display: block
}

.header .overlay.banner-open {
    top: 80px
}

@media only screen and (min-width: 768px) {
    .header .overlay.banner-open {
        top: 100px
    }
}

@media only screen and (min-width: 768px) {
    .header {
        height: 60px
    }
}

.header__wrap {
    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
}

.header .logo svg {
    width: 80px
}

@media only screen and (min-width: 768px) {
    .header .logo svg {
        width: 145px
    }
}

.header .navigation__list {
    display: none;
    list-style: none;
    padding-left: 0
}

@media only screen and (min-width: 1280px) {
    .header .navigation__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header .navigation__item {
    margin-left: 40px
}

@media only screen and (min-width: 1280px) {
    .header .navigation__item {
        margin-left: 60px
    }
}

.header .navigation__link {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414;
    text-decoration: none
}

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

.header .personality .compare, .header .personality .favorite, .header .personality .profile-page, .lang-container, .header .personality .search {
    margin-right: 14px;
    cursor: pointer;
    position: relative
}

@media only screen and (min-width: 768px) {
    .header .personality .compare, .header .personality .favorite, .header .personality .profile-page, .lang-container, .header .personality .search {
        margin-right: 23px
    }
}

@media only screen and (min-width: 1024px) {
    .header .personality .compare, .header .personality .favorite, .header .personality .profile-page, .lang-container, .header .personality .search {
        margin-right: 30px
    }
}

.header .personality .compare, .header .personality .favorite, .header .personality .profile-page,.lang-container {
    display: none
}

@media only screen and (min-width: 1280px) {
    .header .personality .compare, .header .personality .favorite, .header .personality .profile-page, .lang-container {
        display: block;
        height: 24px
    }
}

.header .personality .favorite .bag-inner {
    right: -4px;
    top: -4px
}

@media only screen and (min-width: 1024px) {
    .header .personality .profile-page .label {
        display: none
    }
}

.header .personality .search {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 63px;
    float: right;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .header .personality .search {
        height: 60px
    }
}

.header .personality .search form {
    height: 100%;
    width: 100%
}

.header .personality .search__input-wrap {
    position: relative;
    height: 100%;
    width: 100%
}

.header .personality .search__input-wrap.active .search {
    display: none
}

.header .personality .search__input-wrap .close {
    position: absolute;
    top: calc(50% - 6px);
    font-size: 5px;
    z-index: -1;
    right: -73px;
    width: 12px;
    height: 12px;
    opacity: 0;
    cursor: pointer;
    pointer-events: all
}

@media only screen and (min-width: 768px) {
    .header .personality .search__input-wrap .close {
        right: -177px;
        width: 16px;
        height: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .header .personality .search__input-wrap .close {
        right: 15px
    }
}

.header .personality .search__input-wrap.active .close {
    opacity: 1;
    z-index: 5
}

.header .personality .search input[type=text] {
    width: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 140%;
    color: #555;
    background-color: #fff;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    height: 28px;
    display: inline-block;
    border: none;
    outline: none;
    padding: 3px 60px 3px 3px;
    width: 0;
    position: absolute;
    top: calc(50% - 14px);
    right: 0;
    z-index: 4;
    -webkit-transition: width .2s cubic-bezier(.5, .795, .5, 1);
    transition: width .2s cubic-bezier(.5, .795, .5, 1);
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .header .personality .search input[type=text] {
        font-size: 12px;
        height: 40px;
        top: calc(50% - 20px);
        background-size: 24px;
        background-position: calc(100% - 12px) 50%;
        -webkit-transition: width .2s cubic-bezier(0, .795, 0, 1);
        transition: width .2s cubic-bezier(0, .795, 0, 1)
    }
}

.header .personality .search input[type=text]:focus {
    width: 197px;
    cursor: text;
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 12px 47px 11px 12px;
    left: -47px;
    -webkit-box-shadow: 2px 50px 0 inset #f8f9fa;
    box-shadow: inset 2px 50px 0 #f8f9fa
}

@media only screen and (min-width: 768px) {
    .header .personality .search input[type=text]:focus {
        width: 525px;
        right: -210px;
        padding: 12px 47px 11px 20px;
        left: auto
    }
}

@media only screen and (min-width: 834px) {
    .header .personality .search input[type=text]:focus {
        width: 590px
    }
}

@media only screen and (min-width: 1024px) {
    .header .personality .search input[type=text]:focus {
        width: 440px;
        right: 0;
        padding: 12px 47px 11px 44px
    }
}

@media only screen and (min-width: 1280px) {
    .header .personality .search input[type=text]:focus {
        width: 696px
    }
}

.header .personality .search input:focus:-moz-placeholder-shown {
    padding: 12px 47px 11px 32px;
    background-image: url(/html/css/../img/icons/search-small_x1.svg);
    background-position: 12px 50%;
    box-shadow: none
}

.header .personality .search input:focus:-ms-input-placeholder {
    padding: 12px 47px 11px 32px;
    background-image: url(/html/css/../img/icons/search-small_x1.svg);
    background-position: 12px 50%;
    box-shadow: none
}

.header .personality .search input:focus:placeholder-shown {
    padding: 12px 47px 11px 32px;
    background-image: url(/html/css/../img/icons/search-small_x1.svg);
    background-position: 12px 50%;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width: 768px) {
    .header .personality .search input:focus:-moz-placeholder-shown {
        padding: 12px 47px 11px 48px;
        background-image: url(/html/css/../img/icons/search-small_x2.svg);
        background-position: 14px 50%
    }

    .header .personality .search input:focus:-ms-input-placeholder {
        padding: 12px 47px 11px 48px;
        background-image: url(/html/css/../img/icons/search-small_x2.svg);
        background-position: 14px 50%
    }

    .header .personality .search input:focus:placeholder-shown {
        padding: 12px 47px 11px 48px;
        background-image: url(/html/css/../img/icons/search-small_x2.svg);
        background-position: 14px 50%
    }
}

.header .personality .search input[type=text]::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
    font-weight: 400
}

.header .personality .search input[type=text]::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1;
    font-weight: 400
}

.header .personality .search input[type=text]:-ms-input-placeholder {
    opacity: 1
}

.header .personality .search input[type=text]::-ms-input-placeholder {
    opacity: 1
}

.header .personality .search input[type=text]::placeholder {
    color: #a5a5a5;
    opacity: 1;
    font-weight: 400
}

.header .personality .search input[type=text]:-ms-input-placeholder {
    color: #a5a5a5;
    font-weight: 400
}

.header .personality .search input[type=text]::-ms-input-placeholder {
    color: #a5a5a5;
    font-weight: 400
}

.header .personality .search svg {
    position: absolute;
    right: 1px;
    z-index: 4;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    .header .personality .search svg {
        width: 24px;
        height: 24px;
        top: calc(50% - 12px)
    }
}

.header .personality .language {
    margin-right: 14px;
    z-index: 3;
    width: 53px;
    height: 40px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .header .personality .language {
        width: 65px;
        height: 60px;
        margin-right: 19px
    }
}

.header .personality .language-wrap {
    border-radius: 8px;
    position: absolute;
    top: calc(50% - 8px);
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .header .personality .language-wrap {
        top: calc(50% - 11px)
    }
}

.header .personality .language-wrap .current {
    position: relative
}

.header .personality .language-wrap .current, .header .personality .language-wrap .dropdown a {
    font-weight: 600;
    font-size: 10px;
    line-height: 160%;
    color: #555;
    padding: 0 28px 0 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .header .personality .language-wrap .current, .header .personality .language-wrap .dropdown a {
        font-size: 14px;
        padding: 0 35px 0 10px
    }
}

.header .personality .language-wrap .dropdown-item {
    font-size: 10px;
    line-height: 160%
}

.header .personality .language-wrap .current .icon-arrow svg {
    position: absolute;
    content: "";
    top: calc(50% - 7px);
    right: 10px;
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 768px) {
    .header .personality .language-wrap .current .icon-arrow svg {
        width: 16px;
        height: 16px;
        top: calc(50% - 8px)
    }
}

.header .personality .language-wrap .current.active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: calc(50% - 1px)
}

.header .personality .language-wrap .dropdown {
    display: none;
    list-style: none;
    position: absolute;
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin: 0;
    background-color: #f8f9fa;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04)
}

.header .personality .language-wrap .dropdown-item {
    margin: 8px 0
}

.header .personality .language-wrap .dropdown-item:last-child {
    margin: 8px 0 10px
}

.header .personality .language-wrap .same-as-selected, .header .personality .language-wrap .select-items div:hover {
    background-color: rgba(0, 0, 0, .1)
}

.header .personality .language.active .language-wrap {
    top: calc(50% - 18px)
}

@media only screen and (min-width: 768px) {
    .header .personality .language.active .language-wrap {
        top: calc(50% - 21px)
    }
}

.header .personality .language.active .current {
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
    padding-top: 10px
}

.header .personality .language.active .current .icon-arrow svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: calc(50% - 1px)
}

.header .personality .language.active .dropdown {
    display: block
}

@media only screen and (min-width: 1024px) {
    .header .personality .vl {
        border-right: 2px solid #e4e4e4;
        height: 24px;
        margin-right: 24px
    }
}

.header .personality .burger__wrap {
    margin-left: 18px;
    width: 28px;
    height: 28px;
    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
}

@media only screen and (min-width: 768px) {
    .header .personality .burger__wrap {
        margin-left: 22px;
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .header .personality .burger__wrap {
        display: none
    }
}

.header .personality .burger__wrap span {
    display: block;
    width: 14px;
    height: 2px;
    background-color: #555;
    margin: 3px 0;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .header .personality .burger__wrap span {
        width: 20px;
        height: 3px;
        margin: 4.5px 0
    }
}

.header .personality .burger__wrap.change {
    background: #f8f9fa;
    border-radius: 6px
}

.header .personality .burger__wrap.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 3px);
    transform: rotate(-45deg) translate(-3px, 3px)
}

@media only screen and (min-width: 768px) {
    .header .personality .burger__wrap.change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-5px, 6px);
        transform: rotate(-45deg) translate(-5px, 6px)
    }
}

.header .personality .burger__wrap.change .bar2 {
    opacity: 0
}

.header .personality .burger__wrap.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -4px);
    transform: rotate(45deg) translate(-4px, -4px)
}

@media only screen and (min-width: 768px) {
    .header .personality .burger__wrap.change .bar3 {
        -webkit-transform: rotate(45deg) translate(-4px, -5px);
        transform: rotate(45deg) translate(-4px, -5px)
    }
}

.header .personality .bag {
    position: relative;
    height: 28px;
    width: 28px;
    border-radius: 8px;
    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
}

.bag.active {
    background: #f8f9fa;
}

@media only screen and (min-width: 768px) {
    .header .personality .bag {
        height: 40px;
        width: 40px
    }
}

.header .personality .bag .cart {
    height: 16px;
    width: 16px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .header .personality .bag .cart {
        height: 24px;
        width: 24px
    }
}

.header .personality .bag .cart svg {
    height: 16px;
    width: 16px
}

@media only screen and (min-width: 768px) {
    .header .personality .bag .cart svg {
        height: 24px;
        width: 24px
    }
}

.header .personality .bag-inner {
    position: absolute;
    background: #77176e;
    height: 12px;
    width: 12px;
    border-radius: 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;
    top: 0;
    right: -4px
}

@media only screen and (min-width: 768px) {
    .header .personality .bag-inner {
        right: 0
    }
}

.header .personality .bag-inner .cart__amount {
    font-weight: 600;
    font-size: 6px;
    text-align: center;
    color: #fff
}

.header .personality .bucket-popup {
    display: none
}

.header .popup-menu {
    display: none;
    position: absolute;
    top: 39px;
    right: 0;
    z-index: 5;
    background-color: #fff;
    width: 260px;
    height: calc(100vh - 40px)
}

@media only screen and (min-width: 768px) {
    .header .popup-menu {
        top: 59px;
        width: 324px;
        height: calc(100vh - 60px)
    }
}

.header .popup-menu__list-action, .header .popup-menu__list-page {
    list-style: none
}

.header .popup-menu__list-page {
    margin-top: 60px;
    padding-left: 40px;
    margin-bottom: 30px
}

.header .popup-menu__list-page .list-page__item {
    margin-bottom: 14px
}

.header .popup-menu__list-page .list-page__item .accordion__button, .header .popup-menu__list-page .list-page__item h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 146.28%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-page .list-page__item .accordion__button, .header .popup-menu__list-page .list-page__item h2 {
        font-size: 12px;
        line-height: 18px
    }
}

.header .popup-menu__list-page .list-page__item a {
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 146.28%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-page .list-page__item a {
        font-size: 12px;
        line-height: 18px
    }
}

.header .popup-menu__list-page .list-page__item .accordion__button {
    padding: 0
}

.header .popup-menu__list-page .list-page__item .accordion__button.active {
    border-radius: 0
}

.header .popup-menu__list-page .list-page__item .accordion__button:after {
    content: "";
    background-image: url(/html/css/../img/icons/arrow-dropdown.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 12px;
    height: 12px;
    left: 10px;
    top: 2px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-page .list-page__item .accordion__button:after {
        left: 18px;
        width: 16px;
        height: 16px
    }
}

.header .popup-menu__list-page .list-page__item .accordion__button.active:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: 3px
}

.header .popup-menu__list-page .list-page__item .accordion__text {
    padding: 0 0 0 12px
}

.header .popup-menu__list-page .list-page__item .accordion__text ul {
    list-style: none;
    padding-left: 0;
    margin-top: 14px
}

.header .popup-menu__list-page .list-page__item .accordion__text ul li {
    margin-bottom: 6px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-page .list-page__item .accordion__text ul li {
        margin-bottom: 8px
    }
}

.header .popup-menu__list-page .list-page__item .accordion__text ul p {
    padding: 0;
    margin: 0;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-page .list-page__item .accordion__text ul p {
        height: 32px
    }
}

.header .popup-menu__list-page .list-page__item .accordion__text ul a {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #555;
    text-decoration: none;
    padding: 0 12px;
    letter-spacing: normal;
    text-transform: none;
    vertical-align: sub
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-page .list-page__item .accordion__text ul a {
        font-size: 16px;
        line-height: 24px;
        padding: 4px 12px
    }
}

.header .popup-menu__list-page .list-page__item .accordion__text ul .active p {
    background: #f8f9fa;
    border-radius: 8px
}

.header .popup-menu__list-page .list-page__item .accordion__text ul .active a {
    color: #77176e;
    font-style: normal;
    font-weight: 600
}

.header .popup-menu__list-action .list-action__item {
    margin-bottom: 14px;
    position: relative
}

.header .popup-menu__list-action .list-action__item .compare, .header .popup-menu__list-action .list-action__item .favorite, .header .popup-menu__list-action .list-action__item .profile-page a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .popup-menu__list-action .list-action__item a {
    text-decoration: none
}

.header .popup-menu__list-action .list-action__item a svg {
    width: 16px;
    height: 16px
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-action .list-action__item a svg {
        width: 24px;
        height: 24px
    }
}

.header .popup-menu__list-action .list-action__item p {
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 146.28%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414;
    margin-left: 12px;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-action .list-action__item p {
        font-size: 12px;
        line-height: 18px;
        margin-left: 18px
    }
}

.header .popup-menu__list-action .list-action__item .bag-inner {
    left: 10px;
    top: -4px;
    position: absolute;
    background: #77176e;
    height: 12px;
    width: 12px;
    border-radius: 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
}

@media only screen and (min-width: 768px) {
    .header .popup-menu__list-action .list-action__item .bag-inner {
        left: 20px;
        top: 0
    }
}

.header .popup-menu__list-action .list-action__item .bag-inner span {
    font-weight: 600;
    font-size: 6px;
    text-align: center;
    color: #fff
}

.header .popup-menu.open {
    display: block
}

.footer {
    background-color: #f8f9fa;
    padding-top: 24px
}

@media only screen and (min-width: 768px) {
    .footer {
        padding-top: 40px
    }
}

.footer .footer-grey-title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5;
    margin-bottom: 2px
}

.footer .footer-top {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    margin-bottom: 32px
}

@media only screen and (min-width: 1280px) {
    .footer .footer-top {
        grid-template-columns:664px minmax(0, 1fr);
        grid-column-gap: 64px;
        margin-bottom: 40px
    }
}

.footer .footer-top .footer-contacts {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 12px;
    padding: 32px 20px 24px
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-contacts {
        padding: 32px;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-column-gap: 40px
    }
}

.footer .footer-top .footer-contacts .footer-logo {
    max-width: 245px
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-contacts .footer-logo {
        max-width: 260px
    }
}

.footer .footer-top .footer-contacts .footer-logo > a {
    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: 151px;
    height: 22px
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-contacts .footer-logo > a {
        width: 165px;
        height: 24px
    }
}

.footer .footer-top .footer-contacts .footer-logo > a svg {
    width: 100%;
    height: 100%
}

.footer .footer-top .footer-contacts .footer-logo > span {
    display: block;
    margin-top: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-contacts .footer-logo > span {
        margin-top: 16px
    }
}

.footer .footer-top .footer-contacts .footer-email > a {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #77176e;
    text-decoration: none;
    display: block
}
.footer-feedback-info a {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #77176e;
    text-decoration: none;
    display: block;
}

.footer .footer-top .footer-contacts .footer-socials__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 14px 0 0;
    padding: 0;
    list-style: none
}

.footer .footer-top .footer-contacts .footer-socials__links .link-item:not(.footer .footer-top .footer-contacts .footer-socials__links .link-item:first-child) {
    margin-left: 24px
}

.footer .footer-top .footer-contacts .footer-socials__links .link-item > a {
    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: 24px;
    height: 24px
}

.footer .footer-top .footer-contacts .footer-socials__links .link-item > a svg {
    width: 100%;
    height: 100%
}

.footer .footer-top .footer-contacts .footer-socials__links .link-item > a > span {
    display: none
}

.footer .footer-top .footer-contacts .footer-contacts-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    grid-row: 2
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-contacts .footer-contacts-data {
        grid-row: 1/span 3;
        grid-column: 2;
        grid-gap: 30px;
        gap: 30px
    }
}

.footer .footer-top .footer-contacts .footer-contacts-data .footer-contact-phone__link {
    display: block;
    margin-bottom: 2px
}

.footer .footer-top .footer-contacts .footer-contacts-data .footer-contact-phone__link > a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #8d4086;
    text-decoration: none
}

.footer .footer-top .footer-contacts .footer-contacts-data .footer-contact-phone__caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #555
}

.footer .footer-top .footer-contacts .footer-contacts-data__subtext {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555
}

.footer .footer-top .footer-links {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-row-gap: 12px;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-column-gap: 40px;
        margin-top: 32px
    }
}

.footer .footer-top .footer-links__group {
    padding: 16px 24px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04)
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links__group {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        padding: 0;
        background-color: unset
    }
}

.footer .footer-top .footer-links__group .footer-links__group-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links__group .footer-links__group-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
        pointer-events: none
    }
}

.footer .footer-top .footer-links__group .footer-links__group-title svg {
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links__group .footer-links__group-title svg {
        display: none
    }
}

.footer .footer-top .footer-links__group .footer-links__group-title.active {
    margin-bottom: 16px
}

.footer .footer-top .footer-links__group .footer-links__group-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in;
    transition: max-height .5s ease-in
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links__group .footer-links__group-content {
        max-height: unset;
        overflow: visible
    }
}

.footer .footer-top .footer-links__group .footer-links__group-content .footer-group-link {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links__group .footer-links__group-content .footer-group-link {
        font-size: 14px
    }
}

.footer .footer-top .footer-links__group .footer-links__group-content .footer-group-link:not(.footer .footer-top .footer-links__group .footer-links__group-content .footer-group-link:last-child) {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .footer .footer-top .footer-links__group .footer-links__group-content .footer-group-link:not(.footer .footer-top .footer-links__group .footer-links__group-content .footer-group-link:last-child) {
        margin-bottom: 16px
    }
}

.footer .footer-bottom {
    border-top: 1px solid #e4e4e4;
    padding: 16px 0
}

@media only screen and (min-width: 1280px) {
    .footer .footer-bottom {
        padding: 20px 0
    }
}

.footer .footer-bottom__wrap {
    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
}

@media only screen and (min-width: 1280px) {
    .footer .footer-bottom__wrap {
        -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
    }
}

.footer .footer-bottom__wrap .rights {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    margin-top: 8px
}

@media only screen and (min-width: 1280px) {
    .footer .footer-bottom__wrap .rights {
        margin-top: 0
    }
}

.footer .footer-bottom__wrap .bottom-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row-gap: 8px;
    row-gap: 8px;
    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media only screen and (min-width: 768px) {
    .footer .footer-bottom__wrap .bottom-links {
        grid-column-gap: 40px;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.footer .footer-bottom__wrap .bottom-links__item {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-decoration: none
}

.noscroll {
    overflow: hidden
}

.burger-window, .search-window {
    display: none
}

.modal-window {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 95vh;
    width: auto;
    max-width: 99vw;
    overflow: hidden;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    transform: translate(-50%, -50%) scale(0);
}

.modal-window.opened {
    transform: translate(-50%, -50%) scale(1);
    transition: 200ms ease-in-out;
}

@media only screen and (min-width: 768px) {
    .modal-window.opened {
        max-width: 688px
    }
}

@media only screen and (min-width: 1024px) {
    .modal-window.opened {
        max-width: 972px
    }
}

.modal-window__scroll {
    max-height: 80vh;
    height: 100%;
    overflow-x: hidden;
    position: relative
}

@media only screen and (min-width: 768px) {
    .modal-window__scroll {
        margin-right: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .modal-window__scroll {
        margin-right: 20px
    }
}

.modal-window__scroll::-webkit-scrollbar {
    width: 10px
}

.modal-window__scroll::-webkit-scrollbar-track {
    background: #f8f9fa;
    margin: 100px 20px 110px -20px;
    border: 20px solid transparent
}

.modal-window__scroll::-webkit-scrollbar-thumb {
    background: #77176e;
    border-radius: 4px;
    border: 2px solid #f8f9fa
}

.modal-window__header {
    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;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    padding: 20px 14px 20px 24px;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .modal-window__header {
        padding: 32px 10px 20px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .modal-window__header {
        padding: 40px 0 28px 40px
    }
}

.modal-window__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    max-width: 260px
}

@media only screen and (min-width: 768px) {
    .modal-window__title {
        font-size: 24px;
        max-width: 95%;
        line-height: 30px
    }
}

.modal-window__title > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    color: #141414;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .modal-window__title > a {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px
    }
}

.modal-window__title > a svg {
    margin-right: 4px
}

.modal-window__close {
    width: 18px;
    height: 18px;
    margin-left: auto
}

@media only screen and (min-width: 1024px) {
    .modal-window__close {
        width: 32px;
        height: 32px
    }
}

.modal-window__close svg {
    width: 18px;
    height: 18px;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .modal-window__close svg {
        width: 32px;
        height: 32px
    }
}

.modal-window__text {
    padding: 0 14px 14px
}

@media only screen and (min-width: 768px) {
    .modal-window__text {
        padding: 0 14px 24px 24px
    }
}

@media only screen and (min-width: 1024px) {
    .modal-window__text {
        padding: 0 20px 40px 40px
    }
}

.modal-window__text .description {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #555;
    min-width: 300px
}

@media only screen and (min-width: 768px) {
    .modal-window__text .description {
        min-width: 640px;
        font-size: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .modal-window__text .description {
        max-width: 680px
    }
}

.modal-window__text .img {
    margin: 30px auto;
    height: 182px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .modal-window__text .img {
        width: 468px;
        height: 124px;
        margin: 10px auto
    }
}

@media only screen and (min-width: 1024px) {
    .modal-window__text .img {
        margin: 16px auto;
        width: 587px;
        height: 155px
    }
}

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

.cookie-popup {
    padding: 24px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    bottom: 10px;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 327px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    z-index: 10
}

@media only screen and (min-width: 768px) {
    .cookie-popup {
        max-width: 688px;
        padding: 24px 24px 24px 30px;
        bottom: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media only screen and (min-width: 1024px) {
    .cookie-popup {
        max-width: 960px;
        padding: 24px 24px 30px 40px
    }
}

.cookie-popup a {
    text-decoration: none
}

.cookie-popup h3 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 160%;
    color: #141414;
    max-width: 247px
}

@media only screen and (min-width: 768px) {
    .cookie-popup h3 {
        line-height: 26px;
        max-width: none
    }
}

@media only screen and (min-width: 1024px) {
    .cookie-popup h3 {
        font-size: 16px;
        margin-top: 6px
    }
}

.cookie-popup p {
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cookie-popup p {
        max-width: 510px
    }
}

@media only screen and (min-width: 1024px) {
    .cookie-popup p {
        max-width: 688px;
        font-size: 12px;
        line-height: 22px
    }
}

.cookie-popup .cross {
    position: absolute;
    right: 24px;
    top: 24px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.cookie-popup .btn {
    line-height: 150%;
    color: #77176e;
    margin: 12px 4px 0 auto;
    padding: 12px 16px;
    font-size: 8px
}

@media only screen and (min-width: 768px) {
    .cookie-popup .btn {
        margin: auto 0 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .cookie-popup .btn {
        margin: auto 0 10px auto;
        font-size: 12px;
        padding: 15px 30px
    }
}

.promo-banner-top-slider {
    width: 100%;
    position: fixed;
    top: -40px;
    z-index: 3;
    -webkit-transition: top 2s ease 0s;
    transition: top 2s ease 0s
}

.promo-banner-top-slider__wrapper {
    background-color: #77176e;
    height: 40px
}

.promo-banner-top-slider__slide {
    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;
    height: 40px
}

.promo-banner-top-slider__slide-text {
    font-weight: 700;
    font-size: 10px;
    line-height: 132%;
    color: #fff;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .promo-banner-top-slider__slide-text {
        font-size: 12px
    }
}

.promo-banner-top-slider__slide-text:hover {
    color: #fff
}

.promo-banner-top-slider__slide-text .colored {
    color: #e09b48
}

.promo-banner-top-slider__slide-text em {
    font-style: normal
}

.promo-banner-top-slider .swiper-button-next:after, .promo-banner-top-slider .swiper-button-prev:after {
    content: ""
}

.promo-banner-top-slider .swiper-button-next svg path, .promo-banner-top-slider .swiper-button-prev svg path {
    fill: #fff
}

.promo-banner-top-slider .swiper-button-prev {
    left: 0
}

.promo-banner-top-slider .swiper-button-next {
    right: 0
}

.basket-die-header {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    padding: 16px;
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e4e4e4;
    position: relative
}

@media only screen and (min-width: 768px) {
    .basket-die-header {
        padding: 16px 20px;
        border-top: none;
        width: calc(100% - 80px);
        margin: 16px auto 0;
        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;
        border-radius: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .basket-die-header {
        padding: 16px 36px;
        width: 100%
    }
}

.basket-die-header .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.basket-die-header .info .text {
    min-width: 152px
}

.basket-die-header .info .text span {
    font-weight: 600;
    color: #000
}

.basket-die-header .info .text .count {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

@media only screen and (min-width: 768px) {
    .basket-die-header .info .text .count {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .basket-die-header .info .text .count {
        font-size: 16px;
        line-height: 24px
    }
}

.basket-die-header .info .text .cost {
    margin-top: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .basket-die-header .info .text .cost {
        font-size: 12px;
        line-height: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .basket-die-header .info .text .cost {
        font-size: 14px;
        line-height: 20px
    }
}

.basket-die-header .info .products {
    display: none
}

@media only screen and (min-width: 768px) {
    .basket-die-header .info .products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .basket-die-header .info .products {
        margin-left: 48px
    }
}

.basket-die-header .info .products .img {
    background: #fff;
    border: 1px solid hsla(0, 0%, 89.4%, .5);
    border-radius: 8px;
    margin-right: 8px;
    padding: 4px;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.basket-die-header .info .products .img:last-child {
    margin-right: 0
}

@media only screen and (min-width: 1280px) {
    .basket-die-header .info .products .img {
        width: 56px;
        height: 56px;
        margin-right: 12px
    }

    .basket-die-header .info .products .img:nth-child(n+9) {
        display: none
    }
}

.basket-die-header .info .products .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.basket-die-header .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .basket-die-header .buttons {
        margin-top: 0;
        min-width: 322px;
        margin-left: 18px;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}

.basket-die-header .buttons .btn {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    width: calc(50% - 6px);
    padding: 9px 0
}

@media only screen and (min-width: 768px) {
    .basket-die-header .buttons .btn {
        padding: 9px 16px;
        width: auto
    }

    .basket-die-header .buttons .btn:first-child {
        margin-right: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .basket-die-header .buttons .btn:first-child {
        margin-right: 12px
    }
}

.basket-die-header .buttons .close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 24px;
    width: 20px;
    height: 20px
}

.basket-die-header .buttons .close svg {
    width: 20px;
    height: 20px
}

@media only screen and (min-width: 768px) {
    .basket-die-header .buttons .close {
        width: 16px;
        height: 16px;
        position: static;
        margin-left: 16px
    }

    .basket-die-header .buttons .close svg {
        width: 16px;
        height: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .basket-die-header .buttons .close {
        margin-left: 24px
    }
}

.pudov__product {
    background-color: #fff;
    padding-top: 60px
}

@media only screen and (min-width: 1025px) {
    .pudov__product {
        padding-top: 102px
    }
}

.pudov__product .product__container {
    display: grid;
    grid-template-columns:100%;
    padding-right: 24px;
    padding-left: 24px
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__container {
        grid-template-columns:44% 56%;
        padding-right: 0;
        padding-left: 32px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__container {
        grid-template-columns:49% 51%;
        padding-left: 0
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__container {
        grid-template-columns:58% 42%;
        padding-right: 0
    }
}

.pudov__product .product__img {
    grid-area: 3/1/4/2;
    margin-bottom: 18px;
    width: 100%;
    height: auto
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__img {
        grid-area: 1/2/5/3;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__img {
        grid-area: 1/1/5/2
    }
}

.pudov__product .product__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.pudov__product .product__subtitle {
    grid-area: 1/1/2/2
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__subtitle {
        grid-area: 1/2/2/3;
        margin-left: 32px
    }
}

.pudov__product .product__subtitle h2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #000;
    padding-top: 17px;
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__subtitle h2 {
        font-size: 18px;
        line-height: 22px;
        padding-top: 37px;
        margin-bottom: 82px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__subtitle h2 {
        padding-top: 88px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__subtitle h2 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 215px
    }
}

.pudov__product .product__title {
    grid-area: 2/1/3/2
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__title {
        grid-area: 2/2/3/3;
        margin-left: 32px;
        padding-right: 150px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__title {
        padding-right: 171px
    }
}

.pudov__product .product__title h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__title h1 {
        font-size: 40px;
        line-height: 130%;
        margin-bottom: 86px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__title h1 {
        font-size: 52px;
        line-height: 130%;
        margin-bottom: 56px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__title h1 {
        font-size: 75px;
        line-height: 130%
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__product .product__title h1 {
        font-size: 93px;
        line-height: 130%
    }
}

.pudov__product .product__title .title__italic, .pudov__product .product__title .title__violet {
    font-family: Merriweather, serif;
    font-size: 29px;
    font-style: italic;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__title .title__italic, .pudov__product .product__title .title__violet {
        font-size: 45px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__title .title__italic, .pudov__product .product__title .title__violet {
        font-size: 57px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__title .title__italic, .pudov__product .product__title .title__violet {
        font-size: 85px;
        line-height: 130%
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__product .product__title .title__italic, .pudov__product .product__title .title__violet {
        font-size: 105px
    }
}

.pudov__product .product__title .title__italic {
    color: #eeaa07
}

.pudov__product .product__title .title__violet {
    color: #7c2583
}

.pudov__product .product__title p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: rgba(0, 0, 0, .5);
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__title p {
        margin-bottom: 85px;
        font-size: 16px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__title p {
        margin-bottom: 98px;
        font-size: 18px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1920px) {
    .pudov__product .product__title p {
        margin-bottom: 236px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__title p {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 236px
    }
}

.pudov__product .product__button {
    grid-area: 4/1/5/2;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__button {
        grid-area: 3/1/4/2;
        margin-left: 0
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__button {
        grid-area: 3/2/4/3;
        margin-left: 32px
    }
}

.pudov__product .product__button a, .pudov__product .product__button button {
    width: 196px;
    background: #eeaa07;
    border-radius: 100px;
    padding-top: 12px;
    padding-bottom: 9px;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px;
    display: block;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__button a, .pudov__product .product__button button {
        width: 274px;
        font-size: 18px;
        line-height: 160%;
        padding-top: 19px;
        padding-bottom: 15px;
        margin-bottom: 35px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__button a, .pudov__product .product__button button {
        width: 319px;
        font-size: 21px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__button a, .pudov__product .product__button button {
        width: 500px;
        font-size: 38px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__product .product__button a, .pudov__product .product__button button {
        font-size: 42px;
        line-height: 160%;
        width: 616px
    }
}

.pudov__product .product__price {
    grid-area: 5/1/6/2;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 41px
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__price {
        grid-area: 4/1/5/2;
        margin-bottom: 128px;
        margin-left: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__price {
        grid-area: 4/2/5/3
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__product .product__price {
        margin-left: auto;
        margin-right: auto
    }
}

.pudov__product .product__price .price__new, .pudov__product .product__price .price__old {
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    width: 110px
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__price .price__new, .pudov__product .product__price .price__old {
        font-size: 22px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__price .price__new, .pudov__product .product__price .price__old {
        font-size: 23px;
        width: 120px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__price .price__new, .pudov__product .product__price .price__old {
        font-size: 32px;
        width: 220px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__product .product__price .price__new, .pudov__product .product__price .price__old {
        font-size: 45px;
        width: 600px
    }
}

.pudov__product .product__price .price__old {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #000
}

.pudov__product .product__price .price__new {
    color: #7a2382
}

.pudov__product .product__price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .pudov__product .product__price-wrap {
        width: 240px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__product .product__price-wrap {
        width: 255px
    }
}

@media only screen and (min-width: 1980px) {
    .pudov__product .product__price-wrap {
        width: 470px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__product .product__price-wrap {
        font-size: 45px;
        width: 600px
    }
}

.pudov__details {
    background-color: #eeaa07
}

.pudov__details .details__title {
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 60px;
    margin-bottom: 46px
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__title {
        padding-top: 56px;
        padding-right: 32px;
        padding-left: 32px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__title {
        margin-right: auto;
        margin-left: auto;
        width: 83.33%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 48px
    }
}

.pudov__details .details__title h1 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__title h1 {
        font-size: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__title h1 {
        text-align: center
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__title h1 {
        width: 905px;
        text-align: left
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__title h1 {
        font-size: 70px;
        width: 60vw
    }
}

.pudov__details .details__title span {
    font-family: Merriweather;
    font-weight: 700;
    font-size: 29px;
    font-style: italic;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__title span {
        font-size: 49px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__title span {
        font-size: 79px
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 32px;
        margin-right: 32px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content {
        width: 83.33%;
        margin-right: auto;
        margin-left: auto
    }
}

.pudov__details .details__content .content__back, .pudov__details .details__content .content__front {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pudov__details .details__content .content__back .text, .pudov__details .details__content .content__front .text {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__content .content__back .text, .pudov__details .details__content .content__front .text {
        padding-top: 48px;
        padding-bottom: 55px
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__back .text, .pudov__details .details__content .content__front .text {
        padding-top: 20px;
        padding-bottom: 5px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content .content__back .text, .pudov__details .details__content .content__front .text {
        padding-bottom: 0
    }
}

.pudov__details .details__content .content__back .text div p:first-child, .pudov__details .details__content .content__front .text div p:first-child {
    font-weight: 600;
    font-size: 12px;
    line-height: 145%;
    text-transform: uppercase;
    color: #000;
    position: relative
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__content .content__back .text div p:first-child, .pudov__details .details__content .content__front .text div p:first-child {
        font-size: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .pudov__details .details__content .content__back .text div p:first-child, .pudov__details .details__content .content__front .text div p:first-child {
        font-size: 20px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content .content__back .text div p:first-child, .pudov__details .details__content .content__front .text div p:first-child {
        font-size: 22px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__content .content__back .text div p:first-child, .pudov__details .details__content .content__front .text div p:first-child {
        font-size: 45px
    }
}

.pudov__details .details__content .content__back .text div p:first-child:after, .pudov__details .details__content .content__front .text div p:first-child:after {
    content: "";
    display: inline-block;
    border-bottom: .5px solid #000;
    position: absolute;
    top: 50%
}

.pudov__details .details__content .content__back .text div p:last-child, .pudov__details .details__content .content__front .text div p:last-child {
    display: none
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content .content__back .text div p:last-child, .pudov__details .details__content .content__front .text div p:last-child {
        display: block;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 145%
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__content .content__back .text div p:last-child, .pudov__details .details__content .content__front .text div p:last-child {
        font-size: 26px
    }
}

.pudov__details .details__content .content__back .img, .pudov__details .details__content .content__front .img {
    width: 226px;
    height: 311px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__content .content__back .img, .pudov__details .details__content .content__front .img {
        height: 494px
    }
}

.pudov__details .details__content .content__back .img img, .pudov__details .details__content .content__front .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin: 0
}

.pudov__details .details__content .content__front {
    margin-bottom: 69px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__front {
        width: 25%
    }
}

.pudov__details .details__content .content__front .text {
    padding-left: 24px;
    padding-right: 15px
}

@media only screen and (min-width: 480px) {
    .pudov__details .details__content .content__front .text {
        width: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__front .text {
        width: 100%;
        padding-left: 0
    }
}

.pudov__details .details__content .content__front .text p:first-child:after {
    right: -19.8vw;
    width: 19.8vw
}

@media only screen and (min-width: 600px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        right: -25vw;
        width: 30vw
    }
}

@media only screen and (min-width: 667px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        right: -30vw
    }
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        width: 17.7vw;
        right: -14vw
    }
}

@media only screen and (min-width: 834px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        right: -20vw
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        right: -10vw;
        width: 14vw
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        right: -7vw;
        width: 8.5vw
    }
}

@media only screen and (min-width: 1920px) {
    .pudov__details .details__content .content__front .text p:first-child:after {
        width: 7vw
    }
}

@media only screen and (min-width: 480px) {
    .pudov__details .details__content .content__front .img {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__front .img {
        display: none
    }
}

.pudov__details .details__content .content__back {
    padding-bottom: 80px
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__content .content__back {
        padding-bottom: 55px
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__back {
        width: 75%
    }
}

.pudov__details .details__content .content__back .img {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__back .img {
        width: 550px;
        height: 400px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content .content__back .img {
        width: 38.19vw;
        height: 47.55vh
    }
}

@media only screen and (min-width: 1920px) {
    .pudov__details .details__content .content__back .img {
        height: 55.55vh
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__content .content__back .img {
        height: auto
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__back .img picture {
        width: 100%;
        height: 100%
    }
}

.pudov__details .details__content .content__back .text {
    padding-right: 16px;
    width: 50%
}

.pudov__details .details__content .content__back .text p:first-child:after {
    left: -21.89vw;
    width: 20.13vw
}

@media only screen and (min-width: 600px) {
    .pudov__details .details__content .content__back .text p:first-child:after {
        left: -30vw;
        width: 25vw
    }
}

@media only screen and (min-width: 667px) {
    .pudov__details .details__content .content__back .text p:first-child:after {
        left: -35vw
    }
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__content .content__back .text p:first-child:after {
        width: 19.9vw;
        left: -21vw
    }
}

@media only screen and (min-width: 834px) {
    .pudov__details .details__content .content__back .text p:first-child:after {
        left: -25vw
    }
}

@media only screen and (min-width: 1280px) {
    .pudov__details .details__content .content__back .text p:first-child:after {
        left: -7vw;
        width: 6vw
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__content .content__back .text p:first-child:after {
        left: -7vw;
        width: 6vw
    }
}

.pudov__details .details__button {
    padding-bottom: 58px
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__button {
        padding-bottom: 74px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__button {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__button {
        padding-bottom: 88px
    }
}

.pudov__details .details__button a, .pudov__details .details__button button {
    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: 40px;
    width: 196px;
    background: #7c2583;
    border-radius: 100px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    text-transform: uppercase;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .pudov__details .details__button a, .pudov__details .details__button button {
        font-size: 18px;
        width: 274px;
        height: 62px
    }
}

@media only screen and (min-width: 1440px) {
    .pudov__details .details__button a, .pudov__details .details__button button {
        font-size: 21px;
        width: 319px;
        height: 62px
    }
}

@media only screen and (min-width: 2880px) {
    .pudov__details .details__button a, .pudov__details .details__button button {
        font-size: 42px;
        width: 616px;
        height: 130px
    }
}

.rich__container {
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (min-width: 768px) {
    .rich__container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__container {
        padding-left: 0;
        padding-right: 0;
        width: 1200px;
        margin: 0 auto
    }
}

.rich__button {
    background: #77176e;
    border-radius: 60px;
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    font-size: 10px;
    letter-spacing: .0336em;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 12px 11px;
    text-decoration: none;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 768px) {
    .rich__button {
        font-size: 12px;
        padding: 19px 32px 18px;
        letter-spacing: .0299em
    }
}

.rich__button svg {
    margin-right: 14px;
    margin-bottom: -5px;
    width: 16px;
    height: 16px
}

@media only screen and (min-width: 768px) {
    .rich__button svg {
        margin-bottom: -4px;
        margin-right: 16px
    }
}

@media only screen and (min-width: 768px) {
    .rich__product-wrap {
        display: grid;
        grid-template-areas:"menu menu" "text img";
        grid-template-columns:339px 345px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product-wrap {
        grid-template-areas:"menu img" "text img";
        grid-template-columns:513px 687px;
        grid-template-rows:289px auto
    }
}

.rich__product {
    padding-top: 24px;
    background: radial-gradient(circle at 65%, at 65%, #454444, #080808);
    background: radial-gradient(circle at 65% 65%, #454444, #080808);
    background-size: cover
}

@media only screen and (min-width: 768px) {
    .rich__product {
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product {
        padding-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .rich__product .rich__container {
        padding-left: 0;
        padding-right: 0;
        width: 688px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .rich__container {
        padding-left: 0;
        padding-right: 0;
        width: 1200px;
        margin: 0 auto
    }
}

.rich__product .product__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .rich__product .product__menu {
        grid-area: menu;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .product__menu {
        margin-bottom: 60px;
        padding-top: 80px;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

.rich__product .product__menu .menu__item {
    width: 50%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .rich__product .product__menu .menu__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .product__menu .menu__item {
        width: 100%;
        margin-bottom: 19px
    }
}

.rich__product .product__menu .menu__item p {
    position: relative;
    width: calc(100% - 28px);
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .35);
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .rich__product .product__menu .menu__item p {
        font-size: 16px;
        width: calc(100% - 76px)
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .product__menu .menu__item p {
        width: 315px;
        font-size: 18px;
        line-height: 130%
    }
}

.rich__product .product__menu .menu__item:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.rich__product .product__menu .menu__item:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.rich__product .product__menu .menu__item:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.rich__product .product__menu .menu__item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.rich__product .product__menu .menu__item.active p {
    color: #fff
}

.rich__product .product__menu .menu__item.active p:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #9b2ca3;
    border-bottom: 9px solid transparent;
    top: calc(50% - 9px);
    right: -20px
}

@media only screen and (min-width: 768px) {
    .rich__product .product__menu .menu__item.active p:after {
        border-top: 9px solid transparent;
        border-right: 10px solid #9b2ca3;
        border-bottom: 8px solid transparent
    }
}

.rich__product .product__text-wrap {
    width: 100%;
    height: 110px;
    margin-bottom: 47px
}

@media only screen and (min-width: 768px) {
    .rich__product .product__text-wrap {
        grid-area: text
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .product__text-wrap {
        margin-bottom: 60px
    }
}

.rich__product .product__text {
    display: none;
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    font-size: 16px;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (min-width: 768px) {
    .rich__product .product__text {
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .product__text {
        font-size: 28px;
        line-height: 140%
    }
}

.rich__product .product__img-wrap {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .rich__product .product__img-wrap {
        grid-area: img;
        margin-left: 4px
    }
}

.rich__product .product__img {
    width: 327px;
    height: 347px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .rich__product .product__img {
        width: 345px;
        height: 408px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__product .product__img {
        width: 100%;
        height: 720px
    }
}

.rich__product .product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    margin: 0
}

.rich__description {
    position: relative
}

@media only screen and (min-width: 768px) {
    .rich__description {
        margin: 40px 0
    }
}

.rich__description .description__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rich__description .description__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0
}

.rich__description .description__content {
    padding: 32px 0;
    z-index: 1;
    position: relative
}

@media only screen and (min-width: 768px) {
    .rich__description .description__content {
        padding: 80px 0
    }
}

.rich__description .description__content .content__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    font-size: 20px;
    color: #171717;
    width: 300px;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .rich__description .description__content .content__title {
        font-size: 28px;
        margin-bottom: 40px;
        width: 400px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__description .description__content .content__title {
        font-size: 35px;
        margin-bottom: 60px;
        width: 500px
    }
}

.rich__description .description__content .content__text {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    font-size: 14px;
    color: #171717;
    width: 243px;
    margin-bottom: 306px
}

@media only screen and (min-width: 768px) {
    .rich__description .description__content .content__text {
        font-size: 16px;
        margin-bottom: 101px;
        width: 330px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__description .description__content .content__text {
        font-size: 18px;
        margin-bottom: 168px;
        width: 380px
    }
}

.rich__technology {
    background: radial-gradient(circle at 65%, at 65%, #454444, #080808);
    background: radial-gradient(circle at 65% 65%, #454444, #080808);
    position: relative
}

.rich__technology .technology__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    font-size: 20px;
    color: #fff;
    width: 100%;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__title {
        font-size: 28px;
        width: 520px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__title {
        font-size: 35px;
        margin-bottom: 60px;
        width: 600px
    }
}

.rich__technology .technology__content {
    padding-top: 32px
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content {
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__content {
        padding-top: 80px;
        padding-bottom: 169px;
        width: 740px
    }
}

@media only screen and (min-width: 1440px) {
    .rich__technology .technology__content {
        width: 790px
    }
}

.rich__technology .technology__content .content__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 27px
}

.rich__technology .technology__content .content__item {
    width: 50%
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.rich__technology .technology__content .content__item .item__img {
    width: 32px;
    height: 32px;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item .item__img {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-right: 16px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__content .content__item .item__img {
        width: 48px;
        height: 48px
    }
}

.rich__technology .technology__content .content__item .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0
}

.rich__technology .technology__content .content__item .item__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item .item__title {
        font-size: 16px;
        margin-bottom: 12px;
        width: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__content .content__item .item__title {
        font-size: 18px;
        line-height: 130%;
        margin-bottom: 15px;
        width: 270px
    }
}

.rich__technology .technology__content .content__item .item__text {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-size: 11px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item .item__text {
        font-size: 14px;
        width: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__content .content__item .item__text {
        width: 270px
    }
}

.rich__technology .technology__content .content__item:first-child, .rich__technology .technology__content .content__item:nth-child(2) {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item:first-child, .rich__technology .technology__content .content__item:nth-child(2) {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__content .content__item:first-child, .rich__technology .technology__content .content__item:nth-child(2) {
        margin-bottom: 60px
    }
}

.rich__technology .technology__content .content__item:first-child, .rich__technology .technology__content .content__item:nth-child(3) {
    margin-right: 11px;
    width: calc(50% - 11px)
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item:first-child, .rich__technology .technology__content .content__item:nth-child(3) {
        margin-right: 0;
        width: 50%
    }
}

.rich__technology .technology__content .content__item:nth-child(2), .rich__technology .technology__content .content__item:nth-child(4) {
    margin-left: 11px;
    width: calc(50% - 11px)
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__content .content__item:nth-child(2), .rich__technology .technology__content .content__item:nth-child(4) {
        margin-left: 0;
        width: 50%
    }
}

.rich__technology .technology__img-wrap {
    height: 394px
}

@media only screen and (min-width: 768px) {
    .rich__technology .technology__img-wrap {
        height: 569px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__technology .technology__img-wrap {
        width: 530px;
        height: 720px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        position: absolute;
        top: 0;
        right: 0
    }
}

.rich__technology .technology__img {
    height: 100%;
    width: 100%
}

.rich__technology .technology__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

.rich__nozzles {
    background: radial-gradient(circle at 65%, at 65%, #454444, #080808);
    background: radial-gradient(circle at 65% 65%, #454444, #080808);
    position: relative
}

.rich__nozzles .nozzles__content {
    padding-top: 32px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content {
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content {
        padding-top: 0
    }
}

.rich__nozzles .nozzles__content .content__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__title {
        font-size: 28px;
        line-height: 140%;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__title {
        padding-top: 80px;
        font-size: 35px;
        width: 700px
    }
}

.rich__nozzles .nozzles__content .content__slider {
    position: relative;
    margin-bottom: 9px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider {
        width: 448px;
        margin-left: 0;
        margin-bottom: 0;
        padding-bottom: 61px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider {
        width: 750px
    }
}

@media only screen and (min-width: 1440px) {
    .rich__nozzles .nozzles__content .content__slider {
        width: 829px
    }
}

.rich__nozzles .nozzles__content .content__slider .slider__items {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .slider__items {
        margin-bottom: 23px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .slider__items {
        margin-bottom: 18px
    }
}

.rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide {
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-filter: saturate(70%) grayscale(100%) brightness(31%) contrast(60%);
    filter: saturate(70%) grayscale(100%) brightness(31%) contrast(60%);
    position: relative
}

.rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide .slider__img {
    width: 72px;
    height: 160px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide .slider__img {
        width: 80px;
        height: 220px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide .slider__img {
        width: 175px;
        height: 300px
    }
}

.rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide-active {
    -webkit-filter: drop-shadow(-25px -5px 8px #000);
    filter: drop-shadow(-25px -5px 8px black)
}

.rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide-active .slider__img {
    width: 120px;
    height: 160px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide-active .slider__img {
        width: 160px;
        height: 220px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .slider__items .swiper-slide-active .slider__img {
        width: 277px;
        height: 300px
    }
}

.rich__nozzles .nozzles__content .content__slider .slider__img {
    height: 100%;
    width: 100%
}

.rich__nozzles .nozzles__content .content__slider .slider__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

.rich__nozzles .nozzles__content .content__slider .slider__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
    width: 220px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .slider__title {
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 12px;
        width: 250px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .slider__title {
        font-size: 18px;
        margin-bottom: 15px;
        width: 277px;
        margin-left: auto;
        margin-right: auto
    }
}

.rich__nozzles .nozzles__content .content__slider .slider__text {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    font-size: 11px;
    color: #fff;
    width: 220px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .slider__text {
        font-size: 14px;
        line-height: 140%;
        width: 250px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .slider__text {
        width: 277px;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto
    }
}

.rich__nozzles .nozzles__content .content__slider .swiper-button-next, .rich__nozzles .nozzles__content .content__slider .swiper-button-prev {
    color: #696969;
    height: 24px;
    top: 88px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .swiper-button-next, .rich__nozzles .nozzles__content .content__slider .swiper-button-prev {
        height: 22px;
        top: 118px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .swiper-button-next, .rich__nozzles .nozzles__content .content__slider .swiper-button-prev {
        height: 22px;
        top: 154px
    }
}

.rich__nozzles .nozzles__content .content__slider .swiper-button-next {
    right: 0
}

.rich__nozzles .nozzles__content .content__slider .swiper-button-prev {
    left: 0
}

.rich__nozzles .nozzles__content .content__slider .swiper-button-next:after, .rich__nozzles .nozzles__content .content__slider .swiper-button-prev:after {
    font-size: 17px
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__content .content__slider .swiper-button-next:after, .rich__nozzles .nozzles__content .content__slider .swiper-button-prev:after {
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__content .content__slider .swiper-button-next:after, .rich__nozzles .nozzles__content .content__slider .swiper-button-prev:after {
        font-size: 42px
    }
}

.rich__nozzles .nozzles__img {
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .rich__nozzles .nozzles__img {
        height: 434px;
        width: 280px;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .rich__nozzles .nozzles__img {
        width: 491px;
        height: 720px;
        bottom: auto;
        top: 0
    }
}

.rich__nozzles .nozzles__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0;
    -o-object-position: right;
    object-position: right
}

.rich__bowl {
    background-color: #1f3a4b;
    position: relative
}

.rich__bowl .bowl__content {
    padding-top: 32px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content {
        display: grid;
        grid-template-areas:"title items" "button items" "img items";
        grid-template-columns:400px 368px;
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content {
        padding-top: 80px;
        grid-template-areas:"title items" "button items" "img img";
        grid-template-columns:380px 820px;
        grid-template-rows:195px auto auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.rich__bowl .bowl__content .content__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__title {
        padding-left: 40px;
        padding-right: 0;
        grid-area: title;
        font-size: 28px;
        line-height: 140%;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .content__title {
        padding-left: 0;
        font-size: 35px;
        line-height: 130%;
        margin-bottom: 60px
    }
}

.rich__bowl .bowl__content .content__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 37px;
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__items {
        padding-left: 25px;
        padding-right: 0;
        grid-area: items
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .content__items {
        display: grid;
        grid-template-areas:"item item" "item item";
        grid-template-columns:50% 50%;
        grid-template-rows:50% 50%;
        margin-bottom: 25px
    }
}

.rich__bowl .bowl__content .content__item {
    width: 50%
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px
    }
}

.rich__bowl .bowl__content .content__item .item__img {
    height: 40px;
    width: 40px;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__item .item__img {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-bottom: 0;
        margin-right: 11px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .content__item .item__img {
        height: 48px;
        width: 48px;
        margin-right: 20px
    }
}

.rich__bowl .bowl__content .content__item .item__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.rich__bowl .bowl__content .content__item .item__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
    width: 153px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__item .item__title {
        width: 240px;
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .content__item .item__title {
        font-size: 18px;
        margin-bottom: 15px;
        width: 270px
    }
}

.rich__bowl .bowl__content .content__item .item__text {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-size: 11px;
    color: #fff;
    width: 153px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__item .item__text {
        width: 240px;
        font-size: 14px;
        line-height: 140%
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .content__item .item__text {
        width: 270px
    }
}

.rich__bowl .bowl__content .content__item:first-child, .rich__bowl .bowl__content .content__item:nth-child(2) {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__item:first-child, .rich__bowl .bowl__content .content__item:nth-child(2) {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .content__item:first-child, .rich__bowl .bowl__content .content__item:nth-child(2) {
        margin-bottom: 60px
    }
}

.rich__bowl .bowl__content .content__item:nth-child(2), .rich__bowl .bowl__content .content__item:nth-child(4) {
    margin-left: 10px;
    width: calc(50% - 10px)
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .content__item:nth-child(2), .rich__bowl .bowl__content .content__item:nth-child(4) {
        margin-left: 0;
        width: 100%
    }
}

.rich__bowl .bowl__content .rich__button-wrap {
    margin-bottom: 8px;
    margin-left: 24px
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__content .rich__button-wrap {
        margin-left: 40px;
        grid-area: button;
        margin-bottom: 11px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__bowl .bowl__content .rich__button-wrap {
        margin-left: 0
    }
}

.rich__bowl .bowl__img {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__img {
        grid-area: img
    }
}

.rich__bowl .bowl__img picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .rich__bowl .bowl__img picture {
        display: inline
    }
}

.rich__bowl .bowl__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    margin: 0
}

.rich__appliances {
    padding-top: 32px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .rich__appliances {
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances {
        padding-top: 80px
    }
}

.rich__appliances .appliances__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    font-size: 20px;
    color: #171717;
    margin-bottom: 54px
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__title {
        margin-bottom: 17px;
        font-size: 28px;
        line-height: 140%;
        width: 521px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__title {
        font-size: 35px;
        line-height: 130%;
        width: 500px
    }
}

.rich__appliances .appliances__content {
    z-index: 2
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content {
        width: 939px;
        margin: 0 auto 0 0
    }
}

.rich__appliances .appliances__content .content__img {
    width: 140px;
    height: 140px;
    margin-left: 38px
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__img {
        width: 165px;
        height: 240px;
        opacity: .5;
        margin: 0 auto;
        -webkit-transition: .3s;
        transition: .3s
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__img {
        width: 219px;
        height: 300px
    }
}

.rich__appliances .appliances__content .content__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

.rich__appliances .appliances__content .content__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    font-size: 16px;
    text-align: center;
    color: #171717;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    width: 140px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: 38px
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__title {
        margin-bottom: 40px;
        width: 165px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__title {
        font-size: 18px;
        line-height: 130%;
        margin-bottom: 60px;
        width: 219px
    }
}

.rich__appliances .appliances__content .content__description {
    visibility: hidden;
    position: relative
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__description {
        left: -187px
    }
}

@media only screen and (min-width: 1024px) {
    .rich__appliances .appliances__content .content__description {
        left: -275px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__description {
        left: -38px
    }
}

.rich__appliances .appliances__content .content__vendorCode {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-size: 11px;
    color: #a5a5a5;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__vendorCode {
        font-size: 16px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__vendorCode {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 15px
    }
}

.rich__appliances .appliances__content .content__text {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    font-size: 11px;
    color: #171717;
    margin-bottom: 21px;
    width: 271px
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__text {
        width: 407px;
        font-size: 14px;
        margin-bottom: 40px
    }
}

.rich__appliances .appliances__content .content__price {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    font-size: 14px;
    color: #171717;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__price {
        font-size: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__price {
        font-size: 18px;
        line-height: 130%
    }
}

.rich__appliances .appliances__content .content__button {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    font-size: 14px;
    color: #171717;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    padding-left: 0
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__button {
        font-size: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__button {
        font-size: 18px
    }
}

.rich__appliances .appliances__content .content__button svg {
    margin-right: 15px;
    height: 42px;
    width: 42px
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__button svg {
        width: 56px;
        height: 56px
    }
}

.rich__appliances .appliances__content .content__empty {
    height: 106px
}

@media screen and (min-width: 768px) {
    .rich__appliances .appliances__content .content__empty {
        height: 180px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .content__empty {
        height: 176px
    }
}

@media screen and (min-width: 768px) {
    .rich__appliances .appliances__content .swiper-slide-active .content__img {
        width: 256px;
        height: 240px;
        margin-left: -30px;
        opacity: 1
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .swiper-slide-active .content__img {
        width: 338px;
        height: 300px
    }
}

.rich__appliances .appliances__content .swiper-slide-active .content__description {
    visibility: visible
}

.rich__appliances .appliances__content .swiper-button-next, .rich__appliances .appliances__content .swiper-button-prev {
    color: #a5a5a5;
    height: 22px;
    top: 169px
}

@media screen and (min-width: 768px) {
    .rich__appliances .appliances__content .swiper-button-next, .rich__appliances .appliances__content .swiper-button-prev {
        top: 276px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .swiper-button-next, .rich__appliances .appliances__content .swiper-button-prev {
        top: 328px
    }
}

.rich__appliances .appliances__content .swiper-button-prev {
    left: 13px
}

@media screen and (min-width: 768px) {
    .rich__appliances .appliances__content .swiper-button-prev {
        left: 0
    }
}

.rich__appliances .appliances__content .swiper-button-next {
    right: 77px
}

@media screen and (min-width: 768px) {
    .rich__appliances .appliances__content .swiper-button-next {
        right: 0
    }
}

.rich__appliances .appliances__content .swiper-button-next:after, .rich__appliances .appliances__content .swiper-button-prev:after {
    height: 22px;
    font-size: 22px
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__content .swiper-button-next:after, .rich__appliances .appliances__content .swiper-button-prev:after {
        font-size: 32px
    }
}

.rich__appliances .appliances__images {
    position: absolute;
    top: 98px;
    right: 0;
    width: 136px;
    height: 271px;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__images {
        top: 449px;
        width: 163px;
        height: 325px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__appliances .appliances__images {
        width: 285px;
        height: 730px;
        top: calc(50% - 381px)
    }
}

@media only screen and (min-width: 1440px) {
    .rich__appliances .appliances__images {
        width: 381px;
        height: 762px;
        top: calc(50% - 381px)
    }
}

.rich__appliances .appliances__images .images__img {
    width: 136px;
    height: 271px;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .rich__appliances .appliances__images .images__img {
        width: 100%;
        height: 100%
    }
}

.rich__appliances .appliances__images .images__img img {
    height: 0;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.rich__appliances .appliances__images .swiper-slide-active .images__img img {
    height: 100%
}

.rich__characteristics {
    background: radial-gradient(circle at 65%, at 65%, #3b3b3b, #080808);
    background: radial-gradient(circle at 65% 65%, #3b3b3b, #080808);
    padding-top: 32px
}

@media only screen and (min-width: 768px) {
    .rich__characteristics {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__characteristics {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__wrap {
        display: grid;
        grid-template-areas:"title title" "accordion img";
        grid-template-columns:360px 328px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__characteristics .characteristics__wrap {
        grid-template-areas:"title img" "accordion img";
        grid-template-rows:185px auto;
        grid-template-columns:616px 584px
    }
}

.rich__characteristics .characteristics__title {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    width: 200px
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__title {
        font-size: 28px;
        line-height: 140%;
        width: 540px;
        margin-bottom: 40px;
        grid-area: title
    }
}

@media only screen and (min-width: 1280px) {
    .rich__characteristics .characteristics__title {
        font-size: 35px;
        line-height: 130%;
        width: 570px;
        padding-top: 80px;
        margin-bottom: 60px
    }
}

.rich__characteristics .characteristics__img {
    width: 249px;
    height: 275px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__img {
        width: 328px;
        height: 362px;
        margin-bottom: 0;
        grid-area: img
    }
}

@media only screen and (min-width: 1280px) {
    .rich__characteristics .characteristics__img {
        width: 584px;
        height: 801px
    }
}

.rich__characteristics .characteristics__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__buttons {
        grid-area: accordion
    }
}

.rich__characteristics .characteristics__button {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    font-size: 11px;
    color: #fff;
    margin-bottom: 21px;
    display: block;
    width: 207px;
    text-align: left;
    position: relative;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__button {
        font-size: 16px;
        line-height: 130%;
        width: 258px;
        margin-bottom: 33px
    }
}

@media only screen and (min-width: 1280px) {
    .rich__characteristics .characteristics__button {
        font-size: 18px;
        width: 415px
    }
}

.rich__characteristics .characteristics__button:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 0;
    -webkit-transition: .2s;
    transition: .2s
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__button:after {
        border-left: 8.5px solid transparent;
        border-right: 8.5px solid transparent;
        border-top: 10px solid #fff;
        top: calc(50% - 4px)
    }
}

.rich__characteristics .characteristics__button.active {
    color: #9b2ca3
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__button.active {
        margin-bottom: 19px
    }
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__button.active + .characteristics__panel {
        padding-bottom: 23px
    }
}

.rich__characteristics .characteristics__button.active:after {
    border-top: 0;
    border-bottom: 6px solid #9b2ca3
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__button.active:after {
        border-bottom: 10px solid #9b2ca3
    }
}

.rich__characteristics .characteristics__panel {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out
}

.rich__characteristics .characteristics__table tr td:first-child {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    font-size: 11px;
    color: #a5a5a5;
    width: 150px;
    padding-bottom: 10px;
    padding-left: 28px;
    padding-right: 17px;
    vertical-align: top
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__table tr td:first-child {
        padding-left: 30px;
        padding-right: 41px;
        width: 170px;
        font-size: 14px;
        line-height: 140%
    }
}

@media only screen and (min-width: 1280px) {
    .rich__characteristics .characteristics__table tr td:first-child {
        width: 254px;
        padding-right: 109px
    }
}

.rich__characteristics .characteristics__table tr td:last-child {
    font-family: Montserrat, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    font-size: 11px;
    color: #fff;
    padding-bottom: 10px;
    vertical-align: top
}

@media only screen and (min-width: 768px) {
    .rich__characteristics .characteristics__table tr td:last-child {
        font-size: 14px;
        line-height: 140%
    }
}

.rich-nozzles.technology {
    background: radial-gradient(circle at 65%, at 65%, #454444, #080808);
    background: radial-gradient(circle at 65% 65%, #454444, #080808)
}

.rich-nozzles .technology__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.rich-nozzles .technology__img {
    width: 100%;
    margin: auto 0 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    height: 436px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 328px;
        height: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__img {
        max-height: 720px;
        max-width: 584px
    }
}

.rich-nozzles .technology__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.rich-nozzles .technology__items {
    margin: 32px 0 56px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-gap: 24px 20px;
    gap: 24px 20px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__items {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 60px 0 60px 10px;
        display: block
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__items {
        margin: 80px 0 80px 45px
    }
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__items .item {
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__items .item {
        margin-top: 40px
    }
}

.rich-nozzles .technology__items .item:first-child {
    margin-top: 0
}

.rich-nozzles .technology__items .item img {
    width: 32px;
    height: 32px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__items .item img {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__items .item img {
        width: 48px;
        height: 48px
    }
}

.rich-nozzles .technology__items .item-text {
    margin-top: 8px;
    max-width: 153px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__items .item-text {
        margin-left: 16px;
        max-width: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__items .item-text {
        margin-left: 20px;
        max-width: 270px
    }
}

.rich-nozzles .technology__items .item-text__title {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    max-width: 153px;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__items .item-text__title {
        font-size: 16px;
        line-height: 130%;
        max-width: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__items .item-text__title {
        font-size: 18px;
        max-width: 270px
    }
}

.rich-nozzles .technology__items .item-text__description {
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: #fff;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .technology__items .item-text__description {
        margin-top: 12px;
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .technology__items .item-text__description {
        margin-top: 15px
    }
}

.rich-nozzles.about {
    position: relative
}

.rich-nozzles .about__img {
    width: 100%;
    height: 640px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .about__img {
        height: 600px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .about__img {
        height: 720px
    }
}

.rich-nozzles .about__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom
}

.rich-nozzles .about-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rich-nozzles .about-info .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.rich-nozzles .about-info__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #171717;
    margin-top: 32px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .about-info__title {
        max-width: 400px;
        margin-top: 80px;
        font-size: 28px;
        line-height: 140%
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .about-info__title {
        font-size: 35px;
        line-height: 130%;
        max-width: 500px
    }
}

.rich-nozzles .about-info__description {
    margin-top: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #171717;
    max-width: 244px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .about-info__description {
        max-width: 330px;
        font-size: 16px;
        margin-top: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .about-info__description {
        font-size: 18px;
        margin-top: 60px;
        max-width: 380px
    }
}

.rich-nozzles .about-info .btn-live {
    margin: auto 0 32px;
    width: 194px;
    height: 36px;
    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: #77176e;
    border-radius: 60px;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .about-info .btn-live {
        margin: auto 0 80px;
        font-size: 12px;
        width: 262px;
        height: 52px
    }
}

.rich-nozzles .about-info .btn-live .circle {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    margin-right: 14px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .about-info .btn-live .circle {
        margin-right: 16px
    }
}

.rich-nozzles .about-info .btn-live .circle:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff
}

.rich-nozzles.newTechno {
    background: radial-gradient(circle at 65%, at 65%, #454444, #080808);
    background: radial-gradient(circle at 65% 65%, #454444, #080808);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles.newTechno {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        height: 720px
    }
}

.rich-nozzles .newTechno-info {
    padding: 32px 0 12px;
    margin: 0 24px;
    width: calc(100% - 48px)
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info {
        padding: 60px 0 20px;
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info {
        padding: 80px 0 0;
        width: 100%;
        margin: 0 0 0 calc(50% - 600px);
        min-width: 820px
    }
}

.rich-nozzles .newTechno-info__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__title {
        font-size: 28px;
        line-height: 140%;
        max-width: 520px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info__title {
        font-size: 35px;
        line-height: 130%;
        max-width: 600px
    }
}

.rich-nozzles .newTechno-info__items {
    margin-top: 24px;
    display: inline-grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-gap: 24px 20px;
    gap: 24px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__items {
        margin-top: 40px;
        grid-gap: 40px 70px;
        gap: 40px 70px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info__items {
        margin-top: 60px;
        grid-gap: 36px 72px;
        gap: 36px 72px
    }
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.rich-nozzles .newTechno-info__items .item img {
    width: 32px;
    height: 32px;
    min-width: 32px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__items .item img {
        width: 40px;
        height: 40px;
        min-width: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info__items .item img {
        width: 48px;
        height: 48px;
        min-width: 48px
    }
}

.rich-nozzles .newTechno-info__items .item-text {
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__items .item-text {
        margin-left: 16px;
        max-width: 240px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info__items .item-text {
        margin-left: 20px;
        max-width: 270px
    }
}

.rich-nozzles .newTechno-info__items .item-text__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__items .item-text__title {
        font-size: 16px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info__items .item-text__title {
        font-size: 18px
    }
}

.rich-nozzles .newTechno-info__items .item-text__description {
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: #fff;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno-info__items .item-text__description {
        font-size: 14px;
        margin-top: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno-info__items .item-text__description {
        margin-top: 15px
    }
}

.rich-nozzles .newTechno__img {
    width: 100%;
    height: 394px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .newTechno__img {
        height: 569px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno__img {
        height: 720px
    }
}

.rich-nozzles .newTechno__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .newTechno__img img {
        -o-object-position: bottom right;
        object-position: bottom right
    }
}

.rich-nozzles .newTechno__img.right img {
    -o-object-position: bottom right;
    object-position: bottom right
}

.rich-nozzles.characteristics {
    background: radial-gradient(circle at 65%, at 65%, #3b3b3b, #080808);
    background: radial-gradient(circle at 65% 65%, #3b3b3b, #080808)
}

.rich-nozzles.characteristics .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .rich-nozzles.characteristics .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.rich-nozzles .characteristics-info {
    padding: 24px 0 92px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics-info {
        padding: 60px 0 136px;
        margin-right: 16px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .characteristics-info {
        padding: 80px 0 220px;
        margin-right: 46px
    }
}

.rich-nozzles .characteristics-info__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    margin-top: 32px
}

.rich-nozzles .characteristics-info__title.pc {
    display: none
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics-info__title {
        font-size: 28px;
        line-height: 140%;
        margin-bottom: 40px;
        margin-top: 0
    }

    .rich-nozzles .characteristics-info__title.pc {
        display: block
    }

    .rich-nozzles .characteristics-info__title.mob {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .characteristics-info__title {
        font-size: 35px;
        line-height: 130%;
        margin-bottom: 60px
    }
}

.rich-nozzles .characteristics-info__item {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics-info__item {
        margin-bottom: 22px
    }
}

.rich-nozzles .characteristics-info__item:last-child {
    margin-bottom: 0
}

.rich-nozzles .characteristics-info__item .name {
    font-weight: 600;
    font-size: 11px;
    line-height: 120%;
    color: #fff;
    margin-right: 50px;
    min-width: 90px;
    width: 90px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics-info__item .name {
        font-size: 16px;
        line-height: 130%;
        margin-right: 46px;
        width: 132px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .characteristics-info__item .name {
        width: 270px;
        font-size: 18px
    }
}

.rich-nozzles .characteristics-info__item .description {
    font-weight: 500;
    font-size: 11px;
    line-height: 130%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics-info__item .description {
        font-size: 12px;
        line-height: 120%;
        width: 165px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .characteristics-info__item .description {
        width: 252px;
        font-size: 14px;
        line-height: 140%
    }
}

.rich-nozzles .characteristics__img {
    margin: 36px auto 0;
    height: 100%;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics__img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 60px 0 auto auto
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .characteristics__img {
        margin: 0 0 0 auto
    }
}

.rich-nozzles .characteristics__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 275px
}

@media only screen and (min-width: 768px) {
    .rich-nozzles .characteristics__img img {
        max-height: 454px
    }
}

@media only screen and (min-width: 1280px) {
    .rich-nozzles .characteristics__img img {
        max-height: 800px
    }
}

.titanium {
    background-color: #fff
}

.titanium .pudov__product.bg-gradient-black {
    background: radial-gradient(circle at 60%, at 18%, #454444, #080808);
    background: radial-gradient(circle at 60% 18%, #454444, #080808)
}

.titanium .pudov__product.bg-gradient-black .product__subtitle h2 {
    color: #fff;
    margin-bottom: 30px
}

@media only screen and (min-width: 2880px) {
    .titanium .pudov__product.bg-gradient-black .product__subtitle h2 {
        margin-bottom: 220px
    }
}

.titanium .pudov__product.bg-gradient-black .product__price .price__new, .titanium .pudov__product.bg-gradient-black .product__price .price__old, .titanium .pudov__product.bg-gradient-black .product__title h1 {
    color: #fff
}

.titanium .pudov__product.last {
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    .titanium .pudov__product.last .product__container {
        grid-template-columns:54% 46%
    }
}

@media only screen and (min-width: 1440px) {
    .titanium .pudov__product.last .product__container {
        grid-template-columns:49% 51%
    }
}

@media only screen and (min-width: 2880px) {
    .titanium .pudov__product.last .product__container {
        grid-template-columns:56% 46%
    }
}

.titanium .pudov__product.last .product__img {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .titanium .pudov__product.last .product__img {
        margin-bottom: 0
    }
}

.titanium .pudov__product.last .product__subtitle h2 {
    margin-bottom: 48px
}

@media only screen and (min-width: 2880px) {
    .titanium .pudov__product.last .product__subtitle h2 {
        margin-bottom: 215px
    }
}

.titanium .pudov__product.last .product__title h1 {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .titanium .pudov__product.last .product__title h1 {
        font-size: 36px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium .pudov__product.last .product__title h1 {
        margin-bottom: 18px;
        font-size: 52px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium .pudov__product.last .product__title h1 {
        margin-bottom: 70px;
        font-size: 93px
    }
}

.titanium .pudov__product.last .product__button {
    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
}

.titanium .pudov__product.last .product__button a {
    margin-bottom: 50px
}

.titanium .pudov__product.last .product__price {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .titanium .pudov__product.last .product__price {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium .pudov__product.last .product__price {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium .pudov__product.last .product__price {
        margin-bottom: 70px
    }
}

.titanium .pudov__product.last .product__subtitle h2 {
    margin-bottom: 36px
}

.titanium__characteristics {
    background-color: #505050
}

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

.titanium__characteristics .characteristics__img {
    width: 42%
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__img {
        width: 31%
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__img {
        width: 45%
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__characteristics .characteristics__img {
        width: 44%
    }
}

.titanium__characteristics .characteristics__content {
    width: 58%;
    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;
    margin-right: 30px;
    margin-left: 5px
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__content {
        margin-left: 12px;
        margin-right: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-line-pack: center;
        align-content: center;
        width: 69%
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__content {
        width: 55%;
        margin-left: 30px;
        margin-right: 106px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__characteristics .characteristics__content {
        width: 56%
    }
}

.titanium__characteristics .characteristics__content .content__item {
    margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__content .content__item {
        width: 48.225%
    }

    .titanium__characteristics .characteristics__content .content__item:nth-child(n) {
        margin-right: 3.55%
    }

    .titanium__characteristics .characteristics__content .content__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__content .content__item {
        width: 47.85%;
        margin-bottom: 80px
    }

    .titanium__characteristics .characteristics__content .content__item:nth-child(n) {
        margin-right: 4.3%
    }

    .titanium__characteristics .characteristics__content .content__item:nth-child(2n) {
        margin-right: 0
    }
}

.titanium__characteristics .characteristics__content .content__item .item__title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__content .content__item .item__title-wrap {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__content .content__item .item__title-wrap {
        margin-bottom: 14px
    }
}

.titanium__characteristics .characteristics__content .content__item .item__img {
    width: 32px;
    height: 32px;
    margin-right: 9px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__content .content__item .item__img {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__content .content__item .item__img {
        width: 44px;
        height: 44px;
        margin-right: 14px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__characteristics .characteristics__content .content__item .item__img {
        width: 88px;
        height: 88px;
        margin-right: 28px
    }
}

.titanium__characteristics .characteristics__content .content__item .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

.titanium__characteristics .characteristics__content .content__item .item__title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__content .content__item .item__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__content .content__item .item__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__characteristics .characteristics__content .content__item .item__title {
        font-size: 36px
    }
}

.titanium__characteristics .characteristics__content .content__item .item__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 145%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .titanium__characteristics .characteristics__content .content__item .item__text {
        font-size: 14px;
        padding-left: 50px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__characteristics .characteristics__content .content__item .item__text {
        font-size: 14px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__characteristics .characteristics__content .content__item .item__text {
        font-size: 26px;
        padding-left: 116px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__wrap {
        position: relative
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__title-wrap {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%
    }
}

.titanium__fullbackground .fullbackground__title {
    padding-left: 24px;
    padding-top: 38px;
    margin-bottom: 42px;
    width: 307px
}

@media only screen and (min-width: 768px) {
    .titanium__fullbackground .fullbackground__title {
        width: 480px;
        padding-left: 32px;
        padding-top: 42px;
        margin-bottom: 58px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__title {
        padding-top: 88px;
        width: 83.33%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__fullbackground .fullbackground__title {
        padding-top: 178px
    }
}

.titanium__fullbackground .fullbackground__title h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    color: #171717
}

@media only screen and (min-width: 768px) {
    .titanium__fullbackground .fullbackground__title h1 {
        font-size: 28px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__title h1 {
        font-size: 35px;
        width: 590px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__fullbackground .fullbackground__title h1 {
        font-size: 75px;
        width: 1318px
    }
}

.titanium__fullbackground .fullbackground__img-wrap {
    position: relative
}

.titanium__fullbackground .fullbackground__img {
    width: 100%
}

.titanium__fullbackground .fullbackground__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

.titanium__fullbackground .fullbackground__text-wrap {
    position: absolute;
    top: 36px;
    width: 100%
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__text-wrap {
        top: 522px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__fullbackground .fullbackground__text-wrap {
        top: 800px;
        top: 1140px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__text-block {
        width: 83.33%;
        margin-right: auto;
        margin-left: auto
    }
}

.titanium__fullbackground .fullbackground__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 170%;
    color: #000;
    width: 215px;
    margin-left: 24px
}

@media only screen and (min-width: 768px) {
    .titanium__fullbackground .fullbackground__text {
        width: 346px;
        font-size: 14px;
        margin-left: 32px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__text {
        width: 408px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__fullbackground .fullbackground__text {
        font-size: 36px;
        width: 846px
    }
}

.titanium__fullbackground .fullbackground__text.second {
    width: 307px;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .titanium__fullbackground .fullbackground__text.second {
        width: 346px
    }
}

@media only screen and (min-width: 1440px) {
    .titanium__fullbackground .fullbackground__text.second {
        width: 408px
    }
}

@media only screen and (min-width: 2880px) {
    .titanium__fullbackground .fullbackground__text.second {
        width: 846px
    }
}

.home-slider {
    width: 100%;
    height: 360px
}

@media only screen and (min-width: 768px) {
    .home-slider {
        height: 428px
    }
}

@media only screen and (min-width: 1280px) {
    .home-slider {
        height: 580px
    }
}

.home-slider__content {
    position: absolute;
    bottom: 60px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .home-slider__content {
        bottom: 105px
    }
}

@media only screen and (min-width: 1280px) {
    .home-slider__content {
        bottom: 140px
    }
}

.home-slider__content h1 {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .home-slider__content h1 {
        font-size: 28px;
        margin-bottom: 45px
    }
}

.home-slider__content .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .home-slider__content .btn {
        width: 100%;
        padding: 12px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home-slider__content .home-home__info, .home-slider__content .home-home__promo-banner-text {
    color: #fff
}

.home-slider__link {
    width: 100%;
    height: 100%;
    position: absolute
}

.home-slider__media {
    height: 100%
}

.home-slider__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.home-slider__navigation {
    position: absolute;
    bottom: 105px;
    width: 100%;
    display: none
}

@media only screen and (min-width: 1280px) {
    .home-slider__navigation {
        bottom: 140px
    }
}

@media only screen and (min-width: 768px) {
    .home-slider__navigation {
        display: block
    }
}

.home-slider__navigation .swiper-button-disabled {
    opacity: 1;
    pointer-events: all;
    cursor: pointer
}

.home-slider__navigation .navigation-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home-slider__navigation .navigation-button__next, .home-slider__navigation .navigation-button__prev {
    position: relative
}

.home-slider__navigation .navigation-button__next .circle.left, .home-slider__navigation .navigation-button__next .circle.right {
    position: absolute;
    top: -1px;
    left: -1px
}

.home-slider__navigation .navigation-button__next .circle.left {
    clip: rect(0, 36px, 36px, 18px)
}

.home-slider__navigation .navigation-button__next .circle.left span {
    clip: rect(0, 18px, 36px, 0)
}

.home-slider__navigation .navigation-button__next .circle.left span.animate {
    -webkit-animation: rotate-left 6s linear infinite
}

.home-slider__navigation .navigation-button__next .circle.right {
    clip: rect(0, 18px, 36px, 0)
}

.home-slider__navigation .navigation-button__next .circle.right span {
    clip: rect(0, 36px, 36px, 18px)
}

.home-slider__navigation .navigation-button__next .circle.right span.animate {
    -webkit-animation: rotate-right 6s linear infinite
}

.home-slider__navigation .navigation-button__next .circle span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid #77176e
}

@-webkit-keyframes rotate-left {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(180deg)
    }
}

@-webkit-keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(180deg)
    }
}

.home-slider__pagination {
    bottom: 40px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-slider__pagination .swiper-pagination-bullet {
    background: #bb6bd9;
    opacity: .6;
    height: 4px;
    width: 4px
}

.home-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    height: 6px;
    width: 6px
}

@media only screen and (min-width: 768px) {
    .home-slider__pagination {
        display: none
    }
}

.home-categories {
    padding: 30px 16px 24px;
    background: #f8f9fa;
    border-radius: 12px;
    margin-top: 30px;
    z-index: 1;
    position: relative
}

@media only screen and (min-width: 768px) {
    .home-categories {
        margin-top: 30px;
        padding: 40px 24px 30px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .home-categories {
        padding: 60px 50px 40px;
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.home-categories__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .home-categories__title {
        font-size: 24px
    }
}

.home-categories__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .home-categories__grid {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .home-categories__grid {
        margin-top: 30px
    }
}

.home-categories__item {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 12px;
    position: relative;
    padding: 0 20px 14px;
    z-index: 1;
    max-width: 220px;
    margin-right: 15px;
    width: 140px;
    margin-top: 0;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .home-categories__item {
        margin-right: 20px;
        width: auto;
        max-width: 200px
    }
}

.home-categories__item:nth-child(n+3) {
    display: none
}

.home-categories__item:nth-child(n+2) {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .home-categories__item:nth-child(2) {
        margin-right: 20px
    }

    .home-categories__item:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .home-categories__item {
        padding: 0 20px 20px;
        width: 25%;
        max-width: 260px
    }

    .home-categories__item:nth-child(3) {
        margin-right: 20px
    }

    .home-categories__item:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.home-categories__item:before {
    content: "";
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #fff;
    z-index: -1;
    border-radius: 15px
}

.home-categories__item__icon {
    max-width: 80px;
    max-height: 80px;
    margin: 0 auto 6px;
    display: block
}

@media only screen and (min-width: 768px) {
    .home-categories__item__icon {
        max-width: 160px;
        max-height: 160px
    }
}

.home-categories__item__title {
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 150%;
    margin-top: auto
}

@media only screen and (min-width: 768px) {
    .home-categories__item__title {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .home-categories__item__title {
        font-size: 16px
    }
}

.home-categories .btn {
    margin-top: 24px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 768px) {
    .home-categories .btn {
        margin-top: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .home-categories .btn {
        margin-top: 40px
    }
}

.home-offers {
    background-color: #f8f9fa;
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    .home-offers {
        padding: 40px 0
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers {
        padding: 60px 0
    }
}

.home-offers__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .home-offers__title {
        margin-bottom: 30px;
        font-size: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers__title {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers__grid {
        display: grid;
        grid-template-columns:repeat(2, 280px) repeat(2, 1fr);
        grid-template-rows:repeat(2, 1fr) 140px;
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }
}

.home-offers__products {
    grid-area: 1/1/3/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .home-offers__products {
        padding: 0 182px
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers__products {
        margin-bottom: 0;
        padding: 0
    }
}

.home-offers__products .card-item {
    margin-right: 15px;
    max-width: 156px;
    height: auto
}

@media only screen and (min-width: 768px) {
    .home-offers__products .card-item {
        margin-right: 20px;
        max-width: 198px
    }
}

@media only screen and (min-width: 1024px) {
    .home-offers__products .card-item {
        max-width: inherit
    }
}

.home-offers__products .card-item:nth-child(2) {
    margin-right: 0
}

.home-offers__products .card-item__display-title, .home-offers__products .card-item__title {
    max-width: 132px
}

@media only screen and (min-width: 768px) {
    .home-offers__products .card-item__display-title, .home-offers__products .card-item__title {
        max-width: 174px
    }
}

@media only screen and (min-width: 1024px) {
    .home-offers__products .card-item__display-title, .home-offers__products .card-item__title {
        max-width: 220px
    }
}

.home-offers__social {
    border-radius: 12px;
    position: relative;
    grid-area: 3/1/4/3;
    margin-top: 20px
}

@media only screen and (min-width: 1280px) {
    .home-offers__social {
        margin-top: 0
    }
}

.home-offers__social img {
    width: 100%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

@media only screen and (min-width: 768px) {
    .home-offers__social img {
        height: 140px
    }
}

.home-offers__social .social__content {
    position: absolute;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    top: 30px;
    left: 50%;
    min-width: 280px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

@media only screen and (min-width: 768px) {
    .home-offers__social .social__content {
        font-size: 28px;
        top: 54px;
        left: 40px;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers__social .social__content {
        left: 50px
    }
}

.home-offers__social .social__content span {
    text-decoration: underline
}

.home-offers__right-block {
    border-radius: 12px;
    position: relative;
    grid-area: 1/3/4/5
}

.home-offers__right-block img {
    width: 100%;
    height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

@media only screen and (min-width: 768px) {
    .home-offers__right-block img {
        height: 500px
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers__right-block img {
        height: 100%;
        max-height: 540px
    }
}

.home-offers__right-block .right-block__content {
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: calc(100% - 48px)
}

@media only screen and (min-width: 768px) {
    .home-offers__right-block .right-block__content {
        left: 40px;
        bottom: 40px;
        width: auto
    }
}

.home-offers__right-block .right-block__content h1 {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .home-offers__right-block .right-block__content h1 {
        font-size: 28px;
        margin-bottom: 25px
    }
}

@media (max-width: 767px) {
    .home-offers__right-block .right-block__content .btn {
        width: 100%;
        padding: 12px 0;
        text-align: center
    }
}

.home-offers__full-width {
    margin-top: 20px;
    border-radius: 12px;
    position: relative
}

.home-offers__full-width img {
    width: 100%;
    height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

@media only screen and (min-width: 768px) {
    .home-offers__full-width img {
        height: 500px
    }
}

@media only screen and (min-width: 1280px) {
    .home-offers__full-width img {
        height: 280px
    }
}

.home-offers__full-width .full-width__content {
    position: absolute;
    left: 24px;
    bottom: 20px;
    color: #fff;
    width: calc(100% - 48px)
}

@media only screen and (min-width: 768px) {
    .home-offers__full-width .full-width__content {
        left: 40px;
        bottom: 40px
    }
}

.home-offers__full-width .full-width__content h1 {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px
}

@media only screen and (min-width: 768px) {
    .home-offers__full-width .full-width__content h1 {
        margin-bottom: 25px;
        font-size: 28px
    }
}

.home-offers__full-width .full-width__content .btn {
    background: #77176e;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .home-offers__full-width .full-width__content .btn {
        width: 100%;
        padding: 12px 0;
        text-align: center
    }
}

.home-club {
    position: relative;
    height: 454px
}

@media only screen and (min-width: 768px) {
    .home-club {
        height: 580px
    }
}

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

.home-club .club-content {
    position: absolute;
    width: 100%;
    bottom: 60px
}

@media only screen and (min-width: 768px) {
    .home-club .club-content {
        bottom: 80px
    }
}

@media only screen and (min-width: 1280px) {
    .home-club .club-content {
        bottom: 120px
    }
}

.home-club .club-content__inner {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 30px 24px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 768px) {
    .home-club .club-content__inner {
        padding: 40px
    }
}

.home-club .club-content__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .home-club .club-content__title {
        font-size: 24px
    }
}

[dir=ltr] .home-club .club-content ul {
    padding-left: 16px
}

[dir=rtl] .home-club .club-content ul {
    padding-right: 16px
}

.home-club .club-content ul {
    margin: 14px 0 18px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

@media only screen and (min-width: 768px) {
    .home-club .club-content ul {
        margin: 24px 0 28px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.home-club .club-content ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .home-club .club-content ul li {
        font-size: 16px
    }
}

.home-club .club-content ul li::marker {
    color: #a5a5a5
}

.home-advantages__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    height: 168px;
    width: 279px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .home-advantages__wrapper {
        padding: 20px 40px;
        height: 84px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 30px;
        width: 608px
    }
}

@media only screen and (min-width: 1280px) {
    .home-advantages__wrapper {
        padding: 20px 25px;
        height: 32px;
        margin-bottom: 40px;
        width: 1150px
    }
}

.home-advantages__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50%;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (min-width: 768px) {
    .home-advantages__col {
        width: 50%;
        height: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1280px) {
    .home-advantages__col {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.home-advantages__col .advantage-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .home-advantages__col .advantage-item {
        height: 32px
    }
}

.home-advantages__col .advantage-item__logo {
    width: 24px;
    height: 24px;
    margin-right: 18px
}

@media only screen and (min-width: 768px) {
    .home-advantages__col .advantage-item__logo {
        width: 32px;
        height: 32px
    }
}

.home-advantages__col .advantage-item__logo img {
    width: 100%;
    height: 100%
}

.home-advantages__col .advantage-item__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #555
}

.shop__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    margin-top: 62px
}

@media only screen and (min-width: 768px) {
    .shop__items {
        width: 640px;
        margin-top: 110px
    }
}

@media only screen and (min-width: 1280px) {
    .shop__items {
        width: 1130px;
        margin-top: 120px
    }
}

.shop__text-content .text-content__wrap {
    width: 327px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px
}

@media only screen and (min-width: 768px) {
    .shop__text-content .text-content__wrap {
        width: 688px;
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .shop__text-content .text-content__wrap {
        width: 860px
    }
}

.shop__text-content .text-content__wrap .accordion__button, .shop__text-content .text-content__wrap .accordion__text {
    background: #f8f9fa
}

.category__wrap {
    min-height: 100vh
}

@media only screen and (min-width: 1280px) {
    .category__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.category__aside {
    display: none
}

@media only screen and (min-width: 1280px) {
    .category__aside {
        display: block
    }
}

.category__aside .aside__list {
    padding: 60px 0 0;
    width: 280px;
    margin-left: calc(50vw - 600px);
    list-style: none;
    margin-top: 0
}

.category__aside .aside__link {
    margin-bottom: 20px
}

.category__aside .aside__link a, .category__aside .aside__link h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    text-decoration: none;
    display: block
}

.category__aside .aside__link:hover a, .category__aside .aside__link:hover h2 {
    font-weight: 600;
    color: #141414
}

.category__aside .aside__link.active {
    list-style: disc;
    margin-left: 20px
}

.category__aside .aside__link.active::marker {
    color: #77176e
}

.category__aside .aside__link.active a, .category__aside .aside__link.active h2 {
    font-weight: 600;
    color: #141414
}

.category__aside-mob {
    padding: 18px 24px 0
}

@media only screen and (min-width: 768px) {
    .category__aside-mob {
        padding: 28px 67px 0
    }
}

@media only screen and (min-width: 1280px) {
    .category__aside-mob {
        display: none
    }
}

.category__aside-mob .accordion__button-wrap {
    margin: 0
}

.category__aside-mob .accordion__text {
    padding: 0 50px 0 12px
}

@media only screen and (min-width: 768px) {
    .category__aside-mob .accordion__text {
        padding: 0 50px 0 20px
    }
}

.category__aside-mob .accordion__text .aside__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.category__aside-mob .accordion__text .aside__link {
    margin-bottom: 12px;
    padding: 0;
    height: 20px
}

.category__aside-mob .accordion__text .aside__link:last-child {
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .category__aside-mob .accordion__text .aside__link:last-child {
        margin-bottom: 27px
    }
}

@media only screen and (min-width: 768px) {
    .category__aside-mob .accordion__text .aside__link {
        height: 24px
    }
}

.category__aside-mob .accordion__text .aside__link a, .category__aside-mob .accordion__text .aside__link h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #555;
    text-decoration: none;
    display: block
}

@media only screen and (min-width: 768px) {
    .category__aside-mob .accordion__text .aside__link a, .category__aside-mob .accordion__text .aside__link h2 {
        font-size: 14px
    }
}

.category__aside-mob .accordion__text .aside__link:hover a, .category__aside-mob .accordion__text .aside__link:hover h2 {
    font-weight: 600;
    color: #141414
}

.category__aside-mob .accordion__text .aside__link.active {
    list-style: disc;
    margin-left: 18px
}

@media only screen and (min-width: 768px) {
    .category__aside-mob .accordion__text .aside__link.active {
        margin-left: 20px
    }
}

.category__aside-mob .accordion__text .aside__link.active::marker {
    color: #77176e;
    font-size: 12px
}

.category__aside-mob .accordion__text .aside__link.active a, .category__aside-mob .accordion__text .aside__link.active h2 {
    font-weight: 600;
    color: #141414
}

.category__content-wrap {
    width: 100%
}

.category__title {
    margin-top: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #141414;
    display: none
}

@media only screen and (min-width: 1280px) {
    .category__title {
        display: block
    }
}

.category__title.mob {
    display: block;
    background-color: #f8f9fa;
    margin-top: 0;
    padding: 24px 24px 0;
    font-size: 14px;
    line-height: 150%
}

@media only screen and (min-width: 768px) {
    .category__title.mob {
        padding: 40px 67px 0;
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .category__title.mob {
        display: none
    }
}

.category__content {
    margin-left: 24px;
    margin-right: 24px
}

@media only screen and (min-width: 768px) {
    .category__content {
        margin-left: 67px;
        margin-right: 67px
    }
}

@media only screen and (min-width: 1440px) {
    .category__content {
        width: 880px;
        margin-left: 40px
    }
}

.category__content .product-card__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 9px;
    padding-top: 15px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap {
        padding-top: 20px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .category__content .product-card__wrap {
        padding-top: 28px
    }
}

.category__content .product-card__wrap .product-card-banner-row {
    width: 100%
}

.category__content .product-card__wrap .product-card-banner-row:nth-of-type(n) {
    margin-right: 4.59%;
    margin-bottom: 4.59%
}

.category__content .product-card__wrap .product-card-banner-row:nth-of-type(1n) {
    margin-right: 0;
    margin-bottom: 4.59%
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row {
        width: 100%
    }

    .category__content .product-card__wrap .product-card-banner-row:nth-of-type(n) {
        margin-right: 3.155%;
        margin-bottom: 3.155%
    }

    .category__content .product-card__wrap .product-card-banner-row:nth-of-type(1n) {
        margin-right: 0;
        margin-bottom: 3.155%
    }
}

@media only screen and (min-width: 1024px) {
    .category__content .product-card__wrap .product-card-banner-row {
        width: 100%
    }

    .category__content .product-card__wrap .product-card-banner-row:nth-of-type(n) {
        margin-right: 2.274%;
        margin-bottom: 2.274%
    }

    .category__content .product-card__wrap .product-card-banner-row:nth-of-type(1n) {
        margin-right: 0;
        margin-bottom: 2.274%
    }
}

.category__content .product-card__wrap .product-card-banner-row.product-card-banner-row_image-right .product-card-banner-row__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category__content .product-card__wrap .product-card-banner-row.product-card-banner-row_image-right img {
    border-radius: 0 12px 12px 0
}

.category__content .product-card__wrap .product-card-banner-row.with-machine .product-card-banner-row__image img {
    -o-object-position: top left;
    object-position: top left
}

.category__content .product-card__wrap .product-card-banner-row__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    position: relative
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__wrapper {
        height: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__wrapper {
        height: 140px
    }
}

.category__content .product-card__wrap .product-card-banner-row__wrapper .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.category__content .product-card__wrap .product-card-banner-row__image {
    position: relative;
    max-width: 130px;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__image {
        max-width: 250px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__image {
        max-width: 357px
    }
}

.category__content .product-card__wrap .product-card-banner-row__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-radius: 12px 0 0 12px
}

.category__content .product-card__wrap .product-card-banner-row__image img.machine {
    position: absolute;
    top: 0;
    left: 10px;
    width: 96px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__image img.machine {
        width: 137px;
        left: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__image img.machine {
        width: 160px;
        left: 22px
    }
}

.category__content .product-card__wrap .product-card-banner-row__image img.small {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    height: 52px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__image img.small {
        top: 0;
        width: 55px;
        height: 75px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__image img.small {
        width: 67px;
        height: 91px
    }
}

.category__content .product-card__wrap .product-card-banner-row__text-block {
    font-family: Bressay Trial;
    font-weight: 400;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__text-block {
        padding: 0 20px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__text-block {
        padding: 0 40px
    }
}

.category__content .product-card__wrap .product-card-banner-row__title {
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__title {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px
    }
}

.category__content .product-card__wrap .product-card-banner-row__description {
    font-size: 14px;
    line-height: 17px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card__wrap .product-card-banner-row__description {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card__wrap .product-card-banner-row__description {
        font-size: 24px;
        line-height: 29px;
        max-width: 443px
    }
}

.category__content .product-card__wrap .product-card-banner-row__description .description-colored {
    text-transform: uppercase;
    font-style: normal
}

.category__content .product-card__wrap .product-card-banner-row__description .description-colored.green {
    color: #acbe3d
}

.category__content .product-card__wrap .product-card-banner-row__description .description-colored.orange {
    color: #f6a31d
}

.category__content .product-card__wrap .product-card-banner-row__description .description-colored.pink {
    color: #77176e
}

.category__content .product-card--shop {
    width: 47.705%
}

.category__content .product-card--shop:nth-of-type(n) {
    margin-right: 4.59%;
    margin-bottom: 4.59%
}

.category__content .product-card--shop:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 4.59%
}

@media only screen and (min-width: 768px) {
    .category__content .product-card--shop {
        width: 31.23%
    }

    .category__content .product-card--shop:nth-of-type(n) {
        margin-right: 3.155%;
        margin-bottom: 3.155%
    }

    .category__content .product-card--shop:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 3.155%
    }
}

@media only screen and (min-width: 1024px) {
    .category__content .product-card--shop {
        width: 31.8173333333%
    }

    .category__content .product-card--shop:nth-of-type(n) {
        margin-right: 2.274%;
        margin-bottom: 2.274%
    }

    .category__content .product-card--shop:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 2.274%
    }
}

@media only screen and (min-width: 1440px) {
    .category__content .product-card--shop {
        width: 31.8173333333%
    }

    .category__content .product-card--shop:nth-of-type(n) {
        margin-right: 2.274%;
        margin-bottom: 2.274%
    }

    .category__content .product-card--shop:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 2.274%
    }
}

.category__content .product-card--shop.product-card-banner {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px
}

.category__content .product-card--shop.product-card-banner.product-card-banner_bottom-image .product-card-banner__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.category__content .product-card--shop.product-card-banner.product-card-banner_bottom-image .product-card-banner__container img {
    border-radius: 0 0 12px 12px
}

.category__content .product-card--shop.product-card-banner .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.category__content .product-card--shop.product-card-banner .product-card-banner__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.category__content .product-card--shop.product-card-banner .product-card-banner__image {
    height: 178px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__image {
        height: 192px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__image {
        height: 196px
    }
}

.category__content .product-card--shop.product-card-banner .product-card-banner__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

.category__content .product-card--shop.product-card-banner .product-card-banner__text-block {
    padding: 28px 12px;
    font-family: Bressay Trial;
    font-weight: 400;
    text-align: center;
    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
}

@media only screen and (min-width: 768px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__text-block {
        padding: 32px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__text-block {
        padding: 0 29.5px;
        margin: auto 0
    }
}

.category__content .product-card--shop.product-card-banner .product-card-banner__title {
    font-size: 14px;
    line-height: 145%;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 6px
}

@media only screen and (min-width: 768px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__title {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 23px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 29px
    }
}

.category__content .product-card--shop.product-card-banner .product-card-banner__description {
    font-size: 12px;
    line-height: 120%
}

@media only screen and (min-width: 768px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__description {
        font-size: 14px;
        line-height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .category__content .product-card--shop.product-card-banner .product-card-banner__description {
        font-size: 16px;
        line-height: 19px
    }
}

.category__content .product-card--shop.product-card-banner .product-card-banner__description .description-colored {
    text-transform: uppercase;
    font-style: normal
}

.category__content .product-card--shop.product-card-banner .product-card-banner__description .description-colored.green {
    color: #acbe3d
}

.category__content .product-card--shop.product-card-banner .product-card-banner__description .description-colored.orange {
    color: #f6a31d
}

.category__content .seo-block {
    padding-bottom: 30px
}

@media only screen and (min-width: 1440px) {
    .category__content .seo-block {
        padding-bottom: 60px
    }
}

.category__content .seo-block .accordion__button-wrap:last-child {
    margin: 0
}

.category-empty {
    height: calc(100vh - 356px);
    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
}

.category-empty .plain {
    margin-bottom: 20px
}

.category-empty .btn {
    background-color: #8d4086;
    color: #fff
}

.popupBucket {
    position: absolute
}

.container-bucket {
    width: 100vw
}

@media only screen and (min-width: 768px) {
    .container-bucket {
        width: 100%
    }
}

.container-bucket__wrap {
    padding: 0 24px
}

@media only screen and (min-width: 768px) {
    .container-bucket__wrap {
        padding: 0 10px 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .container-bucket__wrap {
        padding: 0 20px
    }
}

.bucket .order-item {
    display: grid;
    grid-template-areas:"foto name close" "foto subname close" "foto bonus close" "amount price price";
    grid-template-columns:28.66% 61.56% 9.77%;
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 20px 20px 16px;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .bucket .order-item {
        grid-template-areas:"foto name amount price close" "foto subname amount price close" "foto bonus amount price close";
        grid-template-columns:17.76% 44.4% 9.86% 21.54% 6.44%;
        padding: 18px 0 18px 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item {
        grid-template-areas:"foto name bonus amount price close" "foto subname bonus amount price close";
        grid-template-columns:12.1% 41.25% 16.59% 7.47% 18.16% 4.73%;
        padding: 10px 0 10px 10px
    }
}

.bucket .order-item__img {
    grid-area: foto;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 12px;
    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;
    margin: 0 0 16px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__img {
        width: 80px;
        height: 80px;
        margin-bottom: 0
    }
}

.bucket .order-item__img img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    border-radius: 12px
}

.bucket .order-item__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 240px
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__name {
        margin-top: 8px;
        max-width: 368px
    }
}

.bucket .order-item__name-display-title {
    grid-area: name;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
    text-decoration: none;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__name-display-title {
        font-size: 18px;
        line-height: 32px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__name-display-title {
        font-size: 28px;
        line-height: 36px
    }
}

.bucket .order-item__name-title {
    grid-area: subname;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8693a2;
    margin-bottom: 4px;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__name-title {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__name-title {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 16px
    }
}

.bucket .order-item__name .art {
    font-size: 8px
}

.bucket .order-item__bonus {
    grid-area: bonus;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #477707;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__bonus {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__bonus {
        margin-bottom: 0;
        font-size: 16px
    }
}

.bucket .order-item__amount {
    grid-area: amount;
    width: 130px;
    height: 54px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__amount {
        width: 44px;
        height: 60px;
        margin-left: 8px
    }
}

.bucket .order-item__amount .count {
    background: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 5px 12px
}

@media only screen and (max-width: 767px) {
    .bucket .order-item__amount .count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        width: 130px;
        height: 54px
    }
}

.bucket .order-item__amount .count__value input {
    width: 25px;
    background-color: transparent;
    border: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    color: #77176e;
    font-family: Montserrat, Arial, sans-serif !important;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin: 0 16px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__amount .count__value input {
        margin: 0;
        width: 20px
    }
}

.bucket .order-item__amount .count__action {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1px 0
}

@media only screen and (max-width: 767px) {
    .bucket .order-item__amount .count__action {
        height: auto
    }
}

.bucket .order-item__amount .count__action.disabled {
    pointer-events: none
}

.bucket .order-item__amount .count__action.disabled .minus:after, .bucket .order-item__amount .count__action.disabled .plus:after, .bucket .order-item__amount .count__action.disabled .plus:before {
    background: #a5a5a5
}

.bucket .order-item__amount .count__action .minus, .bucket .order-item__amount .count__action .plus {
    position: relative;
    width: 8px;
    height: 8px;
    border: none;
    background: 0 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 767px) {
    .bucket .order-item__amount .count__action .minus, .bucket .order-item__amount .count__action .plus {
        padding: 3px;
        width: 16px;
        height: 16px
    }
}

.bucket .order-item__amount .count__action .minus:after, .bucket .order-item__amount .count__action .plus:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #77176e;
    border-radius: 2px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__amount .count__action .minus:after, .bucket .order-item__amount .count__action .plus:after {
        width: 8px;
        height: 1px
    }
}

.bucket .order-item__amount .count__action .plus:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #77176e;
    border-radius: 2px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__amount .count__action .plus:before {
        width: 1px;
        height: 8px
    }
}

.bucket .order-item__price {
    grid-area: price;
    color: #77176e;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__price {
        line-height: 30px;
        display: block
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__price {
        font-size: 24px
    }
}

.bucket .order-item__price.none {
    font-size: 18px;
    line-height: 160%
}

.bucket .order-item__price .prev {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .05em;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #555;
    display: block
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__price .prev {
        font-size: 10px;
        line-height: 30px
    }
}

.bucket .order-item__price.gift {
    font-size: 14px;
    line-height: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 0 auto
}

.bucket .order-item__price.gift .prev {
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    display: block;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    letter-spacing: .05em
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__price.gift .prev {
        font-size: 10px
    }
}

.bucket .order-item__price.gift .curr {
    margin-right: 8px
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item__price.gift .curr {
        margin-right: 12px
    }
}

.bucket .order-item__del {
    grid-area: close;
    align-self: flex-end;
    position: absolute;
    top: -8px;
    right: -12px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item__del {
        right: 12px;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.bucket .order-item__del .remove {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer
}

.bucket .order-item.gift {
    display: grid;
    grid-template-areas:"foto name " "foto subname " "amount bonus " "amount price ";
    grid-template-columns:30% 70%;
    margin-left: 10px;
    margin-top: 12px
}

.bucket .order-item.gift:first-child {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .bucket .order-item.gift {
        grid-template-areas:"foto name amount price";
        grid-template-columns:10% 58% 10% 22%
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item.gift {
        grid-template-areas:"foto name bonus amount price ";
        grid-template-columns:7% 60% 8% 8% 17%
    }
}

.bucket .order-item.gift .order-item__img {
    grid-area: foto;
    height: 40px;
    width: 40px
}

.bucket .order-item.gift .order-item__name {
    margin-top: 0;
    padding-right: 10px
}

.bucket .order-item.gift .order-item__name-display-title {
    grid-area: name;
    font-size: 14px;
    line-height: 160%;
    text-overflow: ellipsis;
    overflow: hidden
}

.bucket .order-item.gift .order-item__name-title {
    grid-area: subname;
    font-size: 10px;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden
}

.bucket .order-item.gift .order-item__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bucket .order-item.gift .order-item__amount .count {
    padding: 0;
    width: 44px;
    height: 44px
}

.bucket .order-item.gift .order-item__amount .count__value {
    color: #77176e;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    margin: auto
}

.bucket .order-item.gift .order-item__bonus {
    grid-area: bonus
}

.bucket .order-item.gift .order-item__price {
    font-size: 14px;
    margin: 0
}

.bucket .order-item.gift .order-item__price .prev {
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    display: block;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    letter-spacing: .05em
}

@media only screen and (min-width: 768px) {
    .bucket .order-item.gift .order-item__price .prev {
        font-size: 10px
    }
}

.bucket .order-item.gift .order-item__price .curr {
    margin-right: 8px
}

@media only screen and (min-width: 1024px) {
    .bucket .order-item.gift .order-item__price .curr {
        margin-right: 12px
    }
}

.bucket .order-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 12px;
    margin-bottom: 198px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 90px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary {
        margin-bottom: 110px
    }
}

.bucket .order-summary__info {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__info {
        width: 288px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__info {
        width: 387px;
        padding: 21px 20px
    }
}

.bucket .order-summary__info-wrap {
    background: #fff;
    border-radius: 12px;
    padding: 24px 14px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__info-wrap {
        padding: 25px 20px
    }
}

.bucket .order-summary__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bucket .order-summary__info .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding-top: 0;
    margin-bottom: 16px;
    color: #555
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__info .title {
        font-size: 14px;
        margin-bottom: 14px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__info .title {
        font-size: 16px;
        margin-bottom: 16px
    }
}

.bucket .order-summary__info .title:last-child {
    margin-bottom: 0
}

.bucket .order-summary__info span {
    font-weight: 700
}

.bucket .order-summary__promo {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo {
        width: 332px;
        margin-left: 8px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__promo {
        width: 493px;
        margin-left: 12px
    }
}

.bucket .order-summary__promo .gift {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1280px) {
    .bucket .order-summary__promo .gift {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.bucket .order-summary__promo .gift-info .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414
}

.bucket .order-summary__promo .gift-info .caption {
    margin-top: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.bucket .order-summary__promo .gift .btn {
    padding: 0;
    width: 168px;
    height: 44px;
    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;
    margin-top: 14px;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%
}

@media only screen and (min-width: 1280px) {
    .bucket .order-summary__promo .gift .btn {
        margin-top: 0
    }
}

.bucket .order-summary__promo .bonus {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .bonus {
        padding: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__promo .bonus {
        padding: 20px;
        margin-bottom: 12px
    }
}

.bucket .order-summary__promo .bonus-block {
    background: #fff;
    border-radius: 12px;
    padding: 20px 14px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .bonus-block {
        padding: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__promo .bonus-block {
        padding: 16px 20px
    }
}

.bucket .order-summary__promo .bonus .check-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414
}

.bucket .order-summary__promo .bonus .check-wrap .checkbox {
    font-size: 13px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .bonus .check-wrap .checkbox {
        font-size: 14px
    }
}

.bucket .order-summary__promo .bonus .check-wrap span {
    margin-left: auto;
    font-size: 13px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .bonus .check-wrap span {
        font-size: 14px
    }
}

.bucket .order-summary__promo .bonus .caption {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #555
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .bonus .caption {
        font-size: 12px
    }
}

.bucket .order-summary__promo .bonus .points {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px
}

.bucket .order-summary__promo .promocode {
    padding: 4px
}

.bucket .order-summary__promo .promocode-block {
    background: rgba(141, 64, 134, .08);
    border-radius: 12px;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .promocode-block {
        padding: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-summary__promo .promocode-block {
        padding: 20px
    }
}

.bucket .order-summary__promo .promocode__input {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    -webkit-box-shadow: inset 0 60px 10px #fff;
    box-shadow: inset 0 60px 10px #fff
}

.bucket .order-summary__promo .promocode__input::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1
}

.bucket .order-summary__promo .promocode__input::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1
}

.bucket .order-summary__promo .promocode__input:-ms-input-placeholder {
    opacity: 1
}

.bucket .order-summary__promo .promocode__input::-ms-input-placeholder {
    opacity: 1
}

.bucket .order-summary__promo .promocode__input::placeholder {
    color: #a5a5a5;
    opacity: 1
}

.bucket .order-summary__promo .promocode__input:-ms-input-placeholder {
    color: #a5a5a5
}

.bucket .order-summary__promo .promocode__input::-ms-input-placeholder {
    color: #a5a5a5
}

.bucket .order-summary__promo .promocode .btn-cirle {
    padding: 11px 10px;
    font-size: 12px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

.bucket .order-summary__promo .promocode-success__code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bucket .order-summary__promo .promocode-success__code h4 {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    margin-left: 8px
}

.bucket .order-summary__promo .promocode-success__code span {
    font-weight: 700
}

.bucket .order-summary__promo .promocode-success__gift {
    margin-top: 8px;
    color: #555;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-left: 24px
}

.bucket .order-summary__promo .promocode-success__gift span {
    font-weight: 700;
    cursor: pointer
}

.bucket .order-summary__promo .promocode-success__delete {
    margin-top: 6px;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #d44300;
    margin-left: 24px;
    cursor: pointer
}

.bucket .order-summary__promo .promocode-error {
    color: #d44300;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-top: 8px;
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .bucket .order-summary__promo .promocode-error {
        margin-top: 12px
    }
}

.bucket .order-gift {
    padding: 20px 0 18px;
    background: #f8f9fa;
    border-radius: 12px;
    position: relative;
    margin: -178px 0 198px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift {
        padding: 32px 0 30px;
        margin: -40px 0 80px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift {
        padding: 40px;
        margin: -40px 0 80px
    }
}

.bucket .order-gift .gift__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414;
    margin: 0 14px 14px
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift__title {
        font-size: 24px;
        margin: 0 0 30px
    }
}

.bucket .order-gift .gift-slider {
    padding: 0 14px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-slider {
        margin: 0 auto;
        width: calc(100% - 104px);
        padding: 0
    }
}

.bucket .order-gift .gift-slider .swiper-wrapper {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-next {
        right: 14px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-next {
        right: 40px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-prev {
        left: 14px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-prev {
        left: 40px
    }
}

.bucket .order-gift .gift-item {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    height: auto
}

.bucket .order-gift .gift-item__container {
    padding: 20px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__container {
        padding: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__container {
        padding: 20px
    }
}

.bucket .order-gift .gift-item__container.flip .gift-item__flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bucket .order-gift .gift-item__container.flip .gift-item__product {
    height: 0
}

.bucket .order-gift .gift-item__container.flip .gift-item__about {
    height: auto;
    display: block
}

.bucket .order-gift .gift-item__container.flip .product__add {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bucket .order-gift .gift-item__more-info {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer
}

.bucket .order-gift .gift-item__more-info:after {
    content: "";
    background-image: url(/html/css/../img/icons/gift__more-info.svg);
    width: 16px;
    display: block;
    height: 16px
}

.bucket .order-gift .gift-item__more-info.back:after {
    background-image: url(/html/css/../img/icons/gift__more-info-back.svg)
}

.bucket .order-gift .gift-item__flipper {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%
}

.bucket .order-gift .gift-item__about, .bucket .order-gift .gift-item__product {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bucket .order-gift .gift-item__product {
    z-index: 2
}

.bucket .order-gift .gift-item__product .product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 19px auto;
    width: 88px;
    height: 88px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__product .product__img {
        width: 60px;
        height: 60px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__product .product__img {
        width: 88px;
        height: 88px;
        margin: 0 auto 8px
    }
}

.bucket .order-gift .gift-item__product .product__img img {
    width: 88px;
    height: 88px;
    height: 100%;
    width: 100%;
    margin: auto
}

.bucket .order-gift .gift-item__product .product__title {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__product .product__title {
        font-size: 10px;
        line-height: 145%
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__product .product__title {
        font-size: 14px;
        line-height: 22px
    }
}

.bucket .order-gift .gift-item__product .product__display-title {
    margin-top: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    min-height: 66px;
    max-height: 66px;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__product .product__display-title {
        font-size: 10px;
        line-height: 145%;
        min-height: 45px;
        max-height: 45px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__product .product__display-title {
        font-size: 16px;
        line-height: 22px;
        min-height: 66px;
        max-height: 66px
    }
}

.bucket .order-gift .gift-item__product .product__usable {
    margin-top: 16px;
    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
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__product .product__usable {
        font-size: 10px;
        line-height: 145%;
        margin-top: 8px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__product .product__usable {
        margin-top: 16px
    }
}

.bucket .order-gift .gift-item__product .product__price .prev {
    font-weight: 500;
    font-size: 10px;
    line-height: 145%;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #8693a2
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__product .product__price .prev {
        font-size: 6px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__product .product__price .prev {
        font-size: 10px
    }
}

.bucket .order-gift .gift-item__product .product__price .curr {
    margin-top: 4px;
    font-size: 16px;
    line-height: 145%;
    font-weight: 700;
    color: #071a33
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-item__product .product__price .curr {
        font-size: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-item__product .product__price .curr {
        font-size: 16px
    }
}

.bucket .order-gift .gift-item__product .product__add.added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 8px 6px
}

.bucket .order-gift .gift-item__product .product__add.added .minus, .bucket .order-gift .gift-item__product .product__add.added .plus {
    background: none;
    border: none;
    color: #141414;
    padding: 0;
    width: 8px;
    height: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    cursor: pointer
}

.bucket .order-gift .gift-item__product .product__add.added .minus.disabled, .bucket .order-gift .gift-item__product .product__add.added .plus.disabled {
    color: #a5a5a5;
    cursor: auto
}

.bucket .order-gift .gift-item__product .product__add.added .add__value {
    width: 20px;
    height: 16px;
    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
}

.bucket .order-gift .gift-item__product .product__add.added .quantity__input {
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    margin: 0 3px
}

.bucket .order-gift .gift-item__about {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: none
}

.bucket .order-gift .gift-item__about .about__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    color: #333;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.bucket .order-gift .gift-item__about .about__description {
    font-size: 10px;
    line-height: 160%;
    color: #4f4f4f;
    margin-top: 6px;
    margin-bottom: 20px
}

.bucket .order-gift .gift-pagination {
    bottom: 22px;
    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;
    position: relative;
    top: 0;
    margin-bottom: 12px
}

.bucket .order-gift .gift-pagination .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px
}

.bucket .order-gift .gift-pagination .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.bucket .order-gift .gift-result {
    border-top: 2px solid #eaeaea;
    padding-top: 18px;
    margin: 0 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -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
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-result {
        padding-top: 20px;
        -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
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-result {
        padding-top: 30px
    }
}

.bucket .order-gift .gift-result .result__count {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-result .result__count {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-result .result__count {
        font-size: 18px
    }
}

.bucket .order-gift .gift-result .result__count span {
    font-weight: 600
}

.bucket .order-gift .gift-result .result__confirm {
    padding: 12px 16px;
    font-size: 10px;
    line-height: 150%;
    width: 100%;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift .gift-result .result__confirm {
        font-size: 8px;
        width: unset;
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift .gift-result .result__confirm {
        padding: 14px 24px;
        font-size: 10px;
        line-height: 150%
    }
}

.bucket .order-gift__popup {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 12px;
    position: fixed;
    padding: 16px 16px 74px;
    width: calc(100% - 40px);
    bottom: 16px;
    z-index: 11;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    left: 20px
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift__popup {
        padding: 20px 140px 20px 24px;
        width: calc(100% - 60px);
        left: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift__popup {
        padding: 20px 148px 20px 32px;
        width: calc(100% - 70px);
        left: 20px
    }
}

.bucket .order-gift__popup .caption {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #555
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift__popup .caption {
        font-size: 14px;
        line-height: 22px
    }
}

.bucket .order-gift__popup .close {
    position: absolute;
    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-color: #7c2582;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    border-radius: 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    bottom: 16px;
    right: 16px;
    cursor: pointer;
    height: 48px;
    width: calc(100% - 32px)
}

@media only screen and (min-width: 768px) {
    .bucket .order-gift__popup .close {
        top: 26px;
        bottom: unset;
        width: 100px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-gift__popup .close {
        right: 24px;
        top: 29px
    }
}

.bucket .order-together {
    margin: -178px 0 198px;
    padding: 20px 14px 18px;
    background: #f8f9fa;
    border-radius: 12px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .bucket .order-together {
        padding: 32px 20px 30px;
        margin: -70px 0 90px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together {
        padding: 40px;
        margin: -40px 0 110px
    }
}

.bucket .order-together .together__title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 30px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together__title {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together__title {
        font-size: 24px;
        margin-bottom: 30px
    }
}

.bucket .order-together .together-slider .together-item__wrap {
    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;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .together-item__wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 32px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-slider .together-item__wrap {
        padding: 0 72px
    }
}

.bucket .order-together .together-slider .card-item {
    margin-bottom: 40px;
    padding: 12px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .card-item {
        margin-bottom: 20px;
        margin-right: 24px;
        max-width: 156px;
        padding: 30px 16px 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-slider .card-item {
        margin-right: 70px;
        max-width: 280px;
        padding: 20px 30px 30px
    }
}

.bucket .order-together .together-slider .card-item:last-child {
    margin-right: 0;
    margin-bottom: 20px
}

.bucket .order-together .together-slider .card-item:after {
    content: "";
    background-image: url(/html/css/../img/icons/together-plus.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: calc(50% - 8px);
    top: calc(100% + 12px);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .card-item:after {
        top: calc(50% - 5px);
        right: -20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-slider .card-item:after {
        background-size: 16px;
        right: -37px
    }
}

.bucket .order-together .together-slider .card-item__labels {
    display: none
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .card-item__labels {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.bucket .order-together .together-slider .card-item__imgTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .card-item__imgTitle {
        display: block
    }
}

.bucket .order-together .together-slider .card-item__img {
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin-bottom: 0;
    margin-right: 16px;
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .card-item__img {
        margin-left: auto;
        margin-right: auto;
        width: 60px;
        height: 60px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-slider .card-item__img {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        height: 100px;
        padding: 0 30px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-slider .card-item__display-title {
        min-height: 36px
    }
}

.bucket .order-together .together-slider .card-item__action {
    display: none
}

.bucket .order-together .together-slider .card-item:last-child:after {
    content: none
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-next, .bucket .order-together .together-prev {
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-next, .bucket .order-together .together-prev {
        width: 32px;
        height: 32px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-prev {
        left: 0
    }
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-next {
        right: 0
    }
}

.bucket .order-together .together-pagination {
    position: relative;
    bottom: 0;
    margin-bottom: 12px;
    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
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-pagination {
        margin-bottom: 20px
    }
}

.bucket .order-together .together-pagination .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px
}

.bucket .order-together .together-pagination .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.bucket .order-together .together-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 2px solid #eaeaea;
    padding-top: 18px
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-result {
        padding-top: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-result {
        padding-top: 30px
    }
}

.bucket .order-together .together-result .result__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    margin-right: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #8d4086
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-result .result__title {
        color: #141414;
        font-size: 24px
    }
}

.bucket .order-together .together-result .result__price {
    margin-right: 16px;
    text-align: right
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-result .result__price {
        margin-right: 44px
    }
}

@media only screen and (min-width: 1440px) {
    .bucket .order-together .together-result .result__price {
        margin-right: 40px
    }
}

.bucket .order-together .together-result .result__price .prev {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    font-weight: 500;
    font-size: 11px;
    line-height: 145%;
    color: #8693a2
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-result .result__price .prev {
        font-size: 6px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-result .result__price .prev {
        font-size: 14px
    }
}

.bucket .order-together .together-result .result__price .curr {
    font-size: 18px;
    line-height: 145%;
    margin-top: 4px;
    color: #071a33;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-result .result__price .curr {
        font-size: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-result .result__price .curr {
        font-size: 16px;
        margin-top: 8px
    }
}

.bucket .order-together .together-result .result__confirm {
    padding: 12px 16px;
    font-size: 10px;
    line-height: 150%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .bucket .order-together .together-result .result__confirm {
        font-size: 8px;
        width: unset;
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-together .together-result .result__confirm {
        padding: 14px 24px;
        font-size: 10px
    }
}

.bucket .order-together .together-thumbs {
    width: 100%
}

.bucket .order-together .together-thumbs .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bucket .buyWithThis {
    margin: -178px 0 198px;
    padding: 20px 0 18px 14px;
    background: #f8f9fa;
    border-radius: 12px;
    position: relative;
    width: auto
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis {
        padding: 32px 20px;
        margin: -70px 0 90px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis {
        padding: 40px 40px 20px;
        margin: -40px 0 110px
    }
}

.bucket .buyWithThis .container {
    margin: 0;
    width: 100%
}

.bucket .buyWithThis__title {
    margin-bottom: 38px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__title {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__title {
        margin-bottom: 30px
    }
}

.bucket .buyWithThis-cart__container {
    margin-bottom: 0
}

.bucket .buyWithThis-cart__container .swiper-wrapper {
    margin-bottom: 20px
}

.bucket .buyWithThis-cart__container .swiper-wrapper .swiper-slide {
    height: auto
}

.bucket .buyWithThis__slider-wrap {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider-wrap {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider-wrap {
        padding-left: 62px;
        padding-right: 62px
    }
}

.bucket .buyWithThis__slider .card-item {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item {
        padding: 36px 12px 12px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item {
        padding: 20px
    }
}

.bucket .buyWithThis__slider .card-item__labels {
    display: none
}

.bucket .buyWithThis__slider .card-item__imgTitle {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__imgTitle {
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__imgTitle {
        margin-bottom: 16px
    }
}

.bucket .buyWithThis__slider .card-item__img {
    width: 88px;
    height: 88px;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__img {
        width: 60px;
        height: 60px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__img {
        width: 88px;
        height: 88px;
        margin-bottom: 8px
    }
}

.bucket .buyWithThis__slider .card-item__usable {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-flow: row !important;
    flex-flow: row !important
}

.bucket .buyWithThis__slider .card-item__price {
    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
}

.bucket .buyWithThis__slider .card-item__action {
    margin-top: 0;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.bucket .buyWithThis__slider .card-item__display-title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
    max-height: 22px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__display-title {
        font-size: 10px;
        line-height: 145%;
        max-height: 15px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__display-title {
        font-size: 16px;
        line-height: 22px;
        max-height: 22px
    }
}

.bucket .buyWithThis__slider .card-item__title {
    font-size: 14px;
    line-height: 22px;
    max-height: 44px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__title {
        font-size: 10px;
        line-height: 145%;
        max-height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__title {
        font-size: 14px;
        line-height: 22px;
        max-height: 44px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .buyWithThis__slider .card-item__title {
        font-size: 14px !important;
        line-height: 20px !important;
        max-height: 44px !important
    }
}

.bucket .buyWithThis__slider .card-item__price .prev {
    font-size: 10px;
    line-height: 145%;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__price .prev {
        font-size: 6px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__price .prev {
        font-size: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .buyWithThis__slider .card-item__price .prev {
        font-size: 11px !important
    }
}

.bucket .buyWithThis__slider .card-item__price .curr {
    font-size: 16px;
    line-height: 145%
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__price .curr {
        font-size: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__price .curr {
        font-size: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .buyWithThis__slider .card-item__price .curr {
        font-size: 16px !important
    }
}

.bucket .buyWithThis__slider .card-item__compare, .bucket .buyWithThis__slider .card-item__favorite {
    display: none
}

.bucket .buyWithThis__slider .card-item__btn {
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__btn {
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__btn {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .buyWithThis__slider .card-item__btn {
        width: 40px !important;
        height: 40px !important
    }
}

.bucket .buyWithThis__slider .card-item__btn svg {
    width: 18px;
    height: 18px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__slider .card-item__btn svg {
        width: 12px;
        height: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis__slider .card-item__btn svg {
        width: 18px;
        height: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .buyWithThis__slider .card-item__btn svg {
        width: 18px !important;
        height: 18px !important
    }
}

.bucket .buyWithThis__action {
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .bucket .buyWithThis__action {
        margin-top: 20px
    }
}

.bucket .buyWithThis .swiper-button-next, .bucket .buyWithThis .swiper-button-prev {
    width: 24px;
    height: 24px;
    top: 55%
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis .swiper-button-next, .bucket .buyWithThis .swiper-button-prev {
        width: 40px;
        height: 40px;
        top: 50%
    }
}

.bucket .buyWithThis .swiper-button-next svg, .bucket .buyWithThis .swiper-button-prev svg {
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 1024px) {
    .bucket .buyWithThis .swiper-button-next svg, .bucket .buyWithThis .swiper-button-prev svg {
        width: 18px;
        height: 18px
    }
}

.bucket .related {
    margin: 0 0 93px;
    padding: 20px 14px 18px;
    background: #f8f9fa;
    border-radius: 12px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .bucket .related {
        padding: 32px 20px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related {
        padding: 40px;
        margin: 30px 0 110px
    }
}

.bucket .related__title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 30px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .bucket .related__title {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related__title {
        font-size: 24px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .related-slider {
        margin: 0 32px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-slider {
        margin: 0 60px
    }
}

.bucket .related-slider .card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 40px);
    -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-sizing: inherit;
    box-sizing: inherit;
    padding: 20px
}

@media only screen and (min-width: 588px) {
    .bucket .related-slider .card-item {
        padding: 37px 12px 12px;
        width: 132px;
        height: 149px;
        margin-right: 28px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-slider .card-item {
        padding: 20px;
        margin-right: 35px;
        width: 163px;
        height: 202px
    }
}

.bucket .related-slider .card-item__img {
    width: 88px;
    height: 88px
}

@media only screen and (min-width: 588px) {
    .bucket .related-slider .card-item__img {
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 19px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-slider .card-item__img {
        width: 88px;
        height: 88px;
        margin-bottom: 8px
    }
}

.bucket .related-slider .card-item__content {
    width: 100%
}

.bucket .related-slider .card-item__subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #071a33;
    margin-bottom: 4px
}

@media only screen and (min-width: 588px) {
    .bucket .related-slider .card-item__subtitle {
        font-size: 10px;
        line-height: 145%;
        font-weight: 400
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-slider .card-item__subtitle {
        font-size: 14px;
        line-height: 22px
    }
}

.bucket .related-slider .card-item__title {
    margin-bottom: 16px;
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    .bucket .related-slider .card-item__title {
        margin-bottom: 8px;
        font-size: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-slider .card-item__title {
        margin-bottom: 16px;
        font-size: 16px
    }
}

.bucket .related-slider .card-item__price .prev {
    margin-bottom: 4px;
    font-size: 10px
}

@media only screen and (min-width: 768px) {
    .bucket .related-slider .card-item__price .prev {
        font-size: 6px;
        line-height: 145%
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .related-slider .card-item__price .prev {
        font-size: 10px
    }
}

.bucket .related-slider .card-item__price .curr {
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    .bucket .related-slider .card-item__price .curr {
        font-size: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .related-slider .card-item__price .curr {
        font-size: 16px
    }
}

.bucket .related-slider .card-item__btn {
    width: 40px;
    height: 40px
}

.bucket .related-slider .card-item__btn svg {
    width: 24px
}

@media only screen and (min-width: 768px) {
    .bucket .related-slider .card-item__btn {
        width: 24px;
        height: 24px
    }

    .bucket .related-slider .card-item__btn svg {
        width: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .bucket .related-slider .card-item__btn {
        width: 40px;
        height: 40px
    }

    .bucket .related-slider .card-item__btn svg {
        width: 24px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .related-next, .bucket .related-prev {
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-next, .bucket .related-prev {
        width: 32px;
        height: 32px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .related-prev {
        left: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-prev {
        left: 40px
    }
}

@media only screen and (min-width: 768px) {
    .bucket .related-next {
        right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .related-next {
        right: 40px
    }
}

.bucket .related-pagination {
    position: relative;
    bottom: 0;
    margin-top: 12px;
    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
}

@media only screen and (min-width: 768px) {
    .bucket .related-pagination {
        margin-top: 20px
    }
}

.bucket .related-pagination .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px
}

.bucket .related-pagination .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.bucket .order-checkout {
    position: fixed;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 24px 24px;
    bottom: 0;
    z-index: 10;
    width: calc(100vw - 48px);
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04)
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout {
        padding: 16px 40px;
        width: calc(100% - 80px)
    }
}

.bucket .order-checkout__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    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
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.bucket .order-checkout__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout__right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.bucket .order-checkout__text-different-stocks {
    font-size: 14px;
    line-height: 145%;
    margin-top: 12px
}

.bucket .order-checkout .close {
    padding: 0;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #77176e;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background: none
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout .close {
        font-size: 8px;
        padding: 12px 16px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
        box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
        margin-right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-checkout .close {
        font-size: 12px;
        padding: 15px 30px
    }
}

.bucket .order-checkout .checkout__summary {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #77176e;
    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;
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout .checkout__summary {
        margin-right: 12px;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-checkout .checkout__summary {
        font-size: 24px;
        margin-right: 30px
    }
}

.bucket .order-checkout .checkout__summary span {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    text-transform: none
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout .checkout__summary span {
        display: none
    }
}

.bucket .order-checkout .checkout__confirm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 0;
    width: 100%;
    height: 48px;
    margin-bottom: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .bucket .order-checkout .checkout__confirm {
        font-size: 8px;
        padding: 12px 16px;
        margin-bottom: 0;
        height: auto;
        max-width: 122px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket .order-checkout .checkout__confirm {
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        padding: 15px 30px;
        max-width: 194px;
        white-space: nowrap
    }
}

.bucket.empty .container-bucket__wrap {
    padding: 0 14px
}

@media only screen and (min-width: 768px) {
    .bucket.empty .container-bucket__wrap {
        padding: 0 20px 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket.empty .container-bucket__wrap {
        padding: 0 20px
    }
}

.bucket.empty .title {
    font-weight: 600;
    color: #141414;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .bucket.empty .title {
        margin: 12px 0 0;
        font-size: 22px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket.empty .title {
        font-size: 28px;
        line-height: 32px
    }
}

.bucket.empty .caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #313131;
    margin-top: 16px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .bucket.empty .caption {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 120px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket.empty .caption {
        font-size: 16px;
        line-height: 24px
    }
}

.bucket.empty .link {
    height: 42px;
    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;
    width: 100%;
    margin: 20px 0 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .bucket.empty .link {
        display: none
    }
}

.bucket.empty .recentlyViewed {
    margin: 0 0 24px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px 0 20px 14px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .bucket.empty .recentlyViewed {
        margin: -80px 0 120px;
        padding: 32px 14px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket.empty .recentlyViewed {
        padding: 40px
    }
}

.bucket.empty .recentlyViewed .container {
    padding: 0;
    margin: 0;
    width: 100%
}

.bucket.empty .recentlyViewed .buyWithThis__slider-wrap {
    padding: 0 0 0 10px
}

@media only screen and (min-width: 768px) {
    .bucket.empty .recentlyViewed .buyWithThis__slider-wrap {
        padding: 0 38px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket.empty .recentlyViewed .buyWithThis__slider-wrap {
        padding: 0 90px
    }
}

.bucket.empty .recentlyViewed__title {
    margin-bottom: 38px
}

@media only screen and (min-width: 768px) {
    .bucket.empty .recentlyViewed__title {
        margin-bottom: 20px;
        margin-left: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .bucket.empty .recentlyViewed__title {
        margin-bottom: 30px;
        margin-left: 0
    }
}

.bucket.empty .order-checkout {
    display: none
}

@media only screen and (min-width: 768px) {
    .bucket.empty .order-checkout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.bucket.empty .order-checkout .btn {
    margin-left: auto
}

.product {
    margin-bottom: 30px
}

@media only screen and (min-width: 1024px) {
    .product {
        margin-bottom: 40px
    }
}

.product-wrap {
    display: grid;
    grid-template-areas:"slider" "aside" "accordion";
    padding-top: 20px;
    grid-template-columns:100%
}

@media only screen and (min-width: 768px) {
    .product-wrap {
        grid-template-areas:"slider aside" "accordion aside" "footer aside";
        grid-template-columns:51.89% 48.11%;
        padding-top: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .product-wrap {
        grid-template-columns:52.55% 47.45%;
        padding-top: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .product-wrap {
        grid-template-areas:"slider aside" "accordion aside" "footer aside";
        grid-template-columns:62.67% 37.33%;
        padding-top: 40px
    }
}

.product__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    grid-area: slider
}

@media only screen and (min-width: 768px) {
    .product__slider {
        margin-right: 20px;
        margin-bottom: 28px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 1024px) {
    .product__slider {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider {
        margin-right: 40px;
        margin-bottom: 40px
    }
}

.product__slider .slider__main {
    width: 87.15%;
    margin-right: 12px
}

@media only screen and (min-width: 768px) {
    .product__slider .slider__main {
        width: 100%
    }
}

.product__slider .slider__thumbs {
    width: 12.85%
}

@media only screen and (min-width: 768px) {
    .product__slider .slider__thumbs {
        width: 100%
    }
}

.product__slider .gallery-top {
    border-radius: 8px;
    background-color: #fff;
    position: relative
}

@media only screen and (min-width: 768px) {
    .product__slider .gallery-top {
        margin-bottom: 20px
    }
}

.product__slider .gallery-top .swiper-slide {
    width: 100%;
    height: 212px
}

@media only screen and (min-width: 667px) {
    .product__slider .gallery-top .swiper-slide {
        height: 293px
    }
}

@media only screen and (min-width: 1024px) {
    .product__slider .gallery-top .swiper-slide {
        height: 308px
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-top .swiper-slide {
        height: 460px
    }
}

.product__slider .gallery-top .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.product__slider .gallery-top .swiper-button-next:after, .product__slider .gallery-top .swiper-button-prev:after {
    content: ""
}

.product__slider .gallery-top .swiper-button-next, .product__slider .gallery-top .swiper-button-prev {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    color: #77176e;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-top .swiper-button-next, .product__slider .gallery-top .swiper-button-prev {
        width: 32px;
        height: 32px
    }
}

.product__slider .gallery-top .swiper-button-next svg, .product__slider .gallery-top .swiper-button-prev svg {
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 1440px) {
    .product__slider .gallery-top .swiper-button-next svg, .product__slider .gallery-top .swiper-button-prev svg {
        width: 18px;
        height: 18px
    }
}

.product__slider .gallery-top .swiper-button-next {
    right: 14px;
    top: calc(100% - 14px)
}

@media only screen and (min-width: 1024px) {
    .product__slider .gallery-top .swiper-button-next {
        right: 24px;
        top: calc(100% - 24px)
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-top .swiper-button-next {
        right: 40px;
        top: calc(100% - 40px)
    }
}

.product__slider .gallery-top .swiper-button-prev {
    left: auto;
    right: 52px;
    top: calc(100% - 14px)
}

@media only screen and (min-width: 1024px) {
    .product__slider .gallery-top .swiper-button-prev {
        right: 62px;
        top: calc(100% - 24px)
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-top .swiper-button-prev {
        right: 92px;
        top: calc(100% - 40px)
    }
}

.product__slider .gallery-top .swiper-button-disabled {
    color: #141414;
    opacity: 1;
    background-color: hsla(0, 0%, 100%, .8)
}

.product__slider .gallery-top iframe {
    width: 100%;
    height: 100%;
    border: none
}

.product__slider .gallery-top .promocode {
    position: absolute;
    background: #f2e7f1;
    font-weight: 500;
    line-height: 145%;
    color: #8d4086;
    z-index: 2;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 6px;
    top: 12px;
    left: 12px
}

@media only screen and (min-width: 768px) {
    .product__slider .gallery-top .promocode {
        top: 8px;
        left: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-top .promocode {
        top: 20px;
        left: 20px;
        padding: 4px 12px;
        font-size: 14px;
        border-radius: 8px
    }
}

.product__slider .gallery-thumbs {
    height: 212px
}

@media only screen and (min-width: 667px) {
    .product__slider .gallery-thumbs {
        height: 293px
    }
}

@media only screen and (min-width: 768px) {
    .product__slider .gallery-thumbs {
        height: auto
    }
}

.product__slider .gallery-thumbs .swiper-slide {
    width: 30px;
    height: 30px !important;
    cursor: pointer;
    position: relative
}

@media only screen and (min-width: 768px) {
    .product__slider .gallery-thumbs .swiper-slide {
        width: 40px !important;
        height: 40px !important
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-thumbs .swiper-slide {
        width: 60px !important;
        height: 60px !important
    }
}

.product__slider .gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 8px;
    -webkit-filter: brightness(.6);
    filter: brightness(.6)
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-thumbs .swiper-slide img {
        border-radius: 12px
    }
}

.product__slider .gallery-thumbs .swiper-slide.video-icon:after {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    background: url(/html/css/../img/icons/video-icon.svg) no-repeat;
    background-position: 50%;
    background-size: 10px;
    width: 30px;
    height: 30px;
    pointer-events: none
}

@media only screen and (min-width: 667px) {
    .product__slider .gallery-thumbs .swiper-slide.video-icon:after {
        background-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .product__slider .gallery-thumbs .swiper-slide.video-icon:after {
        background-size: 20px
    }
}

.product__slider .gallery-thumbs .swiper-slide-thumb-active img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.product__spec-block {
    grid-area: accordion;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .product__spec-block {
        margin-right: 20px;
        width: calc(100% - 20px)
    }
}

@media only screen and (min-width: 1280px) {
    .product__spec-block {
        width: 710px;
        margin-right: 40px
    }
}

@media only screen and (min-width: 768px) {
    .product__spec-block .accordion__button {
        font-size: 12px;
        padding: 14px 38px 14px 12px
    }
}

@media only screen and (min-width: 1280px) {
    .product__spec-block .accordion__button {
        font-size: 20px;
        padding: 27px 27px 27px 40px
    }
}

@media only screen and (min-width: 768px) {
    .product__spec-block .accordion__button:after {
        top: 22px
    }
}

@media only screen and (min-width: 1024px) {
    .product__spec-block .accordion__button:after {
        padding: 3px
    }
}

@media only screen and (min-width: 1280px) {
    .product__spec-block .accordion__button:after {
        padding: 4.5px;
        top: 32px
    }
}

.product__spec-block .accordion__text {
    padding: 0
}

.product__spec-block .accordion__text .description {
    padding: 0 12px 12px;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .product__spec-block .accordion__text .description {
        padding: 0 40px 26px;
        font-size: 14px;
        line-height: 24px
    }
}

.product__spec-block .accordion__text .description p {
    padding-bottom: 0
}

.product__spec-block .spec-block__list {
    list-style: none;
    padding: 0 12px;
    max-height: 775px;
    overflow-y: auto;
    scrollbar-color: #77176e #f8f9fa;
    scrollbar-width: thin
}

@media only screen and (min-width: 768px) {
    .product__spec-block .spec-block__list {
        padding: 0 12px 26px
    }
}

@media only screen and (min-width: 1280px) {
    .product__spec-block .spec-block__list {
        padding: 0 40px 26px
    }
}

.product__spec-block .spec-block__list::-webkit-scrollbar {
    width: 4px
}

.product__spec-block .spec-block__list::-webkit-scrollbar-track {
    background: #a9a9a9;
    border-radius: 8px
}

.product__spec-block .spec-block__list::-webkit-scrollbar-thumb {
    background: #77176e;
    border-radius: 4px
}

.product__spec-block .spec-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    font-size: 10px;
    line-height: 24px;
    color: #141414;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 0;
    border-radius: 0
}

@media only screen and (min-width: 1280px) {
    .product__spec-block .spec-block__item {
        font-size: 16px;
        padding: 20px 0
    }
}

.product__spec-block .spec-block__detail {
    font-weight: 500;
    font-size: 10px;
    line-height: 24px;
    text-align: right;
    color: #555;
    margin-left: 32px
}

@media only screen and (min-width: 1280px) {
    .product__spec-block .spec-block__detail {
        font-size: 16px
    }
}

.product__spec-block .spec-block__instruction {
    text-align: right;
    margin: 26px 40px 26px 0
}

.product__spec-block .spec-block__instruction a {
    display: inline-block;
    padding: 15px 30px;
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    text-decoration: none
}

.product__card-wrap {
    padding: 40px 28px 6px
}

@media only screen and (min-width: 768px) {
    .product__card-wrap {
        padding: 40px 30px 6px
    }
}

@media only screen and (min-width: 1024px) {
    .product__card-wrap {
        padding: 40px 40px 6px
    }
}

@media only screen and (min-width: 1440px) {
    .product__card-wrap {
        padding: 60px 40px 4px
    }
}

.product__card-wrap .card-item__favorite {
    margin-right: 0
}

.product__card {
    grid-area: aside;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding-bottom: 32px;
    margin-bottom: 28px;
    position: relative;
    top: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (min-width: 768px) {
    .product__card {
        position: sticky
    }
}

@media only screen and (min-width: 1024px) {
    .product__card {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1440px) {
    .product__card {
        width: 448px
    }
}

.product__card .card__firstblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .product__card .card__firstblock {
        margin-bottom: 10px
    }
}

.product__card .card__instock {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #77176e;
    margin-right: 10px
}

.product__card .card__instock.absent {
    color: #f63933
}

.product__card .card__vendorcode {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

.product__card .card__name {
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    color: #141414;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .product__card .card__name {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .product__card .card__name {
        font-size: 28px
    }
}

@media only screen and (min-width: 1440px) {
    .product__card .card__name {
        font-size: 28px;
        line-height: 36px
    }
}

.product__card .card__subname {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8693a2
}

.product__card .card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__card .card__price .price__prev {
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #8693a2;
    margin-bottom: 2px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__price .price__prev {
        font-size: 16px
    }
}

.product__card .card__price .price__wrap {
    margin-bottom: 0
}

.product__card .card__price .price__current {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    margin-bottom: 2px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__price .price__current {
        font-size: 24px
    }
}

.product__card .card__price .price__discount {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #477707
}

.product__card .card__installment {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    margin-top: 24px
}

.product__card .card__installment b {
    color: #77176e
}

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

.product__card .card__action .card-item__compare {
    margin-right: 26px;
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__action .card-item__compare {
        width: 32px;
        height: 32px;
        margin-right: 32px
    }
}

.product__card .card__action .card-item__compare:hover .hover {
    fill: #8d4086 !important
}

.product__card .card__action .card-item__compare svg {
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__action .card-item__compare svg {
        width: 32px;
        height: 32px
    }
}

.product__card .card__action .card-item__favorite {
    cursor: pointer;
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__action .card-item__favorite {
        width: 32px;
        height: 32px;
        margin-right: 32px
    }
}

.product__card .card__action .card-item__favorite:hover .hover {
    fill: #8d4086 !important
}

.product__card .card__action .card-item__favorite svg {
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__action .card-item__favorite svg {
        width: 32px;
        height: 32px
    }
}

.product__card .card__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}

.product__card .card__button .button__oneclick {
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 40px;
    border: none;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    padding: 13px 14px;
    cursor: pointer;
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .product__card .card__button .button__oneclick {
        font-size: 12px;
        padding: 15px 30px
    }
}

.product__card .card__button .button__oneclick:active {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

.product__card .card__button .button__buy {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    border-radius: 40px;
    border: none;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    padding: 13px 40px;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .product__card .card__button .button__buy {
        padding: 12px 38px 12px 36px
    }
}

@media only screen and (min-width: 1024px) {
    .product__card .card__button .button__buy {
        font-size: 12px;
        padding: 15px 30px
    }
}

.product__card .card__button .button__buy:active {
    -webkit-box-shadow: 0 1px 3px rgba(119, 23, 110, .12);
    box-shadow: 0 1px 3px rgba(119, 23, 110, .12)
}

.product__card .card__button .button__preorder {
    width: 100%;
    background: #77176e;
    font-style: normal;
    font-weight: 700;
    font-size: 8px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .product__card .card__button .button__preorder {
        font-size: 12px
    }
}

.product__card .card__live {
    margin-top: 16px;
    background: #f8f9fa;
    border-radius: 4px;
    padding: 16px;
    position: relative
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live {
        margin-top: 20px;
        padding: 20px
    }
}

.product__card .card__live .live-block__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .live-block__info {
        margin-top: 0
    }
}

.product__card .card__live .live-block__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #141414;
    padding: 0;
    margin: 0;
    max-width: 85%
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .live-block__title {
        width: calc(100% - 116px);
        font-size: 14px;
        line-height: 20px;
        max-width: none
    }
}

.product__card .card__live .live-block__caption {
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .live-block__caption {
        width: calc(100% - 116px);
        font-size: 12px;
        margin-top: 8px
    }
}

.product__card .card__live .live-block__img {
    width: 80px;
    height: 75px;
    min-width: 80px;
    margin-left: 9px;
    border-radius: 4px
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .live-block__img {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 100px;
        height: 100px;
        min-width: 100px;
        margin-left: 0
    }
}

.product__card .card__live .live-block__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.product__card .card__live .live-block__notice {
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    color: #a5a5a5;
    margin-top: 15px;
    text-align: center
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .live-block__notice {
        font-size: 11px
    }
}

.product__card .card__live .action-block {
    margin-top: 19px
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .action-block {
        margin-top: 21px
    }
}

.product__card .card__live .action-block .btn-live {
    width: 100%;
    margin: 0;
    padding: 13px 28px 13px 56px;
    max-width: none
}

@media only screen and (min-width: 768px) {
    .product__card .card__live .action-block .btn-live {
        margin: 0 0 0 18px;
        padding: 12px 28px 12px 56px
    }
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .action-block .btn-live {
        font-size: 12px;
        padding: 15px 28px 15px 56px
    }
}

.product__card .card__live .action-block .btn-live:before {
    width: 42px;
    height: 42px;
    top: 0
}

@media only screen and (min-width: 768px) {
    .product__card .card__live .action-block .btn-live:before {
        top: -2px
    }
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .action-block .btn-live:before {
        width: 58px;
        height: 58px;
        top: -5px
    }
}

.product__card .card__live .action-block .btn-live:after {
    width: 42px;
    height: 42px;
    top: 0
}

@media only screen and (min-width: 768px) {
    .product__card .card__live .action-block .btn-live:after {
        top: -2px
    }
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .action-block .btn-live:after {
        width: 58px;
        height: 58px;
        top: -5px
    }
}

.product__card .card__live .action-block .btn-live .circle {
    width: 14px;
    height: 14px;
    left: 13px;
    top: 13px
}

@media only screen and (min-width: 768px) {
    .product__card .card__live .action-block .btn-live .circle {
        left: -5px;
        top: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .action-block .btn-live .circle {
        width: 18px;
        height: 18px;
        left: 0;
        top: 14px
    }
}

.product__card .card__live .action-block .btn-live .circle:after {
    width: 3px;
    height: 3px
}

@media only screen and (min-width: 1280px) {
    .product__card .card__live .action-block .btn-live .circle:after {
        width: 5px;
        height: 5px
    }
}

.product__card .card__additions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 32px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__additions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.product__card .card__additions .additions__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 24px
}

.product__card .card__additions .additions__item:nth-child(1n), .product__card .card__additions .additions__item:nth-child(n) {
    margin-right: 0
}

@media only screen and (min-width: 1024px) {
    .product__card .card__additions .additions__item {
        width: 47.2805%;
        margin-bottom: 30px
    }

    .product__card .card__additions .additions__item:nth-child(n) {
        margin-right: 5.439%
    }

    .product__card .card__additions .additions__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1440px) {
    .product__card .card__additions .additions__item {
        margin-bottom: 28px
    }
}

.product__card .card__additions .additions__item div {
    margin-right: 18px;
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__additions .additions__item div {
        width: 32px;
        height: 32px
    }
}

.product__card .card__additions .additions__item div svg {
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    .product__card .card__additions .additions__item div svg {
        width: 32px;
        height: 32px
    }
}

.product__card .card__additions .additions__item p {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #a5a5a5
}

.product__card .card-promocode {
    width: 271px;
    height: 90px;
    position: relative;
    margin-top: 32px
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode {
        width: 368px;
        height: 90px
    }
}

.product__card .card-promocode img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product__card .card-promocode__info {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    top: 0;
    left: 0
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info {
        padding: 15px 24px
    }
}

.product__card .card-promocode__info .left {
    max-width: 118px
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info .left {
        max-width: 140px
    }
}

.product__card .card-promocode__info .left .price {
    font-weight: 700;
    font-size: 16px;
    line-height: 123%;
    color: #141414;
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info .left .price {
        font-size: 18px
    }
}

.product__card .card-promocode__info .left .date {
    font-size: 11px;
    line-height: 120%;
    color: #141414;
    margin-top: 4px;
    font-weight: 400
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info .left .date {
        font-size: 12px
    }
}

.product__card .card-promocode__info .right {
    max-width: 90px;
    margin-right: 2px
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info .right {
        max-width: 95px;
        margin-right: 10px
    }
}

.product__card .card-promocode__info .right .code {
    font-size: 11px;
    line-height: 120%;
    color: #141414;
    text-align: center;
    font-weight: 400
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info .right .code {
        font-size: 12px
    }
}

.product__card .card-promocode__info .right .code span {
    font-weight: 700;
    display: block;
    margin-top: 2px
}

.product__card .card-promocode__info .right .confirm {
    font-weight: 700;
    font-size: 12px;
    line-height: 145%;
    text-align: center;
    color: #8d4086;
    margin-top: 6px;
    background: none;
    border: none
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__info .right .confirm {
        font-size: 14px;
        margin-top: 10px
    }
}

.product__card .card-promocode__success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -8px
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__success {
        margin-left: -18px
    }
}

.product__card .card-promocode__success svg {
    display: block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    min-width: 20px
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__success svg {
        margin-right: 12px;
        width: 24px;
        height: 24px;
        min-width: 24px
    }
}

.product__card .card-promocode__success svg .code {
    font-weight: 400;
    font-size: 11px;
    line-height: 130%;
    color: #071a33;
    max-width: 62px
}

@media only screen and (min-width: 1280px) {
    .product__card .card-promocode__success svg .code {
        font-size: 12px;
        max-width: 68px
    }
}

.product__card .card__gift {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 8px 20px;
    padding: 18px
}

@media only screen and (min-width: 768px) {
    .product__card .card__gift {
        margin: 0 10px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .product__card .card__gift {
        margin: 0 20px 30px;
        padding: 20px
    }
}

.product__card .card__gift .gift__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414;
    margin-left: 2px;
    margin-bottom: 12px
}

@media only screen and (min-width: 1440px) {
    .product__card .card__gift .gift__title {
        margin-left: 0;
        font-size: 18px
    }
}

.product__card .card__gift .gift__item {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 10px 19px 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .product__card .card__gift .gift__item {
        margin-bottom: 18px
    }
}

@media only screen and (min-width: 1440px) {
    .product__card .card__gift .gift__item {
        padding: 20px
    }
}

.product__card .card__gift .gift__item .item__img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media only screen and (min-width: 1024px) {
    .product__card .card__gift .gift__item .item__img {
        width: 60px;
        height: 60px
    }
}

.product__card .card__gift .gift__item .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product__card .card__gift .gift__item .item__content .content__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .product__card .card__gift .gift__item .item__content .content__title {
        margin-bottom: 4px
    }
}

@media only screen and (min-width: 1024px) {
    .product__card .card__gift .gift__item .item__content .content__title {
        font-size: 18px
    }
}

.product__card .card__gift .gift__item .item__content .content__subtitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8693a2;
    max-width: 186px;
    overflow: hidden;
    text-overflow: ellipsis
}

.product__card .card__gift .gift__item:last-child {
    margin-bottom: 0
}

.product__card .card__giftTags {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px 16px;
    margin: 30px 8px 20px
}

@media only screen and (min-width: 768px) {
    .product__card .card__giftTags {
        margin: 30px 10px 20px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .product__card .card__giftTags {
        padding: 20px 20px 10px;
        margin: 30px 20px 24px
    }
}

.product__card .card__giftTags .title {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #141414
}

@media only screen and (min-width: 1280px) {
    .product__card .card__giftTags .title {
        font-size: 16px;
        line-height: 24px
    }
}

.product__card .card__giftTags .caption {
    margin-top: 10px;
    padding: 0;
    font-weight: 400;
    line-height: 140%;
    color: #555;
    font-size: 12px
}

.product__card .card__giftTags .swiper-container {
    margin-top: 20px
}

.product__card .card__giftTags .swiper-slide {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    width: 80px;
    height: 80px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product__card .card__giftTags .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product__card .card__giftTags .swiper-controls {
    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__card .card__giftTags .swiper-button-next, .product__card .card__giftTags .swiper-button-prev {
    position: static;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    margin: 20px 0 0
}

@media only screen and (min-width: 1280px) {
    .product__card .card__giftTags .swiper-button-next, .product__card .card__giftTags .swiper-button-prev {
        margin: 10px 0 0
    }
}

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

.product__card .card__giftTags .swiper-pagination {
    position: static;
    margin-top: 20px
}

@media only screen and (min-width: 1280px) {
    .product__card .card__giftTags .swiper-pagination {
        margin-top: 10px
    }
}

.product__card .card__giftTags .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #e4e4e4;
    margin: 0 8px
}

.product__card .card__giftTags .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #77176e
}

.product__card .card__conditions {
    margin: 32px 24px 0
}

@media only screen and (min-width: 768px) {
    .product__card .card__conditions {
        margin: 32px 30px 0
    }
}

@media only screen and (min-width: 1440px) {
    .product__card .card__conditions {
        margin: 32px 40px 0
    }
}

.product__card .card__conditions p {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #141414;
    padding-bottom: 4px
}

.product .other-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px
}

.product .other-product .additions__item {
    width: 100%
}

.product .other-product .additions__item:last-child {
    margin-bottom: 0
}

.product .bucket .order-together {
    margin: 0 0 30px
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct {
        padding: 0 52px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-sliderProduct {
        padding: 0 70px;
        margin: 0 0 20px
    }
}

.product .bucket .order-together .together-sliderProduct .card-item {
    margin-bottom: 40px;
    padding: 12px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item {
        margin-bottom: 20px;
        margin-right: 24px;
        max-width: 160px;
        padding: 30px 16px 16px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-sliderProduct .card-item {
        margin-right: 70px;
        max-width: 280px;
        padding: 20px 30px 30px
    }
}

.product .bucket .order-together .together-sliderProduct .card-item:last-child {
    margin-right: 0;
    margin-bottom: 20px
}

.product .bucket .order-together .together-sliderProduct .card-item:after {
    content: "";
    background-image: url(/html/css/../img/icons/together-plus.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: calc(50% - 8px);
    top: calc(100% + 12px);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item:after {
        top: calc(50% - 5px);
        right: -20px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-sliderProduct .card-item:after {
        background-size: 16px;
        right: -37px
    }
}

.product .bucket .order-together .together-sliderProduct .card-item__labels {
    display: none
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item__labels {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product .bucket .order-together .together-sliderProduct .card-item__imgTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item__imgTitle {
        display: block
    }
}

.product .bucket .order-together .together-sliderProduct .card-item__img {
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin-bottom: 0;
    margin-right: 16px;
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item__img {
        margin-left: auto;
        margin-right: auto;
        width: 110px;
        height: 110px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-sliderProduct .card-item__img {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        height: 160px
    }
}

.product .bucket .order-together .together-sliderProduct .card-item__price {
    margin-left: 72px
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item__price {
        margin-left: 0
    }
}

.product .bucket .order-together .together-sliderProduct .card-item__action {
    display: none
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-sliderProduct .card-item__action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product .bucket .order-together .together-sliderProduct .card-item:last-child:after {
    content: none
}

.product .bucket .order-together .together-pagination {
    position: relative;
    bottom: 0;
    margin-bottom: 12px;
    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
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-pagination {
        margin-bottom: 20px
    }
}

.product .bucket .order-together .together-pagination .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px
}

.product .bucket .order-together .together-pagination .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.product .bucket .order-together .together-result {
    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;
    width: 100%
}

.product .bucket .order-together .together-result .result__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    margin-right: auto;
    color: #8d4086
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-result .result__title {
        font-size: 24px
    }
}

.product .bucket .order-together .together-result .result__price {
    margin-right: 16px;
    text-align: right
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-result .result__price {
        margin-right: 44px
    }
}

@media only screen and (min-width: 1440px) {
    .product .bucket .order-together .together-result .result__price {
        margin-right: 40px
    }
}

.product .bucket .order-together .together-result .result__price .prev {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    font-weight: 500;
    font-size: 11px;
    line-height: 145%;
    color: #8693a2
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-result .result__price .prev {
        font-size: 6px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-result .result__price .prev {
        font-size: 14px
    }
}

.product .bucket .order-together .together-result .result__price .curr {
    font-size: 18px;
    line-height: 145%;
    color: #071a33;
    font-weight: 700;
    margin-top: 2px
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-result .result__price .curr {
        margin-top: 8px;
        font-size: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-result .result__price .curr {
        font-size: 16px
    }
}

.product .bucket .order-together .together-result .result__confirm {
    padding: 12px 16px;
    line-height: 150%;
    width: 100%;
    font-size: 10px;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-result .result__confirm {
        width: auto;
        font-size: 8px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-result .result__confirm {
        padding: 14px 24px;
        font-size: 10px
    }
}

.product .bucket .order-together .togetherProduct-thumbs {
    width: 100%
}

.product .bucket .order-together .togetherProduct-thumbs .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product .bucket .order-together .togetherProduct-thumbs .swiper-slide .result__confirm, .product .bucket .order-together .togetherProduct-thumbs .swiper-slide .result__price {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.product .bucket .order-together .together-item__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-item__wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.product .bucket .order-together .together-item__container {
    padding: 12px;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .together-item__container {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .product .bucket .order-together .together-item__container {
        padding: 20px 20px 20px 14px
    }
}

@media only screen and (min-width: 1440px) {
    .product .bucket .order-together .together-item__container {
        padding: 20px 30px 30px
    }
}

.product .bucket .order-together .together-item__container:last-child {
    margin-bottom: 12px
}

.product .bucket .order-together .together-item:after {
    right: -40px
}

.product .bucket .order-together .swiper-button-next, .product .bucket .order-together .swiper-button-prev {
    top: 40%
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .swiper-button-next, .product .bucket .order-together .swiper-button-prev {
        top: 45%
    }
}

@media only screen and (min-width: 1440px) {
    .product .bucket .order-together .swiper-button-next, .product .bucket .order-together .swiper-button-prev {
        top: 40%
    }
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .swiper-button-prev {
        left: 0
    }
}

@media only screen and (min-width: 768px) {
    .product .bucket .order-together .swiper-button-next {
        right: 0
    }
}

.product-banner {
    position: relative;
    height: 480px
}

@media only screen and (min-width: 768px) {
    .product-banner {
        height: 500px
    }
}

@media only screen and (min-width: 1280px) {
    .product-banner {
        height: 720px
    }
}

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

.product-banner__content {
    position: absolute;
    bottom: 40px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .product-banner__content {
        bottom: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .product-banner__content {
        bottom: 220px
    }
}

.product-banner__content .content {
    margin-left: auto;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .product-banner__content .content {
        max-width: 334px
    }
}

@media only screen and (min-width: 1280px) {
    .product-banner__content .content {
        max-width: 490px
    }
}

.product-banner__content .content__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #fff
}

@media only screen and (min-width: 1280px) {
    .product-banner__content .content__title {
        font-size: 28px
    }
}

.product-banner__content .content__description {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .product-banner__content .content__description {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .product-banner__content .content__description {
        font-size: 16px;
        margin-top: 18px
    }
}

.product-characteristics {
    padding: 20px 0 195px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .product-characteristics {
        padding: 40px 0 66px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics {
        padding: 60px 0 62px
    }
}

.product-characteristics__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    max-width: 327px;
    margin: 0 auto 125px;
    min-height: 52px
}

@media only screen and (min-width: 768px) {
    .product-characteristics__title {
        max-width: none;
        font-size: 20px;
        margin-bottom: 104px;
        min-height: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics__title {
        margin-bottom: 40px;
        font-size: 28px
    }
}

.product-characteristics__img {
    height: 100%;
    margin: 0 auto;
    display: block
}

.product-characteristics.machine .left .item:first-child {
    margin-top: 164px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 170px)
}

.product-characteristics.machine .left .item:first-child .item-name {
    max-width: 177px
}

.product-characteristics.machine .left .item:first-child .item-line {
    position: absolute;
    height: 33px;
    width: 0;
    border-right: 2px solid #555;
    top: 33px;
    left: 113px
}

.product-characteristics.machine .left .item:first-child .item-line:after {
    right: -3px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.machine .left .item:first-child {
        margin-top: 120px;
        width: 41.5%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: 0
    }

    .product-characteristics.machine .left .item:first-child .item-name {
        min-width: 226px
    }

    .product-characteristics.machine .left .item:first-child .item-line {
        position: relative;
        height: 90px;
        border-right: 2px solid #555;
        margin-top: 26px;
        width: 100%;
        top: auto;
        left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.machine .left .item:first-child {
        margin-top: 200px;
        width: 41.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.machine .left .item:first-child .item-line {
        height: 0
    }
}

.product-characteristics.machine .left .item:nth-child(2) {
    margin-top: 220px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 160px)
}

.product-characteristics.machine .left .item:nth-child(2) .item-name {
    width: 110px;
    min-width: auto
}

.product-characteristics.machine .left .item:nth-child(2) .item-line {
    position: absolute;
    height: 156px;
    width: 18px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 20px;
    right: -24px
}

.product-characteristics.machine .left .item:nth-child(2) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.machine .left .item:nth-child(2) {
        margin-top: 30px;
        width: 43%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: 0
    }

    .product-characteristics.machine .left .item:nth-child(2) .item-name {
        min-width: 174px
    }

    .product-characteristics.machine .left .item:nth-child(2) .item-line {
        position: relative;
        height: 0;
        margin-top: 26px;
        width: 100%;
        right: auto;
        bottom: auto
    }

    .product-characteristics.machine .left .item:nth-child(2) .item-line:after {
        top: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.machine .left .item:nth-child(2) {
        margin-top: 45px;
        width: 41.5%
    }
}

.product-characteristics.machine .left .item:nth-child(3) {
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 165px)
}

.product-characteristics.machine .left .item:nth-child(3) .item-name {
    width: 66px;
    min-width: auto
}

.product-characteristics.machine .left .item:nth-child(3) .item-line {
    position: absolute;
    height: 130px;
    width: 90px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 5px;
    right: -101px
}

.product-characteristics.machine .left .item:nth-child(3) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.machine .left .item:nth-child(3) {
        margin-top: 172px;
        width: 42%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        margin-left: 0
    }

    .product-characteristics.machine .left .item:nth-child(3) .item-name {
        min-width: 174px
    }

    .product-characteristics.machine .left .item:nth-child(3) .item-line {
        position: relative;
        height: 90px;
        border-right: 2px solid #555;
        border-top: none;
        border-bottom: 2px solid #555;
        margin-top: 13px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%;
        bottom: auto;
        right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.machine .left .item:nth-child(3) {
        margin-top: 128px;
        width: 38%
    }

    .product-characteristics.machine .left .item:nth-child(3) .item-line {
        height: 0
    }

    .product-characteristics.machine .left .item:nth-child(3) .item-line:after {
        top: -1px
    }
}

.product-characteristics.machine .right .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.product-characteristics.machine .right .item:first-child {
    margin-top: 127px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 50px)
}

.product-characteristics.machine .right .item:first-child .item-name {
    width: 120px;
    min-width: auto
}

.product-characteristics.machine .right .item:first-child .item-line {
    position: absolute;
    height: 96px;
    width: 0;
    border-right: 2px solid #555;
    top: 64px;
    left: 24px
}

.product-characteristics.machine .right .item:first-child .item-line:after {
    left: -1px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.machine .right .item:first-child {
        margin-top: 106px;
        width: 36%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: calc(50% + 95px)
    }

    .product-characteristics.machine .right .item:first-child .item-name {
        min-width: 148px;
        margin-left: 37px
    }

    .product-characteristics.machine .right .item:first-child .item-line {
        position: relative;
        top: auto;
        left: auto;
        height: 172px;
        border-left: 2px solid #555;
        margin-top: 26px;
        border-right: none;
        width: 100%
    }

    .product-characteristics.machine .right .item:first-child .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.machine .right .item:first-child {
        margin-top: 350px;
        width: 35%;
        margin-left: calc(50% + 155px)
    }

    .product-characteristics.machine .right .item:first-child .item-name {
        min-width: 264px;
        margin-left: 17px
    }

    .product-characteristics.machine .right .item:first-child .item-line {
        height: 0
    }

    .product-characteristics.machine .right .item:first-child .item-line:after {
        top: -3px
    }
}

.product-characteristics.machine .right .item:nth-child(2) {
    margin-top: 253px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 50px)
}

.product-characteristics.machine .right .item:nth-child(2) .item-name {
    width: 115px;
    min-width: auto
}

.product-characteristics.machine .right .item:nth-child(2) .item-line {
    position: absolute;
    height: 100px;
    width: 0;
    border-right: 2px solid #555;
    bottom: 64px;
    left: 24px
}

.product-characteristics.machine .right .item:nth-child(2) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.machine .right .item:nth-child(2) {
        margin-top: 20px;
        width: 37%;
        margin-left: calc(50% + 95px)
    }

    .product-characteristics.machine .right .item:nth-child(2) .item-name {
        min-width: 148px;
        margin-left: 20px
    }

    .product-characteristics.machine .right .item:nth-child(2) .item-line {
        position: relative;
        bottom: auto;
        left: auto;
        height: 0;
        width: 100%
    }

    .product-characteristics.machine .right .item:nth-child(2) .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.machine .right .item:nth-child(2) {
        margin-top: 34px;
        width: 36%;
        margin-left: calc(50% + 150px)
    }

    .product-characteristics.machine .right .item:nth-child(2) .item-name {
        min-width: 264px;
        margin-left: 25px
    }
}

.product-characteristics.machine .right .item:nth-child(3) {
    margin-top: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 10px);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-right: 38px
}

.product-characteristics.machine .right .item:nth-child(3) .item-name {
    width: 115px;
    min-width: auto
}

.product-characteristics.machine .right .item:nth-child(3) .item-line {
    position: absolute;
    height: 98px;
    width: 0;
    border-right: 2px solid #555;
    bottom: 44px;
    left: 29px
}

.product-characteristics.machine .right .item:nth-child(3) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.machine .right .item:nth-child(3) {
        margin-top: 85px;
        width: 36%;
        margin-left: calc(50% + 95px);
        margin-right: 0
    }

    .product-characteristics.machine .right .item:nth-child(3) .item-name {
        min-width: 135px;
        margin-left: 50px
    }

    .product-characteristics.machine .right .item:nth-child(3) .item-line {
        position: relative;
        left: auto;
        bottom: auto;
        height: 90px;
        border: 2px solid #555;
        border-top: none;
        border-right: none;
        margin-top: 13px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%
    }

    .product-characteristics.machine .right .item:nth-child(3) .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.machine .right .item:nth-child(3) {
        margin-top: 78px;
        width: 35%;
        margin-left: calc(50% + 160px)
    }

    .product-characteristics.machine .right .item:nth-child(3) .item-name {
        min-width: 264px;
        margin-left: 8px
    }

    .product-characteristics.machine .right .item:nth-child(3) .item-line {
        height: 0
    }

    .product-characteristics.machine .right .item:nth-child(3) .item-line:after {
        top: -1px
    }
}

.product-characteristics.kettle .product-characteristics__title {
    min-height: auto
}

.product-characteristics.kettle .left .item:first-child {
    margin-top: 128px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 170px)
}

.product-characteristics.kettle .left .item:first-child .item-name {
    max-width: 177px
}

.product-characteristics.kettle .left .item:first-child .item-line {
    position: absolute;
    height: 47px;
    width: 0;
    border-right: 2px solid #555;
    top: 33px;
    left: 113px
}

.product-characteristics.kettle .left .item:first-child .item-line:after {
    right: -3px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.kettle .left .item:first-child {
        margin-top: 247px;
        width: 44%;
        margin-left: 0
    }

    .product-characteristics.kettle .left .item:first-child .item-name {
        min-width: 174px
    }

    .product-characteristics.kettle .left .item:first-child .item-line {
        position: relative;
        width: 100%;
        height: 0;
        top: auto;
        left: auto
    }

    .product-characteristics.kettle .left .item:first-child .item-line:after {
        bottom: -1px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.kettle .left .item:first-child {
        margin-top: 308px;
        width: 42%
    }

    .product-characteristics.kettle .left .item:first-child .item-name {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        margin-right: 20px
    }
}

.product-characteristics.kettle .left .item:nth-child(2) {
    margin-top: 258px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 160px)
}

.product-characteristics.kettle .left .item:nth-child(2) .item-name {
    width: 110px;
    min-width: auto
}

.product-characteristics.kettle .left .item:nth-child(2) .item-line {
    position: absolute;
    height: 156px;
    width: 18px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 12px;
    right: -20px
}

.product-characteristics.kettle .left .item:nth-child(2) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.kettle .left .item:nth-child(2) {
        margin-top: 120px;
        width: 43.5%;
        margin-left: 0;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .product-characteristics.kettle .left .item:nth-child(2) .item-name {
        min-width: 108px
    }

    .product-characteristics.kettle .left .item:nth-child(2) .item-line {
        position: relative;
        width: 100%;
        height: 90px;
        bottom: auto;
        right: auto;
        margin: 0 0 12px 11px
    }

    .product-characteristics.kettle .left .item:nth-child(2) .item-line:after {
        bottom: -1px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.kettle .left .item:nth-child(2) {
        margin-top: 149px;
        width: 43.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.kettle .left .item:nth-child(2) .item-name {
        min-width: 120px;
        margin-right: 31px;
        margin-left: 87px
    }

    .product-characteristics.kettle .left .item:nth-child(2) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.kettle .left .item:nth-child(2) .item-line:after {
        top: -1px
    }
}

.product-characteristics.kettle .right .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.product-characteristics.kettle .right .item:first-child {
    margin-top: 402px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 50px)
}

.product-characteristics.kettle .right .item:first-child .item-name {
    width: 120px;
    min-width: auto
}

.product-characteristics.kettle .right .item:first-child .item-line {
    position: absolute;
    height: 97px;
    width: 24px;
    border-right: 2px solid #555;
    top: -105px;
    left: -10px
}

.product-characteristics.kettle .right .item:first-child .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.kettle .right .item:first-child {
        margin-top: 344px;
        width: 43%;
        margin-left: auto
    }

    .product-characteristics.kettle .right .item:first-child .item-name {
        min-width: 148px
    }

    .product-characteristics.kettle .right .item:first-child .item-line {
        position: relative;
        width: 100%;
        height: 0;
        top: auto;
        left: auto
    }

    .product-characteristics.kettle .right .item:first-child .item-line:after {
        bottom: -1px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.kettle .right .item:first-child {
        margin-top: 361px;
        width: 43%
    }

    .product-characteristics.kettle .right .item:first-child .item-name {
        min-width: 264px;
        margin-left: 27px
    }

    .product-characteristics.kettle .right .item:first-child .item-line {
        width: 100%
    }
}

.product-characteristics.kettle .right .item:nth-child(2) {
    margin-top: 52px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 3px)
}

.product-characteristics.kettle .right .item:nth-child(2) .item-name {
    width: 115px;
    min-width: auto;
    margin-left: 7px
}

.product-characteristics.kettle .right .item:nth-child(2) .item-line {
    position: absolute;
    height: 98px;
    width: 0;
    border-right: 2px solid #555;
    bottom: 46px;
    left: 17px
}

.product-characteristics.kettle .right .item:nth-child(2) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.kettle .right .item:nth-child(2) {
        margin-top: 75px;
        width: 46%;
        margin-left: auto
    }

    .product-characteristics.kettle .right .item:nth-child(2) .item-name {
        min-width: 135px;
        margin-left: 16px
    }

    .product-characteristics.kettle .right .item:nth-child(2) .item-line {
        position: relative;
        width: 100%;
        height: 36px;
        bottom: auto;
        left: auto;
        border: 2px solid #555;
        border-top: none;
        border-right: none;
        margin-bottom: 26px
    }

    .product-characteristics.kettle .right .item:nth-child(2) .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.kettle .right .item:nth-child(2) {
        margin-top: 197px;
        width: 46%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.kettle .right .item:nth-child(2) .item-name {
        min-width: 264px;
        margin-left: 8px
    }

    .product-characteristics.kettle .right .item:nth-child(2) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.kettle .right .item:nth-child(2) .item-line:after {
        top: -1px
    }
}

.product-characteristics.toaster .product-characteristics__title {
    min-height: auto
}

@media screen and (max-width: 767px) {
    .product-characteristics.toaster .product-characteristics__title {
        margin: 0 auto 97px
    }
}

.product-characteristics.toaster .left .item:first-child {
    margin-top: 110px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 168px)
}

.product-characteristics.toaster .left .item:first-child .item-name {
    max-width: 177px
}

.product-characteristics.toaster .left .item:first-child .item-line {
    position: absolute;
    height: 47px;
    width: 0;
    border-right: 2px solid #555;
    top: 33px;
    left: 113px
}

.product-characteristics.toaster .left .item:first-child .item-line:after {
    right: -3px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.toaster .left .item:first-child {
        margin-top: 132px;
        width: 41.5%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: 0
    }

    .product-characteristics.toaster .left .item:first-child .item-name {
        min-width: 227px
    }

    .product-characteristics.toaster .left .item:first-child .item-line {
        position: relative;
        height: 90px;
        border-right: 2px solid #555;
        margin-top: 12px;
        width: 100%;
        top: auto;
        left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.toaster .left .item:first-child {
        margin-top: 230px;
        width: 40.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.toaster .left .item:first-child .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.toaster .left .item:first-child .item-line:after {
        bottom: -1px
    }
}

.product-characteristics.toaster .left .item:nth-child(2) {
    margin-top: 246px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 160px)
}

.product-characteristics.toaster .left .item:nth-child(2) .item-name {
    width: 110px;
    min-width: auto
}

.product-characteristics.toaster .left .item:nth-child(2) .item-line {
    position: absolute;
    height: 156px;
    width: 10px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 20px;
    right: -24px
}

.product-characteristics.toaster .left .item:nth-child(2) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.toaster .left .item:nth-child(2) {
        margin-top: 37px;
        width: 41.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 0
    }

    .product-characteristics.toaster .left .item:nth-child(2) .item-name {
        min-width: 174px
    }

    .product-characteristics.toaster .left .item:nth-child(2) .item-line {
        position: relative;
        height: 0;
        width: 100%;
        bottom: auto;
        right: auto
    }

    .product-characteristics.toaster .left .item:nth-child(2) .item-line:after {
        top: -1px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.toaster .left .item:nth-child(2) {
        margin-top: 124px;
        width: 40.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.toaster .left .item:nth-child(2) .item-name {
        min-width: 264px;
        margin-right: 6px
    }

    .product-characteristics.toaster .left .item:nth-child(2) .item-line {
        height: 0;
        margin: 0
    }
}

.product-characteristics.toaster .left .item:nth-child(3) {
    margin-top: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 165px)
}

.product-characteristics.toaster .left .item:nth-child(3) .item-name {
    width: 132px;
    min-width: auto
}

.product-characteristics.toaster .left .item:nth-child(3) .item-line {
    position: absolute;
    height: 114px;
    width: 27px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 10px;
    right: -35px
}

.product-characteristics.toaster .left .item:nth-child(3) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.toaster .left .item:nth-child(3) {
        margin-top: 106px;
        width: 41.5%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-left: 0
    }

    .product-characteristics.toaster .left .item:nth-child(3) .item-name {
        min-width: 169px;
        margin-right: 6px
    }

    .product-characteristics.toaster .left .item:nth-child(3) .item-line {
        position: relative;
        height: 76px;
        width: 100%;
        bottom: auto;
        right: auto;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.toaster .left .item:nth-child(3) {
        margin-top: 122px;
        width: 40.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.toaster .left .item:nth-child(3) .item-name {
        min-width: 188px;
        margin-right: 19px
    }

    .product-characteristics.toaster .left .item:nth-child(3) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.toaster .left .item:nth-child(3) .item-line:after {
        top: -1px
    }
}

.product-characteristics.toaster .right .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.product-characteristics.toaster .right .item:first-child {
    margin-top: 90px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 32px)
}

.product-characteristics.toaster .right .item:first-child .item-name {
    width: 131px;
    min-width: auto
}

.product-characteristics.toaster .right .item:first-child .item-line {
    position: absolute;
    height: 108px;
    width: 0;
    border-right: 2px solid #555;
    top: 47px;
    left: 39px
}

.product-characteristics.toaster .right .item:first-child .item-line:after {
    left: -1px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.toaster .right .item:first-child {
        margin-top: 118px;
        width: 36%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: calc(50% + 95px)
    }

    .product-characteristics.toaster .right .item:first-child .item-name {
        min-width: 172px;
        margin-left: 13px
    }

    .product-characteristics.toaster .right .item:first-child .item-line {
        position: relative;
        top: auto;
        left: auto;
        height: 120px;
        border-left: 2px solid #555;
        margin-top: 26px;
        border-right: none;
        width: 100%
    }

    .product-characteristics.toaster .right .item:first-child .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.toaster .right .item:first-child {
        margin-top: 260px;
        width: 37%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .product-characteristics.toaster .right .item:first-child .item-name {
        min-width: 264px;
        margin-left: 17px
    }

    .product-characteristics.toaster .right .item:first-child .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.toaster .right .item:first-child .item-line:after {
        bottom: -1px
    }
}

.product-characteristics.toaster .right .item:nth-child(2) {
    margin-top: 256px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 45px)
}

.product-characteristics.toaster .right .item:nth-child(2) .item-name {
    width: 118px;
    min-width: auto
}

.product-characteristics.toaster .right .item:nth-child(2) .item-line {
    position: absolute;
    height: 92px;
    width: 0;
    border-right: 2px solid #555;
    bottom: 64px;
    left: 26px
}

.product-characteristics.toaster .right .item:nth-child(2) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.toaster .right .item:nth-child(2) {
        margin-top: 63px;
        width: 36%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: calc(50% + 95px)
    }

    .product-characteristics.toaster .right .item:nth-child(2) .item-name {
        min-width: 168px;
        margin-left: 6px
    }

    .product-characteristics.toaster .right .item:nth-child(2) .item-line {
        position: relative;
        bottom: auto;
        left: auto;
        height: 0;
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.toaster .right .item:nth-child(2) {
        margin-top: 61px;
        width: 36%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .product-characteristics.toaster .right .item:nth-child(2) .item-name {
        min-width: 238px;
        margin-left: 15px
    }

    .product-characteristics.toaster .right .item:nth-child(2) .item-line {
        margin: 0
    }
}

.product-characteristics.toaster .right .item:nth-child(3) {
    margin-top: 18px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 50%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-right: 38px
}

.product-characteristics.toaster .right .item:nth-child(3) .item-name {
    width: 129px;
    min-width: auto
}

.product-characteristics.toaster .right .item:nth-child(3) .item-line {
    position: absolute;
    height: 140px;
    width: 0;
    border-right: 2px solid #555;
    bottom: 64px;
    left: 29px
}

.product-characteristics.toaster .right .item:nth-child(3) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.toaster .right .item:nth-child(3) {
        margin-top: 15px;
        width: 39%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-left: calc(50% + 80px)
    }

    .product-characteristics.toaster .right .item:nth-child(3) .item-name {
        min-width: 174px;
        margin-left: 11px
    }

    .product-characteristics.toaster .right .item:nth-child(3) .item-line {
        position: relative;
        bottom: auto;
        left: auto;
        height: 85px;
        width: 100%;
        margin-bottom: 39px;
        border: 2px solid #555;
        border-top: none;
        border-right: none
    }

    .product-characteristics.toaster .right .item:nth-child(3) .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.toaster .right .item:nth-child(3) {
        margin-top: 34px;
        width: 34%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .product-characteristics.toaster .right .item:nth-child(3) .item-name {
        min-width: 264px;
        margin-left: 8px
    }

    .product-characteristics.toaster .right .item:nth-child(3) .item-line {
        margin: 0;
        height: 0
    }

    .product-characteristics.toaster .right .item:nth-child(3) .item-line:after {
        top: -1px
    }
}

.product-characteristics.coffee .product-characteristics__title {
    min-height: auto
}

@media screen and (max-width: 767px) {
    .product-characteristics.coffee .product-characteristics__title {
        margin: 0 auto 97px
    }
}

.product-characteristics.coffee .left .item:first-child {
    margin-top: 104px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 150px)
}

.product-characteristics.coffee .left .item:first-child .item-name {
    max-width: 120px;
    min-width: auto
}

.product-characteristics.coffee .left .item:first-child .item-line {
    position: absolute;
    height: 47px;
    width: 0;
    border-right: 2px solid #555;
    top: 40px;
    right: 14px
}

.product-characteristics.coffee .left .item:first-child .item-line:after {
    right: -3px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.coffee .left .item:first-child {
        margin-top: 132px;
        width: 41.5%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: 0
    }

    .product-characteristics.coffee .left .item:first-child .item-name {
        min-width: 228px
    }

    .product-characteristics.coffee .left .item:first-child .item-line {
        position: relative;
        height: 90px;
        border-right: 2px solid #555;
        margin-top: 13px;
        width: 100%;
        top: auto;
        right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.coffee .left .item:first-child {
        margin-top: 211px;
        width: 43%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.coffee .left .item:first-child .item-name {
        min-width: 264px;
        margin-right: 13px
    }

    .product-characteristics.coffee .left .item:first-child .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.coffee .left .item:first-child .item-line:after {
        bottom: -1px
    }
}

.product-characteristics.coffee .left .item:nth-child(2) {
    margin-top: 232px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 160px)
}

.product-characteristics.coffee .left .item:nth-child(2) .item-name {
    width: 110px;
    min-width: auto
}

.product-characteristics.coffee .left .item:nth-child(2) .item-line {
    position: absolute;
    height: 87px;
    width: 18px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 10px;
    right: -24px
}

.product-characteristics.coffee .left .item:nth-child(2) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.coffee .left .item:nth-child(2) {
        margin-top: 125px;
        width: 44%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: 0
    }

    .product-characteristics.coffee .left .item:nth-child(2) .item-name {
        min-width: 174px
    }

    .product-characteristics.coffee .left .item:nth-child(2) .item-line {
        position: relative;
        height: 0;
        margin-top: 13px;
        width: 100%;
        bottom: auto;
        right: auto
    }

    .product-characteristics.coffee .left .item:nth-child(2) .item-line:after {
        top: -1px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.coffee .left .item:nth-child(2) {
        margin-top: 196px;
        width: 45%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.coffee .left .item:nth-child(2) .item-name {
        min-width: 125px;
        margin-right: 57px
    }

    .product-characteristics.coffee .left .item:nth-child(2) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.coffee .left .item:nth-child(2) .item-line:after {
        bottom: -1px
    }
}

.product-characteristics.coffee .left .item:nth-child(3) {
    margin-top: 44px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% - 165px)
}

.product-characteristics.coffee .left .item:nth-child(3) .item-name {
    width: 138px;
    min-width: auto
}

.product-characteristics.coffee .left .item:nth-child(3) .item-line {
    position: absolute;
    height: 114px;
    width: 27px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-top: none;
    bottom: 10px;
    right: -32px
}

.product-characteristics.coffee .left .item:nth-child(3) .item-line:after {
    right: -3px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.coffee .left .item:nth-child(3) {
        margin-top: 68px;
        width: 44%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-left: 0
    }

    .product-characteristics.coffee .left .item:nth-child(3) .item-name {
        min-width: 177px;
        margin-right: 19px
    }

    .product-characteristics.coffee .left .item:nth-child(3) .item-line {
        position: relative;
        height: 55px;
        margin-bottom: 13px;
        width: 100%;
        bottom: auto;
        right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.coffee .left .item:nth-child(3) {
        margin-top: 110px;
        width: 42.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product-characteristics.coffee .left .item:nth-child(3) .item-name {
        min-width: 196px;
        margin-right: 25px
    }

    .product-characteristics.coffee .left .item:nth-child(3) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.coffee .left .item:nth-child(3) .item-line:after {
        top: -1px
    }
}

.product-characteristics.coffee .right .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.product-characteristics.coffee .right .item:first-child {
    margin-top: 70px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 14px)
}

.product-characteristics.coffee .right .item:first-child .item-name {
    width: 131px;
    min-width: auto
}

.product-characteristics.coffee .right .item:first-child .item-line {
    position: absolute;
    height: 86px;
    width: 0;
    border-right: 2px solid #555;
    top: 62px;
    left: 10px
}

.product-characteristics.coffee .right .item:first-child .item-line:after {
    left: -1px;
    bottom: -3px;
    top: auto;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.coffee .right .item:first-child {
        margin-top: 134px;
        width: 50%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-left: calc(50% + 32px)
    }

    .product-characteristics.coffee .right .item:first-child .item-name {
        min-width: 172px;
        margin-left: 12px
    }

    .product-characteristics.coffee .right .item:first-child .item-line {
        position: relative;
        top: auto;
        left: auto;
        height: 124px;
        border-left: 2px solid #555;
        margin-top: 26px;
        border-right: none;
        width: 100%
    }

    .product-characteristics.coffee .right .item:first-child .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.coffee .right .item:first-child {
        margin-top: 290px;
        width: 45.5%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .product-characteristics.coffee .right .item:first-child .item-name {
        min-width: 264px;
        margin-left: 28px
    }

    .product-characteristics.coffee .right .item:first-child .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.coffee .right .item:first-child .item-line:after {
        bottom: -1px
    }
}

.product-characteristics.coffee .right .item:nth-child(2) {
    margin-top: 160px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 66px)
}

.product-characteristics.coffee .right .item:nth-child(2) .item-name {
    width: 96px;
    min-width: auto
}

.product-characteristics.coffee .right .item:nth-child(2) .item-line {
    position: absolute;
    height: 0;
    width: 43px;
    border-right: 2px solid #555;
    bottom: 20px;
    left: -48px
}

.product-characteristics.coffee .right .item:nth-child(2) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.coffee .right .item:nth-child(2) {
        margin-top: 68px;
        width: 48%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: calc(50% + 42px)
    }

    .product-characteristics.coffee .right .item:nth-child(2) .item-name {
        min-width: 168px;
        margin-left: 5px
    }

    .product-characteristics.coffee .right .item:nth-child(2) .item-line {
        position: relative;
        bottom: auto;
        left: auto;
        height: 0;
        border-right: none;
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.coffee .right .item:nth-child(2) {
        margin-top: 102px;
        width: 44%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .product-characteristics.coffee .right .item:nth-child(2) .item-name {
        min-width: 264px;
        margin-left: 40px
    }

    .product-characteristics.coffee .right .item:nth-child(2) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.coffee .right .item:nth-child(2) .item-line:after {
        bottom: -1px
    }
}

.product-characteristics.coffee .right .item:nth-child(3) {
    margin-top: 64px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: calc(50% + 20px);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.product-characteristics.coffee .right .item:nth-child(3) .item-name {
    width: 129px;
    min-width: auto
}

.product-characteristics.coffee .right .item:nth-child(3) .item-line {
    position: absolute;
    height: 56px;
    width: 0;
    border-right: 2px solid #555;
    bottom: 23px;
    left: 12px
}

.product-characteristics.coffee .right .item:nth-child(3) .item-line:after {
    left: -1px;
    top: -3px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 768px) {
    .product-characteristics.coffee .right .item:nth-child(3) {
        margin-top: 30px;
        width: 42%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-left: calc(50% + 36px)
    }

    .product-characteristics.coffee .right .item:nth-child(3) .item-name {
        min-width: 176px;
        margin-left: 13px
    }

    .product-characteristics.coffee .right .item:nth-child(3) .item-line {
        position: relative;
        bottom: auto;
        left: auto;
        height: 63px;
        margin-bottom: 13px;
        border: 2px solid #555;
        border-top: none;
        border-right: none;
        width: 100%
    }

    .product-characteristics.coffee .right .item:nth-child(3) .item-line:after {
        left: -3px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics.coffee .right .item:nth-child(3) {
        margin-top: 58px;
        width: 45%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .product-characteristics.coffee .right .item:nth-child(3) .item-name {
        min-width: 264px;
        margin-left: 16px
    }

    .product-characteristics.coffee .right .item:nth-child(3) .item-line {
        height: 0;
        margin: 0
    }

    .product-characteristics.coffee .right .item:nth-child(3) .item-line:after {
        top: -1px
    }
}

.product-characteristics__items {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.product-characteristics__items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.product-characteristics__items .item-name {
    font-weight: 600;
    font-size: 14px;
    color: #555;
    min-width: 174px;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .product-characteristics__items .item-name {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1280px) {
    .product-characteristics__items .item-name {
        font-size: 20px;
        min-width: 264px
    }
}

.product-characteristics__items .item-line {
    width: 100%;
    border-top: 2px solid #555;
    position: relative
}

.product-characteristics__items .item-line:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #555;
    right: 0;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    border-radius: 8px
}

.reviews {
    padding-top: 30px;
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    .reviews {
        margin-top: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .reviews {
        padding-top: 60px;
        margin-top: 50px
    }
}

.reviews .mp-widget {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .reviews .mp-widget {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .reviews .mp-widget {
        margin-bottom: 60px
    }
}

.buyWithThis, .recentlyViewed {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 30px
}

@media only screen and (min-width: 1280px) {
    .buyWithThis, .recentlyViewed {
        width: 1200px;
        padding-bottom: 60px
    }
}

.buyWithThis__container, .recentlyViewed__container {
    margin-bottom: 20px
}

.buyWithThis__container .swiper-slide, .recentlyViewed__container .swiper-slide {
    height: auto
}

.buyWithThis__wrap, .recentlyViewed__wrap {
    position: relative
}

.buyWithThis__title, .recentlyViewed__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .buyWithThis__title, .recentlyViewed__title {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__title, .recentlyViewed__title {
        font-size: 24px;
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .buyWithThis__title, .recentlyViewed__title {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) {
    .buyWithThis__slider-wrap, .recentlyViewed__slider-wrap {
        padding-left: 92px;
        padding-right: 92px
    }
}

.buyWithThis__slider .card-item, .recentlyViewed__slider .card-item {
    padding: 48px 12px 12px
}

@media only screen and (min-width: 768px) {
    .buyWithThis__slider .card-item, .recentlyViewed__slider .card-item {
        padding: 30px 16px 16px
    }
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item, .recentlyViewed__slider .card-item {
        padding: 46px 20px 20px 14px
    }
}

.buyWithThis__slider .card-item .card-item__labels, .recentlyViewed__slider .card-item .card-item__labels {
    margin-bottom: 4px
}

@media only screen and (min-width: 588px) {
    .buyWithThis__slider .card-item .card-item__labels, .recentlyViewed__slider .card-item .card-item__labels {
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item .card-item__labels, .recentlyViewed__slider .card-item .card-item__labels {
        margin-bottom: 12px;
        position: absolute;
        width: calc(100% - 16px);
        top: 8px;
        right: 8px
    }
}

@media only screen and (min-width: 1440px) {
    .buyWithThis__slider .card-item .card-item__labels, .recentlyViewed__slider .card-item .card-item__labels {
        margin-bottom: 20px
    }
}

.buyWithThis__slider .card-item .card-item__labels .label, .recentlyViewed__slider .card-item .card-item__labels .label {
    padding: 0 4px
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item .card-item__labels .label, .recentlyViewed__slider .card-item .card-item__labels .label {
        border-radius: 4px;
        line-height: 150%;
        height: 17px;
        margin-left: 3px
    }
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item .card-item__labels .label-gift svg, .recentlyViewed__slider .card-item .card-item__labels .label-gift svg {
        height: 9px;
        width: 9px
    }
}

.buyWithThis__slider .card-item .card-item__imgTitle, .recentlyViewed__slider .card-item .card-item__imgTitle {
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .buyWithThis__slider .card-item .card-item__img, .recentlyViewed__slider .card-item .card-item__img {
        width: 96px;
        height: 96px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item .card-item__img, .recentlyViewed__slider .card-item .card-item__img {
        width: 110px;
        height: 110px
    }
}

.buyWithThis__slider .card-item .card-item__img img, .recentlyViewed__slider .card-item .card-item__img img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.buyWithThis__slider .card-item .card-item__title, .recentlyViewed__slider .card-item .card-item__title {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item .card-item__title, .recentlyViewed__slider .card-item .card-item__title {
        font-size: 10px;
        max-height: 30px
    }
}

.buyWithThis__slider .card-item .card-item__price, .recentlyViewed__slider .card-item .card-item__price {
    margin-right: auto
}

.buyWithThis__slider .card-item .card-item__price .prev, .recentlyViewed__slider .card-item .card-item__price .prev {
    margin-bottom: 4px
}

.buyWithThis__slider .card-item .card-item__usable, .recentlyViewed__slider .card-item .card-item__usable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.buyWithThis__slider .card-item .card-item__usable .usable__icons .icon__compare, .buyWithThis__slider .card-item .card-item__usable .usable__icons .icon__favorite, .recentlyViewed__slider .card-item .card-item__usable .usable__icons .icon__compare, .recentlyViewed__slider .card-item .card-item__usable .usable__icons .icon__favorite {
    margin-right: 10px
}

.buyWithThis__slider .card-item .card-item__action, .recentlyViewed__slider .card-item .card-item__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.buyWithThis__slider .card-item .card-item__compare, .buyWithThis__slider .card-item .card-item__favorite, .recentlyViewed__slider .card-item .card-item__compare, .recentlyViewed__slider .card-item .card-item__favorite {
    margin-right: 8px;
    width: 28px;
    height: 28px
}

@media only screen and (min-width: 1024px) {
    .buyWithThis__slider .card-item .card-item__compare, .buyWithThis__slider .card-item .card-item__favorite, .recentlyViewed__slider .card-item .card-item__compare, .recentlyViewed__slider .card-item .card-item__favorite {
        margin-right: 16px
    }
}

.buyWithThis__slider .card-item .card-item__compare svg, .buyWithThis__slider .card-item .card-item__favorite svg, .recentlyViewed__slider .card-item .card-item__compare svg, .recentlyViewed__slider .card-item .card-item__favorite svg {
    width: 28px;
    height: 28px
}

.buyWithThis .swiper-pagination, .recentlyViewed .swiper-pagination {
    position: relative;
    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;
    width: 100%
}

.buyWithThis .swiper-pagination-bullet, .recentlyViewed .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px
}

.buyWithThis .swiper-pagination-bullet-active, .recentlyViewed .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.buyWithThis .swiper-button-next, .recentlyViewed .swiper-button-next {
    right: 0
}

.buyWithThis .swiper-button-prev, .recentlyViewed .swiper-button-prev {
    left: 0
}

.buyPopup {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 11;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 13px 20px 12px;
    width: 76.5vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .buyPopup {
        width: 688px;
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup {
        width: 960px;
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1280px) {
    .buyPopup {
        padding: 19px 40px
    }
}

.buyPopup__img {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 14px
}

@media only screen and (min-width: 588px) {
    .buyPopup__img {
        display: none
    }
}

.buyPopup__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.buyPopup__title {
    display: none;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #141414;
    margin-right: 10px
}

@media only screen and (min-width: 588px) {
    .buyPopup__title {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .buyPopup__title {
        margin-right: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup__title {
        font-size: 20px;
        margin-right: 50px
    }
}

.buyPopup__price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    margin-right: 25px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media only screen and (min-width: 588px) {
    .buyPopup__price {
        font-size: 18px;
        margin-right: 10px
    }
}

@media only screen and (min-width: 768px) {
    .buyPopup__price {
        font-size: 18px;
        margin-right: 47px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup__price {
        font-size: 24px;
        margin-right: 110px
    }
}

.buyPopup__compare {
    margin-right: 20px;
    height: 18px;
    width: 18px;
    cursor: pointer
}

.buyPopup__compare:hover .hover {
    fill: #8d4086 !important
}

@media only screen and (min-width: 588px) {
    .buyPopup__compare {
        height: 24px;
        width: 24px
    }
}

@media only screen and (min-width: 768px) {
    .buyPopup__compare {
        margin-right: 26px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup__compare {
        margin-right: 26px
    }
}

.buyPopup__compare svg {
    height: 18px;
    width: 18px
}

@media only screen and (min-width: 588px) {
    .buyPopup__compare svg {
        height: 24px;
        width: 24px
    }
}

.buyPopup__favorite {
    margin-right: 20px;
    height: 18px;
    width: 18px;
    cursor: pointer
}

.buyPopup__favorite:hover .hover {
    fill: #8d4086 !important
}

@media only screen and (min-width: 588px) {
    .buyPopup__favorite {
        height: 24px;
        width: 24px
    }
}

@media only screen and (min-width: 768px) {
    .buyPopup__favorite {
        margin-right: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup__favorite {
        margin-right: 32px
    }
}

.buyPopup__favorite svg {
    height: 18px;
    width: 18px
}

@media only screen and (min-width: 588px) {
    .buyPopup__favorite svg {
        height: 24px;
        width: 24px
    }
}

.buyPopup__oneclick {
    display: none;
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 40px;
    border: none;
    font-weight: 700;
    font-size: 6px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    padding: 8px 12px;
    cursor: pointer;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

@media only screen and (min-width: 588px) {
    .buyPopup__oneclick {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .buyPopup__oneclick {
        font-size: 8px;
        padding: 12px 16px;
        margin-right: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup__oneclick {
        font-size: 12px;
        padding: 15px 30px;
        margin-right: 20px
    }
}

.buyPopup__oneclick:active {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

.buyPopup__buy {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    border-radius: 40px;
    border: none;
    font-weight: 700;
    font-size: 6px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 12px;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .buyPopup__buy {
        font-size: 8px;
        padding: 12px 16px
    }
}

@media only screen and (min-width: 1024px) {
    .buyPopup__buy {
        font-size: 12px;
        padding: 15px 30px
    }
}

.buyPopup__buy:active {
    -webkit-box-shadow: 0 1px 3px rgba(119, 23, 110, .12);
    box-shadow: 0 1px 3px rgba(119, 23, 110, .12)
}

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

.text-page {
    background-color: #f8f9fa
}

.text-page .banner {
    position: relative;
    width: 100%;
    height: 375px
}

@media only screen and (min-width: 768px) {
    .text-page .banner {
        height: 360px
    }
}

.text-page .banner__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 0
}

.text-page .banner__content {
    position: absolute;
    width: 100%;
    bottom: 40px
}

@media only screen and (min-width: 768px) {
    .text-page .banner__content {
        bottom: 154px
    }
}

@media only screen and (min-width: 1280px) {
    .text-page .banner__content {
        bottom: 100px
    }
}

.text-page .banner__content h1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .text-page .banner__content h1 {
        width: 336px
    }
}

@media only screen and (min-width: 1280px) {
    .text-page .banner__content h1 {
        width: auto;
        font-size: 28px;
        line-height: 32px
    }
}

.text-page .content {
    max-width: 880px;
    margin: 0 auto;
    padding: 30px 24px
}

@media only screen and (min-width: 768px) {
    .text-page .content {
        padding: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .text-page .content {
        padding: 60px 0
    }
}

.text-page .content .accordion__button-wrap {
    border-radius: 12px;
    margin-bottom: 18px
}

@media only screen and (min-width: 768px) {
    .text-page .content .accordion__button-wrap {
        margin-bottom: 20px
    }
}

.text-page .content .accordion__button-wrap .accordion__button {
    line-height: 150%
}

.text-page .content .accordion__button-wrap .accordion__button:after {
    top: 16px
}

@media only screen and (min-width: 768px) {
    .text-page .content .accordion__button-wrap .accordion__button:after {
        top: 29px
    }
}

.text-page .content h1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #555
}

@media only screen and (min-width: 768px) {
    .text-page .content h1 {
        font-size: 24px
    }
}

.text-page .content h2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #555
}

@media only screen and (min-width: 768px) {
    .text-page .content h2 {
        font-size: 20px
    }
}

.text-page .content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555;
    border-radius: 0 0 12px 12px;
    padding-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 768px) {
    .text-page .content p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 26px
    }
}

@media only screen and (min-width: 1024px) {
    .text-page .content p {
        padding-bottom: 26px
    }
}

.text-page .content ol, .text-page .content ul {
    margin: 0;
    padding-left: 8px
}

@media only screen and (min-width: 768px) {
    .text-page .content ol, .text-page .content ul {
        padding-left: 14px
    }
}

.text-page .content ol li, .text-page .content ul li {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555;
    border-radius: 0 0 12px 12px;
    padding-bottom: 10px;
    list-style-position: outside;
    text-overflow: ellipsis
}

@media only screen and (min-width: 768px) {
    .text-page .content ol li, .text-page .content ul li {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .text-page .content ol li, .text-page .content ul li {
        padding-bottom: 24px
    }
}

.text-page .content ol li::marker, .text-page .content ul li::marker {
    color: #7c2582
}

.text-page .content ol li span, .text-page .content ul li span {
    font-weight: 600
}

.text-page .content ol li {
    padding-left: 2px
}

@media only screen and (min-width: 768px) {
    .text-page .content ol li {
        padding-left: 10px
    }
}

.text-page .content img {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .text-page .content img {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .text-page .content img {
        margin-bottom: 20px
    }
}

.text-page .content a {
    color: #7c2582
}

.text-page .content table {
    width: 100% !important;
    min-width: 500px
}

.text-page .content .table-wrap {
    overflow-x: scroll;
    overflow-y: hidden
}

.text-page .content .table-wrap::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 4px
}

.text-page .content .table-wrap::-webkit-scrollbar-thumb {
    background: #77176e;
    border-radius: 4px
}

.login-block {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 85px;
    padding: 20px 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .login-block.page {
        margin: 0 20px 40px;
        width: 520px
    }
}

@media only screen and (min-width: 768px) {
    .login-block {
        margin: 0 20px 120px 40px;
        padding: 34px 40px 30px;
        width: 350px
    }
}

.login-block .title {
    padding-top: 0
}

.login-block .input-group {
    background-color: inherit;
    padding: 0
}

.login-block .input-group .control-label {
    color: #a5a5a5;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 4px;
    line-height: 16px;
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .login-block .input-group .control-label {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.login-block .input-group input {
    color: #555;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    height: 48px
}

.login-block .input-group .iti {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .login-block .input-group .iti {
        margin-top: 8px
    }
}

.login-block__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    margin: 32px 0 16px
}

.login-block__socials .caption {
    color: #141414;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.login-block__socials .custom-icon {
    margin-right: 24px;
    width: 32px;
    height: 32px
}

.login-block__socials .custom-icon svg {
    width: 32px;
    height: 32px
}

.login-block__socials-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.login-block__socials-icons > a:last-child > .custom-icon {
    margin-right: 0
}

.login-block .btn {
    margin-top: 24px
}

.login-another-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    background: #f8f9fa;
    border-radius: 12px;
    bottom: 0;
    position: fixed;
    width: 100%
}

.login-another-action.page {
    position: inherit;
    margin: 0 auto 20px
}

@media only screen and (min-width: 768px) {
    .login-another-action.page {
        margin: 0 auto 40px;
        width: 600px
    }
}

.login-another-action .caption {
    margin: 16px auto 8px;
    font-weight: 600;
    line-height: 22px;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .login-another-action .caption {
        font-size: 16px;
        line-height: 36px
    }
}

.login-another-action .btn {
    color: #77176e;
    margin: 0 0 16px;
    font-size: 12px;
    line-height: 150%;
    padding: 0
}

.login-confirm {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 85px;
    padding: 20px 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .login-confirm.page {
        margin: 0 20px 40px;
        width: 520px
    }
}

@media only screen and (min-width: 768px) {
    .login-confirm {
        margin: 0 20px 120px 40px;
        padding: 34px 40px 30px;
        width: 350px
    }
}

.login-confirm .title {
    padding-top: 0
}

.login-confirm .disabled {
    opacity: .8;
    pointer-events: none
}

.login-confirm .input-group {
    background-color: inherit;
    padding: 0
}

.login-confirm .input-group .control-label {
    color: #a5a5a5;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 4px;
    line-height: 16px;
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .login-confirm .input-group .control-label {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.login-confirm .input-group input {
    color: #555;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    height: 48px;
    margin-top: 8px;
    padding: 0;
    text-indent: 20px
}

.login-confirm .input-group .iti {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .login-confirm .input-group .iti {
        margin-top: 8px
    }
}

.login-confirm .plain {
    margin: 16px 0 22px;
    font-size: 14px;
    line-height: 160%;
    color: #141414;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .login-confirm .plain {
        font-size: 16px
    }
}

.login-confirm .btn {
    margin-top: 24px;
    margin-bottom: 18px
}

.login-confirm .resend {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #555;
    margin-top: 16px
}

.login-confirm .resend-code {
    display: none;
    cursor: pointer;
    color: #77176e;
    margin-top: 16px
}

.login-success {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 4px 85px 14px;
    padding: 20px 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .login-success.page {
        margin: 0 20px 40px;
        width: 520px
    }
}

@media only screen and (min-width: 768px) {
    .login-success {
        margin: 0 20px 120px 40px;
        padding: 34px 40px 30px;
        width: 340px
    }
}

.login-success .title {
    max-width: 265px;
    padding: 0;
    margin: 0 auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #141414;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .login-success .title {
        font-size: 24px;
        line-height: 36px;
        margin: 30px auto 0
    }
}

.login-success .description {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #141414;
    text-align: center
}

.login-success .btn {
    width: 100%;
    margin-top: 40px;
    display: block
}

.register-block {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 16px 85px;
    padding: 20px 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .register-block.page {
        margin: 0 20px 40px;
        width: 520px
    }
}

@media only screen and (min-width: 768px) {
    .register-block {
        margin: 0 20px 120px 40px;
        padding: 34px 40px 30px
    }
}

.register-block .title {
    padding-top: 0
}

.register-block .input-group {
    background-color: inherit;
    padding: 0;
    margin-bottom: 18px
}

.register-block .input-group .control-label {
    color: #a5a5a5;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 4px;
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .register-block .input-group .control-label {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.register-block .input-group input {
    color: #555;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px;
    width: -webkit-fill-available
}

.register-block .input-group .iti {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .register-block .input-group .iti {
        margin-top: 8px
    }
}

.register-block__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    margin: 32px 0 16px
}

.register-block__socials .caption {
    color: #141414;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-right: 20px
}

.register-block__socials .custom-icon {
    margin-right: 24px;
    width: 32px;
    height: 32px
}

.register-block__socials .custom-icon svg {
    width: 32px;
    height: 32px
}

.register-block__socials-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.register-block .btn {
    margin-top: 24px
}

.register-block .privacy-policy {
    font-size: 10px;
    line-height: 160%;
    font-weight: 400;
    margin-top: 18px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .register-block .privacy-policy {
        font-size: 14px
    }
}

.register-block .privacy-policy a {
    color: #77176e
}

.register-another-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    background: #f8f9fa;
    border-radius: 12px;
    bottom: 0;
    position: fixed;
    width: 100%
}

.register-another-action.page {
    position: inherit;
    margin: 0 auto 20px
}

@media only screen and (min-width: 768px) {
    .register-another-action.page {
        margin: 0 auto 40px;
        width: 600px
    }
}

.register-another-action .caption {
    margin: 16px auto 8px;
    font-weight: 600;
    line-height: 22px;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .register-another-action .caption {
        font-size: 16px;
        line-height: 36px
    }
}

.register-another-action .btn {
    color: #77176e;
    margin: 0 0 16px;
    font-size: 12px;
    line-height: 150%;
    padding: 0
}

.register-confirm {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 85px;
    padding: 20px 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .register-confirm.page {
        margin: 0 20px 40px;
        width: 520px
    }
}

@media only screen and (min-width: 768px) {
    .register-confirm {
        margin: 0 20px 120px 40px;
        padding: 34px 40px 30px;
        width: 340px
    }
}

.register-confirm .title {
    padding-top: 0
}

.register-confirm .disabled {
    opacity: .8;
    pointer-events: none
}

.register-confirm .input-group {
    background-color: inherit;
    padding: 0;
    margin-bottom: 18px
}

.register-confirm .input-group .control-label {
    color: #a5a5a5;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 4px;
    line-height: 16px;
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .register-confirm .input-group .control-label {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.register-confirm .input-group input {
    color: #555;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    height: 48px;
    margin-top: 8px;
    padding: 0 0 0 20px;
    width: -webkit-fill-available
}

.register-confirm .input-group .iti {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .register-confirm .input-group .iti {
        margin-top: 8px
    }
}

.register-confirm .plain {
    margin: 16px 0 22px;
    font-size: 14px;
    line-height: 160%;
    color: #141414;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .register-confirm .plain {
        font-size: 16px
    }
}

.register-confirm .btn {
    margin-top: 24px;
    margin-bottom: 18px
}

.register-confirm .resend {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #555;
    margin-top: 16px
}

.register-confirm .resend-code {
    display: none;
    cursor: pointer;
    color: #77176e;
    margin-top: 16px
}

.register-success {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 4px 85px 14px;
    padding: 20px 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .register-success.page {
        margin: 0 20px 40px;
        width: 520px
    }
}

@media only screen and (min-width: 768px) {
    .register-success {
        margin: 0 20px 120px 40px;
        padding: 34px 40px 30px;
        width: 350px
    }
}

.register-success .title {
    max-width: 265px;
    padding: 0;
    margin: 0 auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #141414;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .register-success .title {
        font-size: 24px;
        line-height: 36px;
        margin: 30px auto 0
    }
}

.register-success .description {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #141414;
    text-align: center
}

.register-success .btn {
    width: 100%;
    margin-top: 40px;
    display: block
}

.one-click-wrap {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 20px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .one-click-wrap {
        width: 416px;
        margin: 0 20px 40px 40px
    }
}

.one-click-wrap .order__field {
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .one-click-wrap .order__field {
        margin-bottom: 18px
    }
}

.one-click-wrap .input-group {
    background-color: inherit;
    padding: 4px
}

.one-click-wrap .input-group .iti {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .one-click-wrap .input-group .iti {
        margin-top: 8px
    }
}

.one-click-wrap .input-wrap {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .one-click-wrap .input-wrap {
        font-size: 12px
    }
}

.one-click-wrap .input-wrap .control-label {
    margin-left: 20px
}

.one-click-wrap .input-control {
    margin-top: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    text-indent: 20px;
    padding: 0;
    height: 48px;
    color: #555
}

@media only screen and (min-width: 768px) {
    .one-click-wrap .input-control {
        margin-top: 8px;
        font-size: 14px
    }
}

.one-click-wrap .popup__promocode {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #77176e;
    cursor: pointer
}

.one-click-wrap .popup__promocode .promocode {
    display: block;
    background: none !important
}

.one-click-wrap .popup__promocode .promocode-error {
    color: #d44300;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-left: 20px;
    margin-top: 12px
}

.one-click-wrap .popup__promocode .promocode-success__gift {
    display: none
}

.one-click-wrap .popup__promocode .promocode-success__code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.one-click-wrap .popup__promocode .promocode-success__code h4 {
    margin-left: 8px;
    font-weight: 400
}

.one-click-wrap .popup__promocode .promocode-success__code h4 .purple {
    font-weight: 700
}

.one-click-wrap .popup__promocode .promocode-success__delete {
    color: #d44300;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-left: 24px;
    margin-top: 6px
}

.one-click-wrap .popup__promocode .promocode .help-block {
    margin-top: 8px
}

.one-click-wrap .btn-one-click {
    margin-top: 18px
}

@media only screen and (min-width: 768px) {
    .one-click-wrap .btn-one-click {
        margin-top: 24px
    }
}

.one-click__form {
    margin: 0 16px;
    padding: 20px 0
}

@media only screen and (min-width: 768px) {
    .one-click__form {
        margin: 0 40px;
        padding: 34px 0 30px
    }
}

.one-click__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .one-click__description {
        font-size: 16px
    }
}

.one-click-success {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 20px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .one-click-success {
        width: 416px;
        margin: 0 20px 40px 40px
    }
}

.one-click-success .title {
    padding-top: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .one-click-success .title {
        font-size: 24px;
        line-height: 36px
    }
}

.one-click-success .description {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #141414;
    text-align: center;
    padding: 0 16px
}

@media only screen and (min-width: 768px) {
    .one-click-success .description {
        padding: 0 40px
    }
}

.one-click-success .btn {
    width: 100%;
    margin-top: 40px;
    display: block
}

.preorder {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 20px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .preorder {
        width: 416px;
        margin: 0 20px 40px 40px
    }
}

.preorder__field {
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .preorder__field {
        margin-bottom: 18px
    }
}

.preorder .order__field {
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .preorder .order__field {
        margin-bottom: 18px
    }
}

.preorder .input-group {
    background-color: inherit;
    padding: 4px
}

.preorder .input-group .iti {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .preorder .input-group .iti {
        margin-top: 8px
    }
}

.preorder .input-wrap {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .preorder .input-wrap {
        font-size: 12px
    }
}

.preorder .input-wrap .control-label {
    margin-left: 20px
}

.preorder .input-control {
    margin-top: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    text-indent: 20px;
    padding: 0;
    height: 48px
}

@media only screen and (min-width: 768px) {
    .preorder .input-control {
        margin-top: 8px;
        font-size: 14px
    }
}

.preorder .popup__promocode {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #77176e;
    cursor: pointer
}

.preorder .popup__promocode .promocode {
    background-color: inherit !important;
    display: block
}

.preorder .popup__promocode .promocode-error {
    color: #d44300;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-left: 20px;
    margin-top: 12px
}

.preorder .popup__promocode .promocode-success__gift {
    display: none
}

.preorder .popup__promocode .promocode-success__code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.preorder .popup__promocode .promocode-success__code h4 {
    margin-left: 8px;
    font-weight: 400
}

.preorder .popup__promocode .promocode-success__code h4 .purple {
    font-weight: 700
}

.preorder .popup__promocode .promocode-success__delete {
    color: #d44300;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    margin-left: 24px;
    margin-top: 6px
}

.preorder .popup__promocode .promocode .help-block {
    margin-top: 8px
}

.preorder__btn {
    margin-top: 18px
}

@media only screen and (min-width: 768px) {
    .preorder__btn {
        margin-top: 24px
    }
}

.preorder__form {
    margin: 0 16px;
    padding: 20px 0
}

@media only screen and (min-width: 768px) {
    .preorder__form {
        margin: 0 40px;
        padding: 34px 0 30px
    }
}

.preorder__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .preorder__description {
        font-size: 16px
    }
}

.preorder__description.error {
    margin: 0 14px 20px;
    padding: 20px 0
}

@media only screen and (min-width: 1024px) {
    .preorder__description.error {
        margin: 0 20px 40px 40px;
        padding: 34px 0 30px
    }
}

.preorder-success {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 20px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .preorder-success {
        width: 416px;
        margin: 0 20px 40px 40px
    }
}

.preorder-success .title {
    padding-top: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .preorder-success .title {
        font-size: 24px;
        line-height: 36px
    }
}

.preorder-success .description {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #141414;
    text-align: center;
    padding: 0 16px
}

@media only screen and (min-width: 768px) {
    .preorder-success .description {
        padding: 0 40px
    }
}

.preorder-success .btn {
    width: 100%;
    margin-top: 40px;
    display: block
}

.profile {
    margin: 24px auto 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.profile__menu {
    margin-right: 8px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 12px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 324px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
@media only screen and (max-width: 768px) {
    .profile{
        flex-wrap: wrap;
    }

}
@media only screen and (min-width: 768px) {
    .profile__menu {
        min-width: 240px;
        padding: 12px 12px 40px;
        margin-right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .profile__menu {
        margin-right: 40px;
        padding: 60px 40px 40px;
        min-width: 324px
    }
}

.profile__menu .user__close {
    display: none
}

.profile__menu .user__close svg {
    margin: auto 0
}

.profile__menu.mobile {
    min-width: 60px;
    overflow: hidden;
    padding: 14px 10px 24px;
    margin-right: 8px
}

.profile__menu.mobile .profile__tabs-link span, .profile__menu.mobile .user__info, .profile__menu.mobile .user__name {
    display: none
}

.profile__menu.mobile.opened {
    width: auto;
    min-width: 240px;
    overflow: hidden;
    padding: 14px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.profile__menu.mobile.opened .profile__tabs-link span, .profile__menu.mobile.opened .user__name {
    display: block
}

.profile__menu.mobile.opened .user__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile__menu.mobile.opened .user__open {
    display: none
}

.profile__menu.mobile.opened .user__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile .user {
    background: #fff;
    border-radius: 12px;
    padding: 6px 0;
    max-width: 244px
}

@media only screen and (min-width: 768px) {
    .profile .user {
        padding: 16px 0 14px
    }
}

.profile .user__open {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile .user__open svg {
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .profile .user__open {
        display: none
    }
}

.profile .user__head {
    margin: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1280px) {
    .profile .user__head {
        margin: 0 16px
    }
}

@media only screen and (min-width: 768px) {
    .profile .user__head {
        margin: 0 12px
    }
}

.profile .user__image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .profile .user__image {
        margin-right: 12px;
        width: 60px;
        height: 60px
    }
}

.profile .user__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    min-width: 30px
}

@media only screen and (min-width: 768px) {
    .profile .user__image img {
        min-width: 60px
    }
}

.profile .user__name {
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    color: #141414;
    text-decoration: none;
    max-width: 140px;
    margin: auto
}

@media only screen and (min-width: 768px) {
    .profile .user__name {
        font-size: 14px
    }
}

.profile .user__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 12px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .profile .user__info {
        margin: 14px 16px 0
    }
}

.profile .user__status {
    background: rgba(233, 161, 75, .1);
    border-radius: 8px;
    text-decoration: none;
    color: #e9a14b;
    font-weight: 500;
    font-size: 10px;
    line-height: 145%;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile .user__status span {
    margin: 4px 12px
}

.profile .user__bonus {
    background: #f8f9fa;
    border-radius: 4px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px
}

.profile .user__bonus p {
    margin: 8px 14px;
    font-weight: 700;
    font-size: 8px;
    line-height: 150%
}

.profile .user__bonus span {
    color: #477707
}

.profile__tabs {
    list-style: none;
    padding: 0;
    margin: 28px 0 0
}

@media only screen and (min-width: 768px) {
    .profile__tabs {
        margin: 30px 0 0
    }
}

.profile__tabs-item {
    border-radius: 8px;
    margin-bottom: 16px
}

.profile__tabs-item:last-child {
    margin-bottom: 0;
    margin-top: 90px
}

@media only screen and (min-width: 768px) {
    .profile__tabs-item:last-child {
        margin-top: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .profile__tabs-item:last-child {
        margin-top: 114px
    }
}

.profile__tabs-item.current {
    background-color: #fff
}

.profile__tabs-item.current .profile__tabs-link {
    color: #77176e;
    font-weight: 600;
    border-radius: 10px;

}

.profile__tabs-item.current .profile__tabs-link svg {
    fill: #77176e
}

.profile__tabs-item form {
    height: 100%
}

.profile__tabs-item button {
    cursor: pointer;
    width: 100%
}

.profile__tabs-link {
    height: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background-color: inherit;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile__tabs-link {
        font-size: 16px;
        padding: 8px
    }
}

.profile__tabs-link svg {
    margin: 8px;
    fill: #141414;
    min-width: 24px
}

@media only screen and (min-width: 768px) {
    .profile__tabs-link svg {
        margin: 0 16px 0 0
    }
}

.profile__tabs-link span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profile__tabs-link .ref-count {
    padding: 4px 8px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(119, 23, 110, .08)), to(rgba(119, 23, 110, .08))), #fff;
    background: linear-gradient(0deg, rgba(119, 23, 110, .08), rgba(119, 23, 110, .08)), #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.profile-edit {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px;
    /* width: 100%; */
    /* min-width: 204px */
}

@media only screen and (min-width: 1280px) {
    .profile-edit {
        padding: 26px 40px 40px
    }
}

@media only screen and (min-width: 768px) {
    .profile-edit {
        padding: 24px
    }
}

.profile-edit .input-group {
    background: inherit;
    padding: 0;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .profile-edit .input-group {
        width: 182px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-edit .input-group {
        width: 358px;
        margin-bottom: 26px
    }
}

.profile-edit .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-left: 20px;
    color: #a5a5a5
}

.profile-edit .input-group .input-control {
    color: #000000;
    text-indent: 20px;
    height: 48px;
    padding: 0;
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    border: none;
    border-radius: 40px
}
@media only screen and (max-width: 767px){
    .profile-edit .input-group .input-control{
        font-size: 14px;
    }
}
.profile-edit .input-group .input-control::placeholder{
    color: #757575 ;
}
.profile-edit .input-group .form-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    height: 48px;
    border-radius: 40px;
    margin-top: 8px
}

.profile-edit .input-group .form-group select {
    margin: 0;
    background-color: #fff
}

.profile-edit .input-group .form-group select:disabled, .profile-edit .input-group .form-group select[disabled] {
    background-color: #f5f6f7
}

.profile-edit .input-group .form-group .select2-container {
    background-color: #fff
}

.profile-edit .input-group .form-group .select2-container--disabled {
    background-color: #f5f6f7
}

.profile-edit .input-group .suggestions-addon {
    display: none !important
}

.profile-edit__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    width: 100%;
	    text-align: center;

}



@media only screen and (min-width: 768px) {
    .profile-edit__title {
        font-size: 20px;
        margin-bottom: 24px;
        margin-top: 14px;
	    text-align: left;
        
    }
}
@media only screen and (min-width: 992px) {
    .profile-edit__title {
        font-size: 24px;
        margin-bottom: 35px;
        margin-top: 14px
    }
}

.profile-edit__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-edit__main {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) {
    .profile-edit__photo {
        margin-top: 12px;
        flex: 0 1 100%;
    }
}

.profile-edit__photo .user-photo, .profile-edit__photo .user-photo__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-edit__photo .user-photo__img {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

@media only screen and (min-width: 1280px) {
    .profile-edit__photo .user-photo__img {
        width: 60px;
        height: 60px
    }
}

.profile-edit__photo .user-photo__img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-edit__photo .user-photo__input .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 8px
}

.profile-edit__photo .user-photo__input label {
    color: #77176e;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.profile-edit__photo .user-photo__input input {
    width: 0;
    height: 0;
    display: none
}

.profile-edit__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-top: 24px; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1024px) {
    .profile-edit__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        /* margin-top: 26px */
    }
}

.profile-edit__checkbox {
    padding: 20px 18px 20px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    margin-bottom: 24px;
    cursor: pointer;
}

@media only screen and (min-width: 1280px) {
    .profile-edit__checkbox {
        width: auto;
        margin-bottom: 0
    }
}

.profile-edit__checkbox .checkmark {
    top: 18px;
    left: 0px
}

.profile-edit__checkbox .description {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #A5A5A5;
    margin-top: 10px;
    margin-left: 28px;
}

.profile-edit__checkbox .name {
    color: #141414;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-left: 28px
}

.profile-edit__btn {
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    font-size: 8px;
    padding: 12px 16px
}

@media only screen and (min-width: 768px) {
    .profile-edit__btn {
        height: 48px;
        font-size: 12px;
        padding: 15px 30px
    }
}

.profile-social {
    width: 100%;
    padding: 20px 14px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .profile-social {
        padding: 20px
    }
}

.profile-social__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px
}

.profile-social__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1280px) {
    .profile-social__group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-social__item {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 12px;
    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;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.profile-social__item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .profile-social__item {
        margin-bottom: 0;
        margin-right: 20px
    }

    .profile-social__item:last-child {
        margin-right: 0
    }
}

.profile-social__heading-name {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #555;
    margin-bottom: 2px;
    text-transform: uppercase
}

.profile-social__heading-link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #219653;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer
}

.profile-social__heading-link.binded {
    color: #d44300;
    padding: 0
}

.profile-social__icon {
    margin-right: 2px
}

.bonus-history {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px 12px;
    max-width: 756px;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .bonus-history {
        padding: 26px 40px 40px
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history {
        padding: 24px
    }
}

.bonus-history__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (min-width: 1280px) {
    .bonus-history__title {
        margin-bottom: 28px;
        margin-top: 14px
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history__title {
        font-size: 18px;
        margin-bottom: 24px
    }
}

.bonus-history .bonus-section {
    background: #fff;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 12px 12px
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-section {
        padding: 20px
    }
}

.bonus-history .bonus-section__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-section__title {
        font-size: 14px
    }
}

.bonus-history .bonus-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-blocks {
        margin-top: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .bonus-history .bonus-blocks {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.bonus-history .bonus-blocks__item {
    padding: 12px;
    width: 100%;
    background: #f8f9fa;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 12px
}

.bonus-history .bonus-blocks__item:first-child {
    background: none;
    border: 1px solid hsla(0, 0%, 89.4%, .5)
}

.bonus-history .bonus-blocks__item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-blocks__item {
        margin-bottom: 20px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .bonus-history .bonus-blocks__item {
        margin-bottom: 0;
        margin-right: 20px
    }

    .bonus-history .bonus-blocks__item:last-child {
        margin-right: 0
    }
}

.bonus-history .bonus-blocks__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #555
}

.bonus-history .bonus-blocks__description {
    margin-top: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555
}

.bonus-history .bonus-blocks__link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #59aee4;
    margin-top: 10px;
    text-decoration: none
}

.bonus-history .bonus-user__count {
    color: #555;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase
}

.bonus-history .bonus-user__count .points {
    color: #477707
}

.bonus-history .bonus-user__top .plain {
    margin-top: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #555
}

.bonus-history .bonus-user__links {
    margin-top: 8px
}

.bonus-history .bonus-user__links .link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #59aee4;
    text-decoration: none;
    margin-top: 4px;
    display: block
}

.bonus-history .bonus-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 16px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media only screen and (min-width: 1280px) {
    .bonus-history .bonus-list__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-list__row {
        margin-top: 24px;
        padding: 20px
    }
}

.bonus-history .bonus-list__row .bonus {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    max-width: 50%;
    margin-right: 30px
}

@media only screen and (min-width: 1280px) {
    .bonus-history .bonus-list__row .bonus {
        width: 80px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-list__row .bonus {
        font-size: 14px
    }
}

.bonus-history .bonus-list__row .site {
    color: #555;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    width: 60%
}

@media only screen and (min-width: 1280px) {
    .bonus-history .bonus-list__row .site {
        width: 200px
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-list__row .site {
        font-size: 14px
    }
}

.bonus-history .bonus-list__row .date {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 14px
}

@media only screen and (min-width: 1280px) {
    .bonus-history .bonus-list__row .date {
        width: 150px;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-list__row .date {
        margin-top: 16px;
        font-size: 14px
    }
}

.bonus-history .bonus-list__row .date svg {
    margin-right: 12px
}

.bonus-history .bonus-list__row .action {
    color: #555;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    width: 100%;
    margin-top: 14px
}

@media only screen and (min-width: 1280px) {
    .bonus-history .bonus-list__row .action {
        margin-top: 0;
        width: 250px
    }
}

@media only screen and (min-width: 768px) {
    .bonus-history .bonus-list__row .action {
        margin-top: 16px;
        font-size: 14px
    }
}

.bonus-history .pagination {
    margin: 20px auto
}

.search-page {
    padding: 40px 0 60px;
    background: #f8f9fa
}

.search-page__field {
    background: #fff;
    border-radius: 12px;
    max-width: 680px;
    margin: 0 auto;
    padding: 20px
}

.search-page__form {
    width: 100%;
    border: none;
    background: #f8f9fa;
    border-radius: 8px;
    height: 40px;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search-page__form input {
    border: none;
    background: none;
    width: 100%;
    height: 100%
}

.search-page .product-card__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 9px;
    padding-top: 30px
}

@media only screen and (min-width: 768px) {
    .search-page .product-card__wrap {
        padding-top: 20px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .search-page .product-card__wrap {
        padding-top: 60px
    }
}

.search-page .product-card--shop {
    width: 47.705%
}

.search-page .product-card--shop:nth-of-type(n) {
    margin-right: 4.59%;
    margin-bottom: 4.59%
}

.search-page .product-card--shop:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 4.59%
}

@media only screen and (min-width: 768px) {
    .search-page .product-card--shop {
        width: 31.23%
    }

    .search-page .product-card--shop:nth-of-type(n) {
        margin-right: 3.155%;
        margin-bottom: 3.155%
    }

    .search-page .product-card--shop:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 3.155%
    }
}

@media only screen and (min-width: 1024px) {
    .search-page .product-card--shop {
        width: 23.2945%
    }

    .search-page .product-card--shop:nth-of-type(n) {
        margin-right: 2.274%;
        margin-bottom: 2.274%
    }

    .search-page .product-card--shop:nth-of-type(4n) {
        margin-right: 0;
        margin-bottom: 2.274%
    }
}

.search-page__result-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin: 20px 0
}

@media only screen and (min-width: 768px) {
    .search-page__result-title {
        font-size: 24px
    }
}

.search-page__result-description {
    font-weight: 500;
    font-size: 10px;
    line-height: 30px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .search-page__result-description {
        font-size: 20px
    }
}

.favorite-page {
    padding: 30px 0 40px;
    background: #f8f9fa
}

@media only screen and (min-width: 768px) {
    .favorite-page {
        padding: 60px 0 40px
    }
}

@media only screen and (min-width: 1024px) {
    .favorite-page {
        padding: 60px 0
    }
}

.favorite-page__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px
}

@media only screen and (min-width: 768px) {
    .favorite-page__title {
        font-size: 24px
    }
}

.favorite-page__result {
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    .favorite-page__result {
        margin-top: 20px;
        margin-left: 27px
    }
}

@media only screen and (min-width: 1024px) {
    .favorite-page__result {
        margin-top: 30px;
        margin-left: 10px
    }
}

.favorite-page__result-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin: 20px 0
}

@media only screen and (min-width: 768px) {
    .favorite-page__result-title {
        font-size: 24px
    }
}

.favorite-page__result .btn {
    margin: 0 auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.favorite-page__result .card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.favorite-page__result .card-item__usable {
    margin-top: auto
}

.favorite-page .product-card__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.favorite-page .product-card--shop {
    width: 47.705%
}

.favorite-page .product-card--shop:nth-of-type(n) {
    margin-right: 4.59%;
    margin-bottom: 4.59%
}

.favorite-page .product-card--shop:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 4.59%
}

@media only screen and (min-width: 768px) {
    .favorite-page .product-card--shop {
        width: 31.23%
    }

    .favorite-page .product-card--shop:nth-of-type(n) {
        margin-right: 3.155%;
        margin-bottom: 3.155%
    }

    .favorite-page .product-card--shop:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 3.155%
    }
}

@media only screen and (min-width: 1024px) {
    .favorite-page .product-card--shop {
        width: 23.2945%
    }

    .favorite-page .product-card--shop:nth-of-type(n) {
        margin-right: 2.274%;
        margin-bottom: 2.274%
    }

    .favorite-page .product-card--shop:nth-of-type(4n) {
        margin-right: 0;
        margin-bottom: 2.274%
    }
}

.profile-orders {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px 12px;
    max-width: 756px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-orders {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders {
        padding: 40px
    }
}

.profile-orders__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .profile-orders__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__title {
        margin-bottom: 28px
    }
}

.profile-orders__item {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders__item {
        margin-top: 24px
    }
}

.profile-orders__item .item {
    background-color: #fff;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.profile-orders__item .item:after {
    display: none
}

@media only screen and (min-width: 768px) {
    .profile-orders__item .item {
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 14px 34px
    }
}

.profile-orders__item .item .hidden {
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
    overflow: hidden;
    max-height: 40px
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item.active {
        padding: 34px 34px 28px
    }
}

.profile-orders__item .item.active .hidden {
    max-height: 0;
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
    overflow: hidden;
    margin-bottom: 0
}

.profile-orders__item .item.active .item__number {
    margin-bottom: 0
}

.profile-orders__item .item__number {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555;
    margin-bottom: 6px
}

@media only screen and (min-width: 768px) {
    .profile-orders__item .item__number {
        font-size: 14px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item__number {
        margin-right: 30px;
        width: 75px
    }
}

.profile-orders__item .item__date {
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #a5a5a5;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__item .item__date {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item__date {
        width: 110px;
        margin-right: 30px
    }
}

.profile-orders__item .item__summary {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__item .item__summary {
        font-size: 16px;
        margin-bottom: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item__summary {
        font-size: 14px;
        width: 188px
    }
}

.profile-orders__item .item__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item__images {
        margin-left: auto
    }
}

.profile-orders__item .item__image {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.profile-orders__item .item__image:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .profile-orders__item .item__image {
        margin-right: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item__image {
        margin-right: 20px
    }
}

.profile-orders__item .item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-orders__item .item__image-count {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.profile-orders__item .item__image-count span {
    font-weight: 700
}

.profile-orders__item .item__mark {
    position: absolute;
    right: 12px;
    top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders__item .item__mark {
        right: 20px;
        top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__item .item__mark {
        position: static;
        margin-left: 40px
    }
}

.profile-orders .order {
    padding: 0 12px
}

@media only screen and (min-width: 768px) {
    .profile-orders .order {
        padding: 0 20px
    }
}

.profile-orders .order-item {
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-item {
        padding: 20px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-bottom: 20px
    }
}

.profile-orders .order-item__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 1024px) {
    .profile-orders .order-item__about {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-orders .order-item__img {
    width: 40px;
    height: 40px;
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 12px 0 0;
    min-width: 40px
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-item__img {
        width: 60px;
        height: 60px;
        margin: 0 28px 0 0;
        min-width: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-item__img {
        width: 56px;
        height: 56px;
        margin: 0 14px 0 0;
        min-width: 56px
    }
}

.profile-orders .order-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    border-radius: 12px
}

.profile-orders .order-item__name {
    max-width: 350px
}

.profile-orders .order-item__name-display-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 4px
}

@media only screen and (min-width: 1024px) {
    .profile-orders .order-item__name-display-title {
        font-size: 16px
    }
}

.profile-orders .order-item__name-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8693a2;
    margin-bottom: 8px
}

.profile-orders .order-item__summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6px
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-item__summary {
        margin-left: auto;
        margin-top: 0
    }
}

.profile-orders .order-item__summary-flex {
    margin-left: 52px
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-item__summary-flex {
        margin-left: 88px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-item__summary-flex {
        margin-left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-orders .order-item__bonus {
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #477707;
    margin-bottom: 6px
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-item__bonus {
        font-size: 16px;
        margin-right: 25px;
        margin-bottom: 0
    }
}

.profile-orders .order-item__count {
    background: #fff;
    border-radius: 12px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #77176e;
    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;
    margin: 0 17px 0 5px
}

.profile-orders .order-item__count.desc {
    display: none
}

.profile-orders .order-item__count.mob {
    position: absolute;
    top: 60px
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-item__count.mob {
        top: 76px
    }
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-item__count {
        margin: 10px 36px 0 8px;
        width: 44px;
        height: 44px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-item__count {
        margin: 0 25px 0 0
    }

    .profile-orders .order-item__count.desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .profile-orders .order-item__count.mob {
        display: none
    }
}

[dir=ltr] .profile-orders .order-item__price {
    text-align: right
}

[dir=rtl] .profile-orders .order-item__price {
    text-align: left
}

.profile-orders .order-item__price {
    color: #77176e;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    min-width: 74px
}

.profile-orders .order-item__price.gift {
    font-size: 14px;
    line-height: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0
}

.profile-orders .order-item__price.gift .prev {
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    display: block;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    letter-spacing: .05em
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-item__price.gift .prev {
        font-size: 10px
    }
}

.profile-orders .order-item__price.gift .curr {
    margin-right: 8px
}

@media only screen and (min-width: 1024px) {
    .profile-orders .order-item__price.gift .curr {
        margin-right: 12px
    }
}

.profile-orders .order-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-info {
        padding: 30px 14px 34px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-orders .order-info .about-item {
    margin-bottom: 16px
}

.profile-orders .order-info .about-item:last-child {
    margin-bottom: 0
}

.profile-orders .order-info .about-item__title {
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8693a2
}

.profile-orders .order-info .about-item__description {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #555
}

.profile-orders .order-info .about-item.payment-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .about-item.payment-status {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-info .about-item.payment-status {
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

.profile-orders .order-info .about-item.payment-status .btn {
    padding: 0;
    background: none;
    border: 1px solid #8d4086;
    width: 100%;
    height: 36px;
    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;
    font-weight: 700;
    font-size: 10px;
    line-height: 145%;
    text-transform: uppercase;
    color: #8d4086;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .about-item.payment-status .btn {
        margin-top: 0;
        width: 136px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-info .about-item.payment-status .btn {
        margin-left: 64px
    }
}

.profile-orders .order-info .summary {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 12px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 20px 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .summary {
        margin: 28px 0 20px;
        padding: 24px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-info .summary {
        margin: 0;
        min-width: 320px
    }
}

.profile-orders .order-info .summary-item {
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .summary-item {
        margin-bottom: 16px
    }
}

.profile-orders .order-info .summary-item:last-child {
    margin-bottom: 0
}

.profile-orders .order-info .summary-item__title {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .summary-item__title {
        font-size: 16px
    }
}

.profile-orders .order-info .summary-item__title span {
    font-weight: 600
}

.profile-orders .order-info .summary-edit {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .summary-edit {
        margin-top: 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-orders .order-info .summary-edit .edit {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #59aee4;
    margin-bottom: 12px
}

.profile-orders .order-info .summary-edit .edit:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .summary-edit .edit {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-info .summary-edit .edit {
        font-size: 10px
    }
}

.profile-orders .order-info .summary-edit .cancel, .profile-orders .order-info .summary-edit .cancel button {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #f63933;
    text-decoration: none;
    border: none;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .profile-orders .order-info .summary-edit .cancel, .profile-orders .order-info .summary-edit .cancel button {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders .order-info .summary-edit .cancel, .profile-orders .order-info .summary-edit .cancel button {
        font-size: 10px
    }
}

.profile-orders .pagination {
    margin-bottom: 0;
    margin-top: 20px
}

.profile-orders__popup {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-row-gap: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 327px;
    margin: 0 24px 30px;
    background-color: #f8f9fa;
    padding: 12px;
    border-radius: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup {
        padding: 24px;
        border-radius: 12px;
        margin: 0 20px 40px;
        width: 628px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup {
        width: 882px;
        margin: 0 20px 40px 40px;
        padding: 40px;
        grid-row-gap: 24px
    }
}

.profile-orders__popup .history-no-items {
    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;
    padding: 68px 0
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .history-no-items {
        padding: 36px 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .history-no-items {
        padding: 24px 0
    }
}

.profile-orders__popup .history-no-items > p {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    padding: 0 12px;
    margin-bottom: 24px;
    color: #414141
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .history-no-items > p {
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 32px;
        padding: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .history-no-items > p {
        font-size: 20px;
        line-height: 26px
    }
}

.profile-orders__popup .history-no-items > a {
    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: 279px;
    height: 42px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    background-color: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    border-radius: 24px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .history-no-items > a {
        width: 180px;
        height: 48px;
        font-size: 12px
    }
}

.profile-orders__popup .order-item {
    background-color: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    padding: 12px;
    border-radius: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item {
        padding: 20px;
        border-radius: 12px
    }
}

.profile-orders__popup .order-item__head {
    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-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head {
        -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
    }
}

.profile-orders__popup .order-item__head:hover {
    cursor: pointer
}

.profile-orders__popup .order-item__head .order-head-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head .order-head-text {
        -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;
        width: 213px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__head .order-head-text {
        width: 421px
    }
}

.profile-orders__popup .order-item__head .order-head-text .order-number {
    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: 12px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head .order-head-text .order-number {
        font-weight: 500;
        font-size: 14px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__head .order-head-text .order-number {
        width: 70px;
        margin-right: 0
    }
}

.profile-orders__popup .order-item__head .order-head-text .order-number__link {
    display: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #59aee4;
    text-decoration: none;
    margin-right: 28px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head .order-head-text .order-number__link {
        margin-right: 45px
    }
}

.profile-orders__popup .order-item__head .order-head-text .order-date {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #a5a5a5;
    margin-top: 6px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head .order-head-text .order-date {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__head .order-head-text .order-date {
        width: 109px;
        margin: 0 30px
    }
}

.profile-orders__popup .order-item__head .order-head-text .order-summary {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #555;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head .order-head-text .order-summary {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__head .order-head-text .order-summary {
        margin-top: 0;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: 182px
    }
}

.profile-orders__popup .order-item__head .order-head-text .order-summary > .purple {
    font-weight: 700
}

.profile-orders__popup .order-item__head .order-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 12px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head .order-products {
        margin-right: 50px;
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        margin-top: 0
    }
}

.profile-orders__popup .order-item__head .order-products__image {
    width: 40px;
    height: 40px
}

.profile-orders__popup .order-item__head .order-products__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-orders__popup .order-item__head .order-products__image-count {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #555
}

.profile-orders__popup .order-item__head .order-products__image-count > .purple {
    font-weight: 700
}

.profile-orders__popup .order-item__head svg {
    display: block;
    position: absolute;
    top: 5px;
    right: 0
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head svg {
        top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__head svg {
        top: 13px
    }
}

.profile-orders__popup .order-item__head.active {
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head.active {
        margin-bottom: 24px
    }
}

.profile-orders__popup .order-item__head.active .order-number__link {
    display: block
}

.profile-orders__popup .order-item__head.active .order-date, .profile-orders__popup .order-item__head.active .order-products, .profile-orders__popup .order-item__head.active .order-summary {
    display: none
}

.profile-orders__popup .order-item__head.active .order-head-text {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__head.active .order-head-text {
        margin-top: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__head.active .order-head-text {
        margin-top: 10px
    }
}

.profile-orders__popup .order-item__head.active .order-head-text .order-number {
    margin: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profile-orders__popup .order-item__content {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-row-gap: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.profile-orders__popup .order-item__content .item-product {
    display: grid;
    grid-template-columns:64px minmax(0, 1fr);
    grid-column-gap: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product {
        padding: 12px 16px 12px 10px;
        grid-template-columns:56px 233px 88px minmax(0, 1fr);
        grid-column-gap: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__content .item-product {
        padding: 10px 29px 10px 10px;
        grid-template-columns:56px 277px minmax(0, 1fr) 84px minmax(0, 1fr)
    }
}

.profile-orders__popup .order-item__content .item-product__image {
    width: 64px;
    height: 64px;
    padding: 10px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__image {
        width: 56px;
        height: 56px;
        padding: 8px;
        border-radius: 8px;
        grid-row: 1/span 2
    }
}

.profile-orders__popup .order-item__content .item-product__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-orders__popup .order-item__content .item-product__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__name {
        margin-left: 14px;
        grid-row: 1/span 2
    }
}

.profile-orders__popup .order-item__content .item-product__name .short-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__name .short-name {
        font-size: 16px
    }
}

.profile-orders__popup .order-item__content .item-product__name .full-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #8693a2
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__name .full-name {
        line-height: 16px;
        font-size: 10px
    }
}

.profile-orders__popup .order-item__content .item-product__bonus {
    grid-column: 2;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #477707
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__bonus {
        grid-column: 4;
        grid-row: 2;
        margin-top: -5px;
        margin-left: auto;
        line-height: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__content .item-product__bonus {
        grid-row: 1/span 2;
        grid-column: 3;
        margin-top: 0
    }
}

.profile-orders__popup .order-item__content .item-product__count {
    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: 64px;
    height: 54px;
    background-color: #fff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__count {
        width: 44px;
        height: 44px;
        font-size: 12px;
        grid-column: 3;
        grid-row: 1/span 2;
        margin-top: 0;
        margin-left: 44px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__content .item-product__count {
        margin-left: 40px;
        grid-column: 4
    }
}

.profile-orders__popup .order-item__content .item-product__price {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__price {
        grid-row: 1;
        grid-column: 4;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__content .item-product__price {
        grid-column: 5;
        grid-row: 1/span 2
    }
}

.profile-orders__popup .order-item__content .item-product__price .prev {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .05em;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #555
}

.profile-orders__popup .order-item__content .item-product__price .curr {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #77176e
}

.profile-orders__popup .order-item__content .item-product__price .gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #e9a14b
}

.profile-orders__popup .order-item__content .item-product__price .gift .curr {
    margin-left: 12px
}

.profile-orders__popup .order-item__content .item-product__price .gift svg {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__price.full-col {
        grid-row: 1/span 2
    }
}

.profile-orders__popup .order-item__content .item-product__exchange-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #59aee4;
    text-decoration: none;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .item-product__exchange-link {
        margin-top: 0;
        grid-column: 4;
        grid-row: 1/span 2
    }
}

.profile-orders__popup .order-item__content .order-total {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-row-gap: 20px;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .order-total {
        margin-top: 14px;
        grid-template-columns:minmax(0, 1fr) 263px;
        grid-column-gap: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup .order-item__content .order-total {
        grid-template-columns:minmax(0, 1fr) 320px
    }
}

.profile-orders__popup .order-item__content .order-total .total-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 16px;
    row-gap: 16px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .order-total .total-left {
        padding-left: 14px
    }
}

.profile-orders__popup .order-item__content .order-total .total-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 12px;
    row-gap: 12px;
    padding: 16px;
    background-color: #f8f9fa;
    border-radius: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item__content .order-total .total-right {
        padding: 24px 20px;
        grid-row-gap: 16px;
        row-gap: 16px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.profile-orders__popup .order-item__content .order-total .total-right .order-total-summary {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #555
}

.profile-orders__popup .order-item__content .order-total .total-right .order-total-summary span {
    font-weight: 700
}

.profile-orders__popup .order-item__content .order-total__item .total-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8693a2;
    margin-bottom: 6px
}

.profile-orders__popup .order-item__content .order-total__item .total-value {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #555
}

.profile-orders__popup .order-item.exchange {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 8px;
    row-gap: 8px
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup .order-item.exchange {
        -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
    }
}

.profile-orders__popup .order-item.exchange .exchange__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #555
}

.profile-orders__popup .order-item.exchange .exchange__link {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #59aee4;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup.exchange .item-product {
        grid-template-columns:56px 179px minmax(0, 1fr) 112px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-orders__popup.exchange .item-product {
        grid-template-columns:56px 277px minmax(0, 1fr) 112px
    }
}

.profile-orders__popup.exchange .item-product__price {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup.exchange .item-product__price {
        grid-column: 3;
        grid-row: 1/span 2;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 768px) {
    .profile-orders__popup.exchange .item-product__bonus {
        display: none
    }
}

.kenwood-profile {
    max-width: 836px;
    width: 100%
}

.kenwood-profile .bonus-section {
    background: #f8f9fa;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 12px 12px
}

@media only screen and (min-width: 768px) {
    .kenwood-profile .bonus-section {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-profile .bonus-section {
        padding: 40px
    }
}

.kenwood-profile .bonus-section__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .kenwood-profile .bonus-section__title {
        font-size: 18px
    }
}

.kenwood-profile .bonus-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 16px;
    background: #fff;
    border-radius: 12px;
    padding: 16px 12px 12px
}

@media only screen and (min-width: 768px) {
    .kenwood-profile .bonus-blocks {
        margin-top: 24px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-profile .bonus-blocks {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-top: 28px
    }
}

.kenwood-profile .bonus-blocks__item {
    padding: 12px;
    width: 100%;
    background: #f8f9fa;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.kenwood-profile .bonus-blocks__item:first-child {
    background: none;
    border: 1px solid hsla(0, 0%, 89.4%, .5)
}

.kenwood-profile .bonus-blocks__item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .kenwood-profile .bonus-blocks__item {
        margin-bottom: 0;
        margin-right: 20px
    }

    .kenwood-profile .bonus-blocks__item:last-child {
        margin-right: 0
    }
}

.kenwood-profile .bonus-blocks__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #555
}

.kenwood-profile .bonus-blocks__description {
    margin-top: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .kenwood-profile .bonus-blocks__description {
        margin-top: 4px
    }
}

.kenwood-profile .bonus-blocks__link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #59aee4;
    margin-top: 4px;
    text-decoration: none
}

@media only screen and (min-width: 1280px) {
    .kenwood-profile .bonus-blocks__link {
        margin-top: 10px
    }
}

.kenwood-profile .bonus-user__count {
    color: #555;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%
}

.kenwood-profile .bonus-user__count .points {
    color: #477707
}

.kenwood-profile .bonus-user__top .plain {
    margin-top: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #555
}

.kenwood-profile .bonus-user__links {
    margin-top: 8px
}

.kenwood-profile .bonus-user__links .link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #59aee4;
    text-decoration: none;
    margin-top: 4px;
    display: block
}

.machines-list {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px 12px;
    margin-top: 28px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 836px
}

@media only screen and (min-width: 768px) {
    .machines-list {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .machines-list {
        padding: 40px 40px 0
    }
}

.machines-list__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px
}

.machines-list__slider {
    margin-top: 24px
}

@media only screen and (min-width: 1280px) {
    .machines-list__slider {
        margin-top: 28px
    }
}

.machines-list__pagination {
    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;
    position: relative;
    top: 0;
    margin: 16px 0
}

.machines-list__pagination .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px
}

.machines-list__pagination .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.machines-list .machine-card {
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 390px;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1280px) {
    .machines-list .machine-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        padding: 24px 16px
    }
}

.machines-list .machine-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 206px
}

.machines-list .machine-card__top .btn {
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    color: #77176e;
    text-align: center;
    font-size: 8px;
    line-height: 150%;
    padding: 12px 40px;
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .machines-list .machine-card__top .btn {
        margin-top: 0
    }
}

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

.machines-list .machine-card__img {
    min-width: 60px;
    height: 60px;
    width: 60px;
    margin-right: 12px
}

.machines-list .machine-card__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.machines-list .machine-card__title {
    font-size: 10px;
    line-height: 145%;
    color: #071a33;
    margin-bottom: 4px;
    font-weight: 400
}

.machines-list .machine-card__display-title {
    font-weight: 600;
    font-size: 10px;
    line-height: 145%;
    color: #071a33
}

.machines-list .machine-card__about {
    margin-top: 18px
}

@media only screen and (min-width: 1280px) {
    .machines-list .machine-card__about {
        margin-top: 0;
        margin-left: 28px
    }
}

.machines-list .machine-card__about-item {
    margin-bottom: 8px
}

.machines-list .machine-card__about-item :last-child {
    margin-bottom: 0
}

.machines-list .machine-card__about-item__title {
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 145%;
    color: #a5a5a5;
    font-weight: 400
}

.machines-list .machine-card__about-item__caption {
    font-weight: 600;
    font-size: 10px;
    line-height: 145%;
    color: #555
}

.machine-confirm, .machine-register {
    background: #f8f9fa;
    border-radius: 12px;
    margin-top: 18px;
    padding: 16px 12px;
    max-width: 836px
}

@media only screen and (min-width: 768px) {
    .machine-confirm, .machine-register {
        padding: 24px;
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm, .machine-register {
        padding: 40px
    }
}

.machine-confirm__title, .machine-register__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%
}

@media only screen and (min-width: 768px) {
    .machine-confirm__title, .machine-register__title {
        font-size: 18px
    }
}

.machine-confirm__subtitle, .machine-register__subtitle {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #555;
    margin-top: 6px
}

@media only screen and (min-width: 768px) {
    .machine-confirm__subtitle, .machine-register__subtitle {
        margin-top: 16px;
        font-size: 14px
    }
}

.machine-confirm .select-product, .machine-register .select-product {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product, .machine-register .select-product {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .select-product, .machine-register .select-product {
        margin-top: 40px
    }
}

.machine-confirm .select-product__title, .machine-register .select-product__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__title, .machine-register .select-product__title {
        font-size: 16px
    }
}

.machine-confirm .select-product__title span, .machine-register .select-product__title span {
    font-weight: 700
}

.machine-confirm .select-product__tabs, .machine-register .select-product__tabs {
    margin-top: 12px;
    border-radius: 27px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__tabs, .machine-register .select-product__tabs {
        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;
        padding: 6px;
        background: #fff;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .select-product__tabs, .machine-register .select-product__tabs {
        margin-top: 24px
    }
}

.machine-confirm .select-product__tabs .tab-item, .machine-register .select-product__tabs .tab-item {
    height: 36px;
    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;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    cursor: pointer;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 40px
}

.machine-confirm .select-product__tabs .tab-item:last-child, .machine-register .select-product__tabs .tab-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__tabs .tab-item, .machine-register .select-product__tabs .tab-item {
        height: 42px;
        width: calc(50% - 8px);
        font-size: 12px;
        margin-bottom: 0;
        border-radius: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .select-product__tabs .tab-item, .machine-register .select-product__tabs .tab-item {
        width: calc(50% - 4px)
    }
}

.machine-confirm .select-product__tabs .tab-item.active, .machine-register .select-product__tabs .tab-item.active {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    color: #fff
}

.machine-confirm .select-product__pane, .machine-register .select-product__pane {
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__pane, .machine-register .select-product__pane {
        margin-top: 24px
    }
}

.machine-confirm .select-product__pane .tab-pane .search-block, .machine-register .select-product__pane .tab-pane .search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -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-radius: 12px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__pane .tab-pane .search-block, .machine-register .select-product__pane .tab-pane .search-block {
        padding: 20px
    }
}

.machine-confirm .select-product__pane .tab-pane .search-block svg, .machine-register .select-product__pane .tab-pane .search-block svg {
    width: 16px;
    height: 16px
}

.machine-confirm .select-product__pane .tab-pane .search-block [data-clear], .machine-register .select-product__pane .tab-pane .search-block [data-clear] {
    display: none;
    cursor: pointer;
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__pane .tab-pane .search-block [data-clear], .machine-register .select-product__pane .tab-pane .search-block [data-clear] {
        width: 16px;
        height: 16px
    }
}

.machine-confirm .select-product__pane .tab-pane .search-input, .machine-register .select-product__pane .tab-pane .search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.machine-confirm .select-product__pane .tab-pane .search-input input, .machine-register .select-product__pane .tab-pane .search-input input {
    margin-left: 12px;
    height: 18px;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #555;
    padding: 0;
    border: none;
    width: 100%
}

.machine-confirm .select-product__pane .tab-pane .slider-block, .machine-register .select-product__pane .tab-pane .slider-block {
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product__pane .tab-pane .slider-block, .machine-register .select-product__pane .tab-pane .slider-block {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .select-product__pane .tab-pane .slider-block, .machine-register .select-product__pane .tab-pane .slider-block {
        margin-top: 24px
    }
}

.machine-confirm .select-product__pane .tab-pane .slider-navigation, .machine-register .select-product__pane .tab-pane .slider-navigation {
    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;
    width: 100%
}

.machine-confirm .select-product__pane .tab-pane .slider-navigation .swiper-button-next, .machine-confirm .select-product__pane .tab-pane .slider-navigation .swiper-button-prev, .machine-confirm .select-product__pane .tab-pane .slider-navigation .swiper-pagination, .machine-register .select-product__pane .tab-pane .slider-navigation .swiper-button-next, .machine-register .select-product__pane .tab-pane .slider-navigation .swiper-button-prev, .machine-register .select-product__pane .tab-pane .slider-navigation .swiper-pagination {
    position: static;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.machine-confirm .select-product__pane .tab-pane .slider-navigation .swiper-pagination, .machine-register .select-product__pane .tab-pane .slider-navigation .swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.machine-confirm .select-product__pane .tab-pane .slider-navigation .swiper-pagination-bullet, .machine-register .select-product__pane .tab-pane .slider-navigation .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #e4e4e4;
    margin: 0 4px;
    opacity: 1
}

.machine-confirm .select-product__pane .tab-pane .slider-navigation .swiper-pagination-bullet-active, .machine-register .select-product__pane .tab-pane .slider-navigation .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #77176e
}

.machine-confirm .select-product .product-item, .machine-register .select-product .product-item {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    width: 100%;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product .product-item, .machine-register .select-product .product-item {
        padding: 16px
    }
}

.machine-confirm .select-product .product-item input, .machine-register .select-product .product-item input {
    display: none
}

.machine-confirm .select-product .product-item__img, .machine-register .select-product .product-item__img {
    width: 88px;
    height: 88px;
    min-width: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .select-product .product-item__img, .machine-register .select-product .product-item__img {
        width: 100px;
        height: 100px
    }
}

.machine-confirm .select-product .product-item__img img, .machine-register .select-product .product-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.machine-confirm .select-product .product-item__displayName, .machine-register .select-product .product-item__displayName {
    color: #141414;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product .product-item__displayName, .machine-register .select-product .product-item__displayName {
        margin-top: 12px;
        font-size: 14px;
        line-height: 20px
    }
}

.machine-confirm .select-product .product-item__title, .machine-register .select-product .product-item__title {
    margin-top: 4px;
    font-weight: 500;
    color: #8693a2;
    font-size: 12px;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .select-product .product-item__title, .machine-register .select-product .product-item__title {
        line-height: 16px
    }
}

.machine-confirm .product-info, .machine-register .product-info {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .product-info, .machine-register .product-info {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .product-info, .machine-register .product-info {
        margin-top: 40px
    }
}

.machine-confirm .product-info__title, .machine-register .product-info__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .machine-confirm .product-info__title, .machine-register .product-info__title {
        font-size: 16px
    }
}

.machine-confirm .product-info__title span, .machine-register .product-info__title span {
    font-weight: 700
}

.machine-confirm .product-info__inputs, .machine-register .product-info__inputs {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .product-info__inputs, .machine-register .product-info__inputs {
        margin-top: 28px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.machine-confirm .product-info__inputs label, .machine-register .product-info__inputs label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 20px
}

.machine-confirm .product-info__inputs .input-group, .machine-register .product-info__inputs .input-group {
    background: none;
    padding: 0
}

.machine-confirm .product-info__inputs .input-control, .machine-register .product-info__inputs .input-control {
    padding: 0;
    height: 48px;
    margin-top: 8px;
    text-indent: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.machine-confirm .product-info__inputs .serial-number, .machine-register .product-info__inputs .serial-number {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .machine-confirm .product-info__inputs .serial-number, .machine-register .product-info__inputs .serial-number {
        margin-bottom: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .product-info__inputs .serial-number, .machine-register .product-info__inputs .serial-number {
        width: 50%;
        margin-bottom: 0;
        margin-right: 40px
    }
}

.machine-confirm .product-info__inputs .serial-number__caption, .machine-register .product-info__inputs .serial-number__caption {
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    margin-left: 20px;
    margin-top: 18px;
    color: #555
}

.machine-confirm .product-info__inputs .serial-number__link, .machine-register .product-info__inputs .serial-number__link {
    color: #59aee4
}

@media only screen and (min-width: 1280px) {
    .machine-confirm .product-info__inputs-column, .machine-register .product-info__inputs-column {
        width: 50%
    }
}

.machine-confirm .product-info__inputs .date-field, .machine-register .product-info__inputs .date-field {
    margin-bottom: 26px
}

.machine-confirm .btn, .machine-register .btn {
    margin-left: auto;
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.machine-confirm .btn {
    margin-left: 0
}

.serial-code-modal {
    padding: 20px 0;
    width: 95vw
}

@media only screen and (min-width: 768px) {
    .serial-code-modal {
        padding: 0 0 40px 20px;
        width: auto
    }
}

.serial-code-modal .caption {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    width: 95%
}

.serial-code-modal .serial-code-img {
    margin: 20px auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.serial-code-modal .btn {
    margin: 0 auto;
    display: block
}

@media only screen and (min-width: 1024px) {
    .serial-code-modal .btn {
        margin: 40px auto 0
    }
}

.kenwood-academy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: auto;
    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
}

.kenwood-academy .machine-confirm, .kenwood-academy .machine-register {
    margin: 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 300px
}

@media only screen and (min-width: 768px) {
    .kenwood-academy .machine-confirm, .kenwood-academy .machine-register {
        max-width: 428px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-academy .machine-confirm, .kenwood-academy .machine-register {
        max-width: 836px
    }
}

.profile-referral {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .profile-referral {
        max-width: 836px
    }
}

.profile-referral__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    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
}

@media only screen and (min-width: 768px) {
    .profile-referral__title {
        font-size: 18px;
        line-height: 30px
    }
}

.profile-referral__title .link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #77176e;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .profile-referral__title .link {
        font-size: 12px
    }
}

.profile-referral .about, .profile-referral .promocodes, .profile-referral .score {
    width: 100%;
    background: #f8f9fa;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 16px 12px
}

@media only screen and (min-width: 768px) {
    .profile-referral .about, .profile-referral .promocodes, .profile-referral .score {
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about, .profile-referral .promocodes, .profile-referral .score {
        padding: 40px;
        margin-bottom: 28px
    }
}

.profile-referral .score .balance {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance {
        margin-top: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-referral .score .balance .current {
    padding: 12px;
    background: #8d4086;
    border-radius: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance .current {
        padding: 16px 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance .current {
        padding: 24px 20px
    }
}

.profile-referral .score .balance .withdrawn {
    padding: 12px;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance .withdrawn {
        padding: 24px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance .withdrawn {
        margin-top: 0;
        max-width: calc(50% - 6px);
        margin-left: 12px
    }
}

.profile-referral .score .balance .withdrawn .info .count {
    color: #8d4086
}

.profile-referral .score .balance .withdrawn .info .caption {
    color: #141414
}

.profile-referral .score .balance svg {
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance svg {
        width: 48px;
        height: 48px
    }
}

.profile-referral .score .balance .info {
    margin-left: 16px;
    max-width: calc(100% - 56px)
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance .info {
        margin-left: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance .info {
        margin-left: 20px
    }
}

.profile-referral .score .balance .info .count {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance .info .count {
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance .info .count {
        font-size: 24px;
        line-height: 30px
    }
}

.profile-referral .score .balance .info .caption {
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    margin-top: 2px
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance .info .caption {
        line-height: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance .info .caption {
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral .score .balance .btn {
    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;
    font-weight: 700;
    font-size: 10px;
    line-height: 145%;
    text-transform: uppercase;
    color: #8d4086;
    margin-left: auto;
    width: 100%;
    height: 36px;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .balance .btn {
        width: 94px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .balance .btn {
        width: 118px
    }
}

.profile-referral .score .explanation {
    margin-top: 10px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .explanation {
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .explanation {
        margin-top: 12px;
        padding: 16px 18px 16px 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-referral .score .explanation svg {
    width: 16px;
    height: 16px;
    min-width: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .score .explanation svg {
        width: 18px;
        height: 18px;
        min-width: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .explanation svg {
        width: 24px;
        height: 24px;
        min-width: 24px
    }
}

.profile-referral .score .explanation .text {
    margin-left: 12px;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #141414
}

@media only screen and (min-width: 1280px) {
    .profile-referral .score .explanation .text {
        margin-left: 16px;
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral .promocodes .codes {
    margin-top: 10px
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes {
        margin-top: 28px
    }
}

.profile-referral .promocodes .codes .item {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 12px;
    padding: 16px 12px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item {
        padding: 24px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item {
        margin-bottom: 12px
    }
}

.profile-referral .promocodes .codes .item:last-child {
    margin-bottom: 0
}

.profile-referral .promocodes .codes .item .name {
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #00183d
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .name {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .name {
        font-size: 16px;
        line-height: 24px
    }
}

.profile-referral .promocodes .codes .item .caption {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #00183d
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .caption {
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral .promocodes .codes .item .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 0 0
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .product {
        margin: 16px 0 0
    }
}

.profile-referral .promocodes .codes .item .product .img {
    width: 48px;
    height: 48px;
    min-width: 48px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .product .img {
        width: 60px;
        height: 60px;
        min-width: 60px
    }
}

.profile-referral .promocodes .codes .item .product .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-referral .promocodes .codes .item .product .name {
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    color: #141414;
    max-width: 248px;
    margin-left: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .product .name {
        margin-left: 20px;
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral .promocodes .codes .item .btn {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    height: 36px;
    font-size: 10px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .btn {
        margin-top: 24px;
        width: 184px;
        height: 42px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .btn {
        margin-top: 20px;
        width: 246px;
        height: 48px;
        font-size: 12px
    }
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .current-code {
        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
    }
}

.profile-referral .promocodes .codes .item .current-code .code {
    width: 100%;
    height: 58px;
    background: url(/html/css/../img/main/profile-promocode.png);
    background-size: 100% 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 12px;
    cursor: pointer;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .current-code .code {
        margin-top: 24px;
        width: 134px;
        height: 64px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .current-code .code {
        margin-top: 20px;
        width: 182px;
        height: 70px
    }
}

.profile-referral .promocodes .codes .item .current-code .code:hover ~ .copy-info {
    display: block
}

.profile-referral .promocodes .codes .item .current-code .code .dop-info {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    cursor: default;
    display: none
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .current-code .code .dop-info {
        bottom: calc(100% + 8px)
    }
}

.profile-referral .promocodes .codes .item .current-code .code .dop-info svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 6px
}

.profile-referral .promocodes .codes .item .current-code .code .caption {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #141414;
    margin-top: 0
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .current-code .code .caption {
        font-size: 11px
    }
}

.profile-referral .promocodes .codes .item .current-code .code .name {
    margin-top: 3px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #141414
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .current-code .code .name {
        margin-top: 6px;
        font-size: 16px
    }
}

.profile-referral .promocodes .codes .item .current-code .btn {
    width: 100%;
    height: 36px;
    margin-top: 16px;
    position: relative
}

.profile-referral .promocodes .codes .item .current-code .btn .dop-info {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    cursor: default;
    display: none;
    text-transform: none;
    letter-spacing: normal
}

.profile-referral .promocodes .codes .item .current-code .btn .dop-info svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 6px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes .item .current-code .btn {
        width: 184px;
        height: 42px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .current-code .btn {
        width: 260px;
        height: 48px
    }
}

.profile-referral .promocodes .codes .item .current-code .btn svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    margin-right: 4px
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes .item .current-code .btn svg {
        width: 16px;
        height: 16px;
        min-width: 16px;
        margin-right: 8px
    }
}

.profile-referral .promocodes .codes-about {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes-about {
        margin-top: 20px
    }
}

.profile-referral .promocodes .codes-about__header {
    padding: 20px 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.profile-referral .promocodes .codes-about__header .head-item {
    margin-top: 16px
}

.profile-referral .promocodes .codes-about__header .head-item:first-child {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__header .head-item {
        margin-top: 0
    }

    .profile-referral .promocodes .codes-about__header .head-item:nth-child(odd) {
        min-width: 196px
    }

    .profile-referral .promocodes .codes-about__header .head-item:nth-child(n+3) {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes-about__header .head-item:nth-child(n+3) {
        margin-top: 0
    }

    .profile-referral .promocodes .codes-about__header .head-item:nth-child(odd) {
        min-width: inherit
    }
}

.profile-referral .promocodes .codes-about__header .head-item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #a5a5a5;
    position: relative
}

.profile-referral .promocodes .codes-about__header .head-item .name svg {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-left: 6px;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes-about__header .head-item .name svg {
        width: 12px;
        min-width: 12px;
        height: 12px;
        margin-left: 4px
    }
}

.profile-referral .promocodes .codes-about__header .head-item .name svg:hover ~ .dop-info {
    display: block
}

.profile-referral .promocodes .codes-about__header .head-item .name .dop-info {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    top: 24px;
    left: -10px;
    width: 231px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    z-index: 1;
    display: none
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__header .head-item .name .dop-info {
        left: 56px;
        width: 241px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral .promocodes .codes-about__header .head-item .name .dop-info {
        top: 18px;
        right: 0;
        left: auto
    }
}

.profile-referral .promocodes .codes-about__header .head-item .caption {
    margin-top: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39485b
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__header .head-item .caption {
        margin-top: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes-about__header .head-item .caption {
        margin-top: 12px
    }
}

.profile-referral .promocodes .codes-about__header .head-item .caption.bold {
    font-weight: 700
}

.profile-referral .promocodes .codes-about__header .head-item .caption.purple {
    color: #8d4086
}

.profile-referral .promocodes .codes-about__body {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__body {
        margin-top: 20px
    }
}

.profile-referral .promocodes .codes-about__body .info-name {
    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;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    color: #8d4086;
    cursor: pointer;
    margin-right: 4px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__body .info-name {
        font-size: 12px;
        line-height: 16px
    }
}

.profile-referral .promocodes .codes-about__body .info-name svg {
    width: 16px;
    min-width: 16px;
    height: 16px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.profile-referral .promocodes .codes-about__body .info-name.active svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.profile-referral .promocodes .codes-about__body .info-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.profile-referral .promocodes .codes-about__body .info-body .desc {
    display: none
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes-about__body .info-body .desc {
        display: block
    }
}

.profile-referral .promocodes .codes-about__body .info-body .mob {
    display: block
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .codes-about__body .info-body .mob {
        display: none
    }
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item {
    padding: 16px 0;
    border-top: 1px solid #e4e4e4;
    border-radius: 0
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item:first-child {
    margin-top: 22px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__body .info-body .mob .item {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .profile-referral .promocodes .codes-about__body .info-body .mob .item:first-child {
        margin-top: 24px
    }
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .text {
    display: block;
    width: 100%
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .text-one {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__body .info-body .mob .item .text-one {
        margin-top: 20px
    }
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .text-one:first-child {
    margin-top: 0
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .text .name {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #a5a5a5
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .text .res {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39485b;
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__body .info-body .mob .item .text .res {
        margin-top: 8px
    }
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .text .res.bold {
    font-weight: 700;
    color: #555
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .codes-about__body .info-body .mob .item .status {
        margin-left: 30px;
        margin-top: 0;
        max-width: 166px;
        width: 100%
    }
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current a {
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current span {
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current.error span {
    background-color: #d44300
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current.available span {
    background-color: #477707
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current.sent span {
    background-color: #8d4086
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current.completed span {
    background-color: #59aee4
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status-current.return span {
    background-color: #a5a5a5
}

.profile-referral .promocodes .codes-about__body .info-body .mob .item .status .info {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: #a5a5a5;
    margin-top: 2px
}

.profile-referral .promocodes .codes-about__body .info-body__header {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profile-referral .promocodes .codes-about__body .info-body__header p {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #a5a5a5;
    width: calc(25% - 22.5px)
}

.profile-referral .promocodes .codes-about__body .info-body__body .item {
    padding: 20px 0;
    border-top: 1px solid #e4e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0
}

.profile-referral .promocodes .codes-about__body .info-body__body .item:first-child {
    border: none
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .text p {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39485b;
    width: calc(33.33333% - 20px)
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .text p.bold {
    font-weight: 700;
    color: #555
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status {
    width: 100%;
    max-width: calc(25% - 22.5px);
    margin-left: 30px
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current a {
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current.error {
    color: #d44300
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current.available {
    color: #477707
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current.sent {
    color: #8d4086
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current.completed {
    color: #59aee4
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status-current.return {
    color: #a5a5a5
}

.profile-referral .promocodes .codes-about__body .info-body__body .item .status .info {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-top: 2px
}

.profile-referral .promocodes .archive {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .archive {
        margin-top: 24px
    }
}

.profile-referral .promocodes .archive-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    color: #8d4086;
    margin-right: 4px;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-show {
        font-size: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .archive-show {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.profile-referral .promocodes .archive-show svg {
    width: 16px;
    height: 16px;
    min-width: 16px
}

.profile-referral .promocodes .archive-show.active svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.profile-referral .promocodes .archive-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.profile-referral .promocodes .archive-body .item {
    margin-top: 16px;
    padding: 16px 12px;
    background: #fff;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item {
        margin-top: 20px;
        padding: 24px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .archive-body .item {
        margin-top: 24px
    }
}

.profile-referral .promocodes .archive-body .item .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #00183d
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item .name {
        font-size: 16px;
        line-height: 24px
    }
}

.profile-referral .promocodes .archive-body .item .caption {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #00183d;
    margin-top: 2px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item .caption {
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral .promocodes .archive-body .item .info-block {
    margin-top: 20px;
    border-top: 1px solid #e4e4e4;
    padding-top: 20px
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item .info-block {
        margin-top: 24px;
        padding-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .archive-body .item .info-block {
        margin-top: 20px;
        padding-top: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item {
    margin-top: 16px
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item:first-child {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item {
        margin-top: 0
    }

    .profile-referral .promocodes .archive-body .item .info-block .info-block__item:nth-child(odd) {
        min-width: 196px
    }

    .profile-referral .promocodes .archive-body .item .info-block .info-block__item:nth-child(n+3) {
        margin-top: 24px
    }
}

@media only screen and (min-width: 768px)and (min-width: 1280px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item:nth-child(n+3) {
        margin-top: 0
    }

    .profile-referral .promocodes .archive-body .item .info-block .info-block__item:nth-child(odd) {
        min-width: inherit
    }
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #a5a5a5;
    position: relative
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .name svg {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-left: 6px;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item .name svg {
        width: 12px;
        min-width: 12px;
        height: 12px;
        margin-left: 4px
    }
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .name svg:hover ~ .dop-info {
    display: block
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .name .dop-info {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    top: 24px;
    left: -10px;
    width: 231px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    z-index: 1;
    display: none
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item .name .dop-info {
        left: 56px;
        width: 241px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item .name .dop-info {
        top: 18px;
        right: 0;
        left: auto
    }
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .caption {
    margin-top: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #39485b
}

@media only screen and (min-width: 768px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item .caption {
        margin-top: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .promocodes .archive-body .item .info-block .info-block__item .caption {
        margin-top: 12px
    }
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .caption.bold {
    font-weight: 700
}

.profile-referral .promocodes .archive-body .item .info-block .info-block__item .caption.purple {
    color: #8d4086
}

.profile-referral .about {
    border: 1px solid hsla(0, 0%, 89.4%, .5);
    background-color: inherit;
    margin-bottom: 0
}

.profile-referral .about-group {
    margin: 24px auto 0
}

@media only screen and (min-width: 768px) {
    .profile-referral .about-group {
        margin: 10px auto 0;
        max-width: 610px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group {
        margin: 28px auto 0
    }
}

.profile-referral .about-group .item {
    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;
    margin-bottom: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media only screen and (min-width: 768px) {
    .profile-referral .about-group .item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-bottom: 40px
    }

    .profile-referral .about-group .item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }
}

.profile-referral .about-group .item:last-child {
    margin-bottom: 0
}

.profile-referral .about-group .item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .profile-referral .about-group .item .info {
        margin-top: 0;
        max-width: 246px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group .item .info {
        max-width: 300px
    }
}

.profile-referral .about-group .item .info .step {
    font-weight: 700;
    font-size: 32px;
    line-height: 58px;
    color: #8d4086
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group .item .info .step {
        font-size: 48px
    }
}

.profile-referral .about-group .item .info .step span {
    display: none
}

.profile-referral .about-group .item .info .text {
    margin-left: 12px
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group .item .info .text {
        margin-left: 24px
    }
}

.profile-referral .about-group .item .info .text .name {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral .about-group .item .info .text .name {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group .item .info .text .name {
        font-size: 16px;
        line-height: 24px
    }
}

.profile-referral .about-group .item .info .text .caption {
    margin-top: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral .about-group .item .info .text .caption {
        margin-top: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group .item .info .text .caption {
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral .about-group .item .img {
    width: 180px;
    height: 180px;
    min-width: 180px
}

@media only screen and (min-width: 768px) {
    .profile-referral .about-group .item .img {
        width: 110px;
        height: 110px;
        min-width: 110px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-referral .about-group .item .img {
        width: 200px;
        height: 200px;
        min-width: 200px
    }
}

.profile-referral .about-group .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-referral .about-buttons {
    display: none
}

.profile-referral__popup {
    margin: 0 14px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup {
        margin: 0 20px 38px 40px
    }
}

.profile-referral__popup.error {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.error {
        width: 473px;
        padding: 40px
    }
}

.profile-referral__popup.error .title {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.error .title {
        font-size: 24px;
        line-height: 36px
    }
}

.profile-referral__popup.error .caption {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    color: #141414;
    max-width: 250px;
    margin: 14px auto 20px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.error .caption {
        margin: 16px auto 40px;
        max-width: 336px;
        font-size: 16px
    }
}

.profile-referral__popup.error .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: 268px;
    height: 48px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #fff;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.error .btn {
        width: 336px
    }
}

.profile-referral__popup.contract {
    margin-bottom: 0;
    max-height: 526px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.contract {
        max-height: 614px
    }
}

.profile-referral__popup.contract .text-place {
    width: 300px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.contract .text-place {
        font-size: 16px;
        line-height: 26px;
        padding: 24px;
        width: 574px
    }
}

.profile-referral__popup.contract .bottom-block {
    padding-top: 20px;
    position: sticky;
    padding-bottom: 20px;
    left: 0;
    background: #fff;
    bottom: 0
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.contract .bottom-block {
        padding-top: 24px;
        position: sticky;
        padding-bottom: 44px
    }
}

.profile-referral__popup.contract .bottom-block .rules {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-referral__popup.contract .bottom-block .rules .caption {
    margin-left: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #555
}

.profile-referral__popup.contract .bottom-block .rules .caption a {
    color: #77176e;
    text-decoration: underline
}

.profile-referral__popup.contract .bottom-block .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;
    padding: 0;
    width: 100%;
    height: 48px;
    margin-top: 32px
}

.profile-referral__popup.application {
    width: calc(100vw - 48px);
    margin-bottom: 92px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application {
        width: 608px;
        margin-bottom: 120px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application {
        width: 882px
    }
}

.profile-referral__popup.application .explanation {
    background: rgba(141, 64, 134, .06);
    border-radius: 12px;
    padding: 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .explanation {
        padding: 16px 20px
    }
}

.profile-referral__popup.application .explanation svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 12px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .explanation svg {
        width: 32px;
        height: 32px;
        min-width: 32px;
        margin-right: 20px
    }
}

.profile-referral__popup.application .explanation .text {
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .explanation .text {
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .explanation .text {
        font-size: 16px;
        line-height: 24px
    }
}

.profile-referral__popup.application .title {
    padding: 0;
    margin: 20px 0 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .title {
        margin: 32px 0 0;
        font-size: 18px;
        line-height: 30px
    }
}

.profile-referral__popup.application .block-place {
    margin-top: 16px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .block-place {
        padding: 30px 20px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .block-place {
        padding: 40px
    }
}

.profile-referral__popup.application .block-place .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .block-place .name {
        font-size: 18px
    }
}

.profile-referral__popup.application .block-place .input-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profile-referral__popup.application .block-place .input-place .input-group {
    background-color: inherit;
    width: 100%;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .block-place .input-place .input-group {
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .block-place .input-place .input-group {
        width: calc(50% - 20px)
    }
}

.profile-referral__popup.application .block-place .input-place .input-group .photo, .profile-referral__popup.application .block-place .input-place .input-group .photo__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-referral__popup.application .block-place .input-place .input-group .photo__img {
    background: #fff;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .block-place .input-place .input-group .photo__img {
        min-width: 60px;
        width: 60px;
        height: 60px
    }
}

.profile-referral__popup.application .block-place .input-place .input-group .photo__img img {
    width: 100%;
    height: 100%;
    max-width: 24px;
    max-height: 24px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .block-place .input-place .input-group .photo__img img {
        max-width: 32px;
        max-height: 32px
    }
}

.profile-referral__popup.application .block-place .input-place .input-group .photo__input {
    margin-left: 12px
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .block-place .input-place .input-group .photo__input {
        margin-left: 16px
    }
}

.profile-referral__popup.application .block-place .input-place .input-group .photo__input .name {
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 4px;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .block-place .input-place .input-group .photo__input .name {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup.application .block-place .input-place .input-group .photo__input .name {
        margin-bottom: 8px;
        font-size: 14px
    }
}

.profile-referral__popup.application .block-place .input-place .input-group .photo__input label {
    color: #77176e;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    margin-left: 0
}

.profile-referral__popup.application .block-place .input-place .input-group .photo__input input {
    width: 0;
    height: 0;
    display: none
}

.profile-referral__popup.application .block-place .input-place .input-wrap {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .block-place .input-place .input-wrap {
        font-size: 12px
    }
}

.profile-referral__popup.application .block-place .input-place .input-wrap .control-label {
    margin-left: 20px
}

.profile-referral__popup.application .block-place .input-place .input-control {
    margin-top: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    text-indent: 20px;
    padding: 0;
    height: 48px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .block-place .input-place .input-control {
        margin-top: 8px;
        font-size: 14px
    }
}

.profile-referral__popup.application .bottom-block {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 12px 24px;
    background: #f8f9fa;
    border-radius: 12px;
    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;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .bottom-block {
        padding: 16px 40px
    }
}

.profile-referral__popup.application .bottom-block .price-info {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .bottom-block .price-info {
        font-size: 18px;
        line-height: 30px;
        display: block
    }
}

.profile-referral__popup.application .bottom-block .price-info span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .bottom-block .price-info span {
        font-size: 24px;
        line-height: 30px;
        margin-left: 12px
    }
}

.profile-referral__popup.application .bottom-block .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;
    padding: 0;
    margin: 0;
    width: 149px;
    height: 42px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.application .bottom-block .btn {
        width: 283px;
        height: 48px
    }
}

.profile-referral__popup.success {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.success {
        width: 574px;
        padding: 40px
    }
}

.profile-referral__popup.success .title {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.success .title {
        font-size: 24px;
        line-height: 36px
    }
}

.profile-referral__popup.success .title a {
    color: #77176e;
    text-decoration: underline
}

.profile-referral__popup.success .title span {
    color: #77176e
}

.profile-referral__popup.success .info {
    padding: 16px 12px;
    background: #fff;
    border-radius: 12px;
    margin: 14px 0;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.success .info {
        margin: 30px 0;
        padding: 16px 20px;
        font-size: 14px;
        line-height: 22px
    }
}

.profile-referral__popup.success .caption {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.success .caption {
        font-size: 16px;
        line-height: 26px
    }
}

.profile-referral__popup.success .caption span {
    color: #77176e;
    font-weight: 700
}

.profile-referral__popup.success .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: 268px;
    height: 48px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #fff;
    margin: 40px auto 0
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup.success .btn {
        width: 336px
    }
}

.profile-referral__popup .about .profile-referral__title {
    display: none
}

.profile-referral__popup .about-group {
    padding: 20px 15px;
    background: #f8f9fa;
    border-radius: 12px;
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about-group {
        width: 612px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup .about-group {
        width: 640px
    }
}

.profile-referral__popup .about .item {
    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
}

.profile-referral__popup .about .item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    margin-top: 40px
}

.profile-referral__popup .about .item:nth-child(n+3) {
    display: none
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item:nth-child(2n) {
        margin-top: 6px
    }
}

.profile-referral__popup .about .item .info {
    max-width: 156px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .info {
        max-width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-referral__popup .about .item .info .step {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #8d4086
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .info .step {
        font-size: 48px;
        line-height: 58px
    }
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .info .step span {
        display: none
    }
}

.profile-referral__popup .about .item .info .text {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .info .text {
        margin-left: 24px;
        margin-top: 0
    }
}

.profile-referral__popup .about .item .info .text .name {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .info .text .name {
        font-size: 16px;
        line-height: 24px
    }
}

.profile-referral__popup .about .item .info .text .caption {
    margin-top: 2px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .info .text .caption {
        font-size: 14px;
        line-height: 22px;
        margin-top: 6px
    }
}

.profile-referral__popup .about .item .img {
    width: 88px;
    height: 88px;
    min-width: 88px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about .item .img {
        width: 200px;
        height: 200px;
        min-width: 200px
    }
}

.profile-referral__popup .about .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-referral__popup .about-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about-buttons {
        margin-top: 24px
    }
}

.profile-referral__popup .about-buttons .btn {
    height: 48px;
    width: 144px;
    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;
    font-weight: 700;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about-buttons .btn {
        width: 298px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-referral__popup .about-buttons .btn {
        width: 308px
    }
}

.profile-referral__popup .about-buttons .btn-white {
    color: #77176e;
    border: 1px solid #77176e
}

.profile-referral__popup .about-buttons [data-role=next] {
    margin-left: auto;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-referral__popup .about-buttons [data-role=next] {
        width: 308px
    }
}

.profile-referral__popup .about-buttons [data-role=close], .profile-referral__popup .about-buttons [data-role=prev] {
    display: none
}

.checkout {
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .checkout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
}

.checkout .tab-pane, .checkout__main {
    width: 100%;
    max-width: 836px
}

@media only screen and (max-width: 767px) {
    .checkout__main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.checkout__main__personal-info {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info {
        padding: 40px
    }
}

.checkout__main__personal-info__header {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info__header {
        margin-bottom: 24px
    }
}

.checkout__main__personal-info__header__section-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #141414
}

.checkout__main__personal-info__content {
    border-radius: 27px
}

.checkout__main__personal-info__content .checkout-enter {
    background: #f8f9fa
}

.checkout__main__personal-info__content .checkout-enter .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 27px;
    padding: 6px;
    margin-bottom: 24px
}

.checkout__main__personal-info__content .checkout-enter .tab__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 24px;
    font-weight: 700;
    font-size: 8px;
    line-height: 150%;
    padding: 11px 0;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    text-align: center;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info__content .checkout-enter .tab__item {
        font-size: 12px
    }
}

.checkout__main__personal-info__content .checkout-enter .tab .active {
    background: #77176e;
    color: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12)
}

.checkout__main__personal-info__content .checkout-enter .enter-checkout, .checkout__main__personal-info__content .checkout-enter .enter-checkout div div .plain {
    display: none
}

.checkout__main__personal-info__content .checkout-enter .active {
    display: block
}

.checkout__main__personal-info__content .checkout-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    background: #f8f9fa
}

.checkout__main__personal-info__content__inner {
    background: #f8f9fa;
    display: grid;
    grid-template-columns:1fr
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info__content__inner {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 0 40px
    }
}

.checkout__main__personal-info__content__inner .input-group {
    background: transparent;
    width: 100%;
    margin-right: 40px;
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info__content__inner .input-group {
        max-width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info__content__inner .input-group {
        margin-bottom: 26px
    }
}

.checkout__main__personal-info__content__inner .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding-left: 20px
}

.checkout__main__personal-info__content__inner .input-group .input-control {
    margin-top: 8px !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    padding: 16px 20px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info__content__inner .input-group .input-control {
        max-width: 100%
    }
}

.checkout__main__personal-info__content__inner .input-group .iti__country-name, .checkout__main__personal-info__content__inner .input-group .iti__selected-dial-code {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.checkout__main__personal-info__content__inner .input-group .iti__selected-flag {
    padding: 20px 6px 12px 20px
}

.checkout__main__personal-info .btn-save {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.checkout__main__personal-info .btn-save .btn {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff
}

.checkout__main__personal-info .checkout-section {
    background-color: transparent
}

.checkout__main__personal-info .checkout-section__header .section-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #141414;
    margin-bottom: 24px
}

.checkout__main__personal-info .checkout-section__content .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 27px;
    padding: 6px;
    margin-bottom: 24px
}

.checkout__main__personal-info .checkout-section__content .tab__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 24px;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    padding: 11px 0;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    text-align: center;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .tab__item {
        font-size: 12px
    }
}

.checkout__main__personal-info .checkout-section__content .tab .current {
    background: #77176e;
    color: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12)
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .action-title, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .action-title {
    display: none
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group {
    position: relative;
    background: transparent;
    width: 100%;
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group {
        max-width: 100%;
        padding: 0
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .re, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .re {
    height: 100%;
    max-height: 62px
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .re, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .re {
        width: 351px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .re .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .re .input-group {
    margin-bottom: 0
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .control-label, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding-left: 20px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .icon-searchnew, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .icon-searchnew {
    position: absolute;
    bottom: 21px;
    left: 24px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .icon-searchnew path, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .icon-searchnew path {
    fill: #a5a5a5
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .input-control, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .input-control {
    margin-top: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    padding: 16px 12px 16px 20px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .input-group .input-control, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .input-group .input-control {
        max-width: 100%
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker {
    background: #fff;
    border-radius: 12px;
    padding: 20px
}

@media only screen and (min-width: 864px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__top, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__top .pickup-point__left, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__top .pickup-point__left {
    width: 100%
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point .input-group {
    max-width: 100%;
    margin-bottom: 16px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point .input-group .input-control, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point .input-group .input-control {
    padding-left: 44px;
    background: #f8f9fa;
    border-radius: 8px;
    max-width: 100%
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list {
    max-height: 262px;
    overflow-y: scroll
}

@media only screen and (min-width: 864px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list {
        max-height: 390px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list::-webkit-scrollbar, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list::-webkit-scrollbar {
    width: 10px;
    background: #f8f9fa;
    border-radius: 8px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list::-webkit-scrollbar-thumb, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list::-webkit-scrollbar-thumb {
    background: #77176e;
    border-radius: 4px;
    height: 30px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
    position: relative;
    cursor: pointer
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item__name, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .04em;
    color: #141414;
    margin-bottom: 10px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item__address, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item__phone, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item__work-time, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__address, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__phone, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__work-time {
    font-weight: 500;
    font-size: 12px;
    line-height: 146.28%;
    color: #555;
    margin-bottom: 6px;
    max-width: 306px;
    overflow: hidden
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item__imit-radio, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__imit-radio {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .pickup-point-item__imit-radio__active-point, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__imit-radio__active-point {
    position: absolute;
    margin: 4px;
    width: 100%;
    height: 100%;
    max-width: 6px;
    max-height: 6px;
    background: #fff;
    border-radius: 1px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__list .selected .pickup-point-item__imit-radio .pickup-point-item__imit-radio__active-point, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .selected .pickup-point-item__imit-radio .pickup-point-item__imit-radio__active-point {
    background: #77176e;
    border-radius: 1px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__map, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__map {
    width: 100%;
    height: 330px;
    margin-top: 20px
}

@media only screen and (min-width: 864px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__map, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__map {
        width: 100%;
        margin-left: 15px;
        padding-top: 16px;
        margin-top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        min-height: 454px;
        min-width: 356px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .location-picker .pickup-point__map div div, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__map div div {
    border-radius: 8px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .input-group {
    position: relative
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .input-group.hidden, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .input-group.hidden {
    display: none
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .input-group .input-group-btn button, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .input-group .input-group-btn button {
    border: none;
    background: transparent;
    width: 100%;
    border-radius: 40px;
    position: absolute;
    right: 0;
    bottom: 6px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .input-group .input-group-btn button svg.icon.icon-Shevron, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .input-group .input-group-btn button svg.icon.icon-Shevron {
    width: 20px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .input-group .input-group-btn button svg.icon.icon-Shevron path, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .input-group .input-group-btn button svg.icon.icon-Shevron path {
    fill: #000
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .house-block, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .house-block {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 40px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .house-block .custom__item .field-validation-error, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .house-block .custom__item .field-validation-error {
    position: absolute;
    width: 300px;
    margin-top: 5px
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group {
        display: grid;
        grid-template-columns:1fr 1fr;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        grid-template-rows:76px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .house-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .house-group {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: 10px
}

@media only screen and (max-width: 460px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .house-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .house-group {
        grid-gap: 5px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .house-group__item, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .house-group__item {
    max-height: 74px
}

@media only screen and (max-width: 460px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .house-group__item, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .house-group__item {
        max-width: 100px
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item {
    margin-top: 28px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group {
    position: relative;
    background: transparent;
    width: 100%;
    margin-right: 40px;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group {
        max-width: 100%
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .control-label, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding-left: 20px
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group {
    margin-top: 8px;
    width: 100%;
    background: #fff;
    border-radius: 40px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group {
        max-width: 100%
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group .input-control, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group .input-control {
    margin-top: 0;
    width: 100%;
    max-width: 348px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    padding: 16px 20px;
    border: none;
    border-radius: 40px;
    max-height: 48px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group .input-control, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group .input-control {
        max-width: 100%
    }
}

.checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group .select2.select2-container.select2-container--default, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item .input-group .form-group .select2.select2-container.select2-container--default {
    height: 48px
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .courier .courier-delivery-form .delivery-service-wrap .date-group__item.delivery-time, .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .courier-delivery-form .delivery-service-wrap .date-group__item.delivery-time {
        margin-top: 0
    }
}

.checkout__main__personal-info .checkout-section__content .payment__methods {
    padding: 20px;
    background: #fff;
    border-radius: 12px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .payment__methods {
        padding: 14px
    }
}

.checkout__main__personal-info .checkout-section__content .payment__methods .head-text {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment {
    display: grid;
    grid-gap: 20px
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .payment__methods .container-payment {
        display: grid;
        grid-template-columns:1fr 1fr
    }
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field {
    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;
    height: 80px;
    padding: 12px 9px 12px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    background: #f8f9fa;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field {
        padding: 12px
    }
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field:hover {
    cursor: pointer
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field .method-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__icon {
    width: 25px;
    height: 25px
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__icon svg {
    width: 100%;
    height: 100%;
    fill: #555
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__icon.online-pay {
    height: 32px;
    width: auto
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__icon.online-pay img {
    height: 100%;
    width: auto;
    margin-right: 16px
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__icon.online-pay img:last-child {
    margin-right: 0
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 10px
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__radio {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .method-field__radio:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background-color: transparent;
    margin: 4px
}

.checkout__main__personal-info .checkout-section__content .payment__methods .container-payment .active .method-field__radio:after {
    background-color: #77176e
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab {
    display: none
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .title {
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
    color: #141414
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .title.danger {
    color: #d44300
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .edit-email-wrap {
    margin-top: 24px;
    max-width: 400px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .edit-email-wrap .edit-email-block {
    display: none
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .edit-email-wrap .edit-email-block.show {
    display: block
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .edit-email-wrap .input-group {
    margin-top: 20px;
    margin-bottom: 0
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods__item {
    margin-top: 18px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton, .checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton__icon {
    margin-right: 8px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton__icon, .checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton input[type=radio]:checked ~ .radiobutton__icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton input[type=radio]:checked ~ .radiobutton__icon:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background-color: #77176e;
    margin: 4px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .courier-methods .radiobutton__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 4px 0
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .disabled .radiobutton__icon, .checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .disabled .radiobutton__text {
    opacity: .4
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items {
    margin-bottom: 24px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton {
    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;
    margin-bottom: 12px;
    position: relative
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .method-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .radiobutton__icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 8px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content input[type=radio]:checked ~ .radiobutton__icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content input[type=radio]:checked ~ .radiobutton__icon:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background-color: #77176e;
    margin: 4px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .radiobutton__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #555;
    margin: 0
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo {
    position: relative;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    z-index: 1;
    margin-top: 5px
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo {
        margin-top: 0
    }
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo:hover svg path {
    fill: #8d4086
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo:hover .info-block {
    display: block
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo .info-block {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    position: absolute;
    top: 26px;
    right: 0;
    padding: 16px;
    width: 260px
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo .info-block {
        width: 336px
    }
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo .info-block {
        left: 26px;
        top: 0;
        width: 384px;
        padding: 20px
    }
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo .info-block p {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    margin-bottom: 10px
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton__content .dopInfo .info-block p:last-child {
    margin-bottom: 0
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .index-tab .bank-items .bank-item .radiobutton .caption {
    margin-left: 21px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #555
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .active {
    display: block
}

.checkout__main__personal-info .checkout-section__content .payment__submethods .active .method-field__radio:after {
    background-color: #77176e
}

.checkout__main__personal-info .checkout-section__content .checkout-result__text .all-sum {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #141414;
    margin-bottom: 12px
}

@media only screen and (max-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .checkout-result__text .all-sum {
        font-size: 14px
    }
}

.checkout__main__personal-info .checkout-section__content .checkout-result__text .all-sum b {
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e
}

.checkout__main__personal-info .checkout-section__content .checkout-result__text .data-check {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    margin-bottom: 24px
}

.checkout__main__personal-info .checkout-section__content .order-comment-block .order-comment-btn {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

.checkout__main__personal-info .checkout-section__content .order-comment-block .order-comment-fill {
    margin-top: 12px;
    margin-bottom: 24px
}

.checkout__main__personal-info .checkout-section__content .order-comment-block .order-comment-fill .textarea-control {
    width: 100%;
    max-width: 756px;
    background: #fff;
    border-radius: 8px;
    resize: none;
    min-height: 120px;
    border: none;
    color: #a5a5a5;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

@media only screen and (min-width: 1280px) {
    .checkout__main__personal-info .checkout-section__content .order-comment-block .order-comment-fill .textarea-control {
        min-height: 80px
    }
}

.checkout__main__personal-info .checkout-section__content .btn {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    font-size: 12px;
    line-height: 150%;
    padding: 15px 0
}

@media only screen and (min-width: 768px) {
    .checkout__main__personal-info .checkout-section__content .btn {
        width: auto;
        padding: 15px 30px
    }
}

.checkout__main__personal-info .checkout-section__content .current {
    display: block
}

.checkout__main__personal-info .delivery .checkout-section__header {
    margin-bottom: 24px
}

.checkout__main__personal-info .delivery .section-title {
    margin-bottom: 0
}

.checkout__order {
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width: 767px) {
    .checkout__order {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 auto 24px;
        max-width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 854px) {
    .checkout__order {
        max-width: 240px;
        margin-left: 20px
    }
}

@media only screen and (min-width: 854px) {
    .checkout__order {
        max-width: 324px;
        margin-left: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .checkout__order {
        margin-left: 40px
    }
}

.checkout__order .order-summary {
    padding: 20px 12px;
    background: #f8f9fa;
    border-radius: 12px
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary {
        padding: 20px
    }
}

.checkout__order .order-summary__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.checkout__order .order-summary__header, .checkout__order .order-summary__header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout__order .order-summary__header .title {
    padding: 0;
    margin: 0;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    color: #141414;
    font-size: 16px
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary__header .title {
        font-size: 18px
    }
}

.checkout__order .order-summary__header .change-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkout__order .order-summary__header .edit {
    color: #59aee4
}

.checkout__order .order-summary__header .cancel-edit, .checkout__order .order-summary__header .edit {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    cursor: pointer;
    text-decoration: none
}

.checkout__order .order-summary__header .cancel-edit {
    color: #f63933;
    border: none;
    background: none;
    padding: 0;
    margin-left: 10px;
    -webkit-appearance: none;
    display: block
}

@media only screen and (min-width: 768px) {
    .checkout__order .order-summary__header .cancel-edit {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

.checkout__order .order-summary__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.checkout__order .order-summary__products .order-item-small {
    background: #fff;
    border-radius: 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 60px;
    height: 60px
}

.checkout__order .order-summary__products .order-item-small__img {
    margin: 0;
    padding: 7px
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary__products .order-item-small__img {
        padding: 10px
    }
}

.checkout__order .order-summary__products .order-item-small__img img {
    width: 100%;
    height: auto
}

.checkout__order .order-summary__products .order-item-small__amount {
    display: none
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary__products .order-item-small {
        width: 80px;
        height: 80px
    }
}

.checkout__order .order-summary__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.checkout__order .order-summary__row .title {
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 22px;
    color: #141414;
    font-size: 14px
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary__row .title {
        font-size: 16px
    }
}

.checkout__order .order-summary__row span {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary__row span {
        font-size: 16px
    }
}

.checkout__order .order-summary__row .grey {
    color: #555
}

.checkout__order .order-summary__row .purple {
    background: #77176e
}

.checkout__order .order-summary__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.checkout__order .order-summary__result .title {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #141414
}

@media only screen and (min-width: 1280px) {
    .checkout__order .order-summary__result .title {
        font-size: 16px
    }
}

.checkout__order .order-summary__result span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700
}

.checkout__text-different-stocks {
    font-size: 16px;
    line-height: 145%;
    color: #f63933;
    margin-top: 12px
}

.checkout-cartGiftPopup {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 12px;
    position: fixed;
    z-index: 10;
    width: calc(100% - 44px);
    max-width: 688px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 16px 32px 16px 16px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media only screen and (min-width: 768px) {
    .checkout-cartGiftPopup {
        padding: 20px 70px 20px 24px;
        width: calc(100% - 80px);
        bottom: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .checkout-cartGiftPopup {
        max-width: 892px;
        width: 100%;
        padding: 20px 58px 20px 32px
    }
}

.checkout-cartGiftPopup .caption {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #555
}

@media only screen and (min-width: 1024px) {
    .checkout-cartGiftPopup .caption {
        font-size: 14px;
        line-height: 22px
    }
}

.checkout-cartGiftPopup .close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .checkout-cartGiftPopup .close {
        top: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .checkout-cartGiftPopup .close {
        right: 24px
    }
}

.bootstrap-timepicker-widget.open.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #071a33;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.bootstrap-timepicker-widget.open [data-action=incrementHour], .bootstrap-timepicker-widget.open [data-action=incrementMinute] {
    text-decoration: none
}

.bootstrap-timepicker-widget.open [data-action=incrementHour] span:before, .bootstrap-timepicker-widget.open [data-action=incrementMinute] span:before {
    content: "⇧"
}

.bootstrap-timepicker-widget.open [data-action=decrementHour], .bootstrap-timepicker-widget.open [data-action=decrementMinute] {
    text-decoration: none
}

.bootstrap-timepicker-widget.open [data-action=decrementHour] span:before, .bootstrap-timepicker-widget.open [data-action=decrementMinute] span:before {
    content: "⇩"
}

.enter-checkout__content__form .container__form {
    display: grid;
    margin-bottom: 12px;
    grid-template-columns:1fr 1fr;
    grid-gap: 40px;
    position: relative
}

@media only screen and (max-width: 1280px) {
    .enter-checkout__content__form .container__form {
        grid-template-columns:1fr;
        grid-gap: 24px
    }
}

.enter-checkout__content__form .container__form .callout-danger {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 66px
}

.enter-checkout__content__form .container__form .callout-danger ul {
    list-style: none;
    padding: 0
}

.enter-checkout__content__form .container__form .callout-danger ul li {
    font-size: 12px;
    color: #d44300
}

.enter-checkout__content__form .container__form .input-group {
    background: transparent;
    width: 100%;
    max-width: 358px;
    margin-right: 40px
}

@media only screen and (max-width: 480px) {
    .enter-checkout__content__form .container__form .input-group {
        margin-right: 0
    }
}

.enter-checkout__content__form .container__form .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding-left: 20px
}

.enter-checkout__content__form .container__form .input-group .iti__selected-dial-code {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.enter-checkout__content__form .container__form .input-group .input-control, .enter-checkout__content__form .container__form .input-group .iti--separate-dial-code {
    margin-top: 8px;
    width: 100%;
    max-width: 358px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.enter-checkout__content__form .container__form .input-group #Code, .enter-checkout__content__form .container__form .input-group .input-control .input-control, .enter-checkout__content__form .container__form .input-group .iti--separate-dial-code .input-control {
    padding: 16px 20px
}

.enter-checkout__content__form .container__form .disabled {
    opacity: .8;
    pointer-events: none
}

.enter-checkout__content__form .footer-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.enter-checkout__content__form .footer-form .btn--full {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 10px
}

@media only screen and (max-width: 480px) {
    .enter-checkout__content__form .footer-form .btn--full {
        width: 100%;
        text-align: center;
        padding: 15px 0;
        margin: 24px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.enter-checkout__content__form .enter-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 13px;
    -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
}

@media only screen and (min-width: 768px) {
    .enter-checkout__content__form .enter-socials {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width: 960px) {
    .enter-checkout__content__form .enter-socials {
        margin-top: 25px
    }
}

.enter-checkout__content__form .enter-socials__caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .enter-checkout__content__form .enter-socials__caption {
        margin-right: 20px
    }
}

.enter-checkout__content__form .enter-socials__register-socials-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 12px 0 0
}

@media only screen and (min-width: 768px) {
    .enter-checkout__content__form .enter-socials__register-socials-links {
        margin: 0
    }
}

.enter-checkout__content__form .enter-socials__register-socials-links li {
    list-style: none;
    margin-right: 24px
}

.enter-checkout__content__form .enter-socials__register-socials-links li:last-child {
    margin-right: 0
}

.enter-checkout__content__form .enter-socials__register-socials-links li svg {
    width: 32px;
    height: 32px
}

@media only screen and (min-width: 768px) {
    .enter-checkout__content__form .enter-socials__register-socials-links li svg {
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width: 768px) {
    .enter-checkout__content__form .enter-socials__register-socials-links li {
        margin-right: 16px;
        width: 24px;
        height: 24px
    }
}

.enter-checkout__content__form .code-counter-wrap, .enter-checkout__content__form .resend {
    color: #77176e;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    margin-top: 18px;
    display: block
}

@media only screen and (min-width: 768px) {
    .enter-checkout__content__form .code-counter-wrap, .enter-checkout__content__form .resend {
        font-size: 14px;
        margin-top: 18px;
        display: block
    }
}

.enter-checkout__content__form .code-counter-wrap-code, .enter-checkout__content__form .resend-code {
    display: none;
    cursor: pointer;
    margin-top: 18px
}

.department-container {
    background: #fff;
    border-radius: 12px;
    padding: 20px
}

@media only screen and (max-width: 768px) {
    .department-container {
        padding: 14px
    }
}

.department-container .selected-department {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    position: relative;
    cursor: pointer
}

.department-container .selected-department__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .04em;
    color: #141414;
    margin-bottom: 10px
}

.department-container .selected-department__address, .department-container .selected-department__info {
    font-weight: 500;
    font-size: 10px;
    line-height: 146.28%;
    color: #555;
    margin-bottom: 6px
}

.courier-edit-address {
    padding-top: 20px;
    display: inline-block;
    font-size: 12px;
    line-height: 146.28%;
    color: #7c2582;
    text-decoration: underline;
    cursor: pointer;
    -webkit-appearance: none
}

.cs-loader {
    width: 100%;
    position: relative;
    height: 100%
}

.cs-loader-inner {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    color: #7c2582;
    padding: 0 100px;
    text-align: center
}

.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display: inline-block
}

@keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px)
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(300px)
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s ease-in-out infinite;
    animation: lol 3s ease-in-out infinite
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s ease-in-out .1s infinite;
    animation: lol 3s ease-in-out .1s infinite
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s ease-in-out .2s infinite;
    animation: lol 3s ease-in-out .2s infinite
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s ease-in-out .3s infinite;
    animation: lol 3s ease-in-out .3s infinite
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s ease-in-out .4s infinite;
    animation: lol 3s ease-in-out .4s infinite
}

.cs-loader-inner label:first-child {
    -webkit-animation: lol 3s ease-in-out .5s infinite;
    animation: lol 3s ease-in-out .5s infinite
}

.profile-rules {
    max-width: 836px;
    width: 100%
}

.profile-rules .bonus-section {
    background: #f8f9fa;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 12px 12px
}

@media only screen and (min-width: 768px) {
    .profile-rules .bonus-section {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-rules .bonus-section {
        padding: 40px
    }
}

.profile-rules .bonus-section__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .profile-rules .bonus-section__title {
        font-size: 18px
    }
}

.profile-rules .bonus-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 16px;
    background: #fff;
    border-radius: 12px;
    padding: 16px 12px 12px
}

@media only screen and (min-width: 768px) {
    .profile-rules .bonus-blocks {
        margin-top: 24px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-rules .bonus-blocks {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-top: 28px
    }
}

.profile-rules .bonus-blocks__item {
    padding: 12px;
    width: 100%;
    background: #f8f9fa;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.profile-rules .bonus-blocks__item:first-child {
    background: none
}

.profile-rules .bonus-blocks__item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .profile-rules .bonus-blocks__item {
        margin-bottom: 0;
        margin-right: 20px
    }

    .profile-rules .bonus-blocks__item:last-child {
        margin-right: 0
    }
}

.profile-rules .bonus-blocks__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #555
}

.profile-rules .bonus-blocks__description {
    margin-top: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .profile-rules .bonus-blocks__description {
        margin-top: 4px
    }
}

.profile-rules .bonus-blocks__link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #59aee4;
    margin-top: 4px;
    text-decoration: none
}

@media only screen and (min-width: 1280px) {
    .profile-rules .bonus-blocks__link {
        margin-top: 10px
    }
}

.profile-rules .bonus-user__count {
    color: #555;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%
}

.profile-rules .bonus-user__count .points {
    color: #477707
}

.profile-rules .bonus-user__top .plain {
    margin-top: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #555
}

.profile-rules .bonus-user__links {
    margin-top: 8px
}

.profile-rules .bonus-user__links .link {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #59aee4;
    text-decoration: none;
    margin-top: 4px;
    display: block
}

.profile-rules .rules {
    padding: 16px 12px 12px;
    background: #f8f9fa;
    border-radius: 12px;
    margin-top: 28px
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules {
        padding: 24px;
        margin-top: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-rules .rules {
        padding: 40px
    }
}

.profile-rules .rules-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-title {
        font-size: 18px;
        line-height: 30px
    }
}

.profile-rules .rules-subtitle {
    color: #555;
    font-weight: 500;
    line-height: 160%;
    font-size: 10px;
    margin-top: 6px
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-subtitle {
        font-size: 14px;
        margin-top: 16px
    }
}

.profile-rules .rules-section {
    background: #fff;
    border-radius: 12px;
    padding: 16px 12px 12px;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section {
        margin-top: 18px;
        padding: 24px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-rules .rules-section {
        margin-top: 28px
    }
}

.profile-rules .rules-section__title {
    color: #77176e;
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section__title {
        font-size: 16px;
        margin-bottom: 0
    }
}

.profile-rules .rules-section__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section__item {
        margin: 18px 0
    }
}

.profile-rules .rules-section__item svg {
    margin-right: 6px;
    width: 100%;
    max-width: 4px;
    height: 4px
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section__item svg {
        max-width: 6px;
        height: 6px;
        margin-right: 8px
    }
}

.profile-rules .rules-section__item .list-block {
    font-size: 10px;
    line-height: 160%;
    color: #555;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section__item .list-block {
        font-size: 12px
    }
}

.profile-rules .rules-section__item .list-block a {
    color: #59aee4;
    text-decoration: none
}

.profile-rules .rules-section__item .list-block p {
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section__item .list-block p {
        margin-bottom: 8px
    }
}

.profile-rules .rules-section__item .list-block p:last-child {
    margin-bottom: 0
}

.profile-rules .rules-section__subtitle {
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 10px;
    line-height: 160%;
    color: #555;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .profile-rules .rules-section__subtitle {
        margin-bottom: 16px;
        font-size: 14px;
        margin-top: 0
    }
}

.profile-rules .rules-section .btn {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.partners {
    background: #f8f9fa;
    padding: 40px 0
}

@media only screen and (min-width: 768px) {
    .partners {
        padding: 60px 0 40px
    }
}

@media only screen and (min-width: 1280px) {
    .partners {
        padding: 60px 0
    }
}

.partners__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .partners__title {
        font-size: 24px
    }
}

.partners__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    grid-column-gap: 15px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    grid-row-gap: 18px;
    row-gap: 18px;
    max-width: 1150px;
    margin: 18px auto 0
}

@media only screen and (min-width: 768px) {
    .partners__items {
        grid-row-gap: 28px;
        row-gap: 28px;
        grid-column-gap: 28px;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px;
        margin: 28px auto 0
    }
}

@media only screen and (min-width: 1280px) {
    .partners__items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin: 34px auto 0;
        grid-row-gap: 0;
        row-gap: 0;
        grid-column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.partners__item {
    max-width: 140px;
    text-decoration: none;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .partners__item {
        max-width: 202px
    }
}

@media only screen and (min-width: 1280px) {
    .partners__item {
        margin: 20px 13px
    }
}

.partners__img, .partners__img img {
    width: 100%;
    height: 100%
}

.partners__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.partners__text {
    margin-top: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .partners__text {
        margin-top: 20px;
        font-size: 16px
    }
}

.contacts-page {
    padding: 40px 0 24px
}

@media only screen and (min-width: 768px) {
    .contacts-page {
        padding: 60px 0 40px
    }
}

@media only screen and (min-width: 1280px) {
    .contacts-page {
        padding: 60px 0
    }
}

.contacts-page__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .contacts-page__title {
        font-size: 24px;
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .contacts-page__title {
        margin-bottom: 30px
    }
}

.contacts-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 12px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .contacts-page__content {
        padding: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media only screen and (min-width: 1280px) {
    .contacts-page__content {
        padding: 40px
    }
}

.contacts-page__content .text-block {
    margin-bottom: 12px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .contacts-page__content .text-block {
        margin-right: 20px;
        max-width: 320px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .contacts-page__content .text-block {
        max-width: 360px;
        margin-right: 40px
    }
}

.contacts-page__content .text-block__item {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .contacts-page__content .text-block__item {
        margin-bottom: 16px
    }
}

.contacts-page__content .text-block__item .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #a5a5a5;
    margin-bottom: 4px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .contacts-page__content .text-block__item .title {
        font-size: 14px;
        line-height: 146.28%;
        margin-bottom: 8px
    }
}

.contacts-page__content .text-block__item .caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    display: block;
    max-width: 240px
}

@media only screen and (min-width: 768px) {
    .contacts-page__content .text-block__item .caption {
        font-size: 16px;
        line-height: 22px;
        max-width: none
    }
}

.contacts-page__content .text-block__item .caption.bold {
    font-weight: 600;
    letter-spacing: .04em
}

.contacts-page__content .text-block__item a {
    text-decoration: none
}

.contacts-page__content .map {
    width: 100%;
    max-height: 150px
}

@media only screen and (min-width: 768px) {
    .contacts-page__content .map {
        max-height: none
    }
}

.payment-page .payment-frame {
    display: block;
    height: 697px;
    max-width: 801px;
    margin: 0 auto;
    border: none
}

.payment-page .payment-content {
    width: 100%;
    max-width: 790px;
    height: auto;
    margin: 0 auto
}

.payment-page .payment-content .payment-img img {
    width: 100%;
    height: auto
}

.payment-page .payment-content .payment-text {
    margin: 20px 0
}

.payment-page .payment-content .payment-text .payment-description {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4
}

.service-centers {
    background: #f8f9fa;
    padding-bottom: 60px;
    padding-top: 60px
}

@media only screen and (max-width: 767px) {
    .service-centers {
        padding-bottom: 25px;
        padding-top: 8px
    }
}

.service-centers .container .content {
    margin: 0;
    padding: 0;
    max-width: 1200px
}

.service-centers .container .content h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #141414;
    padding-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .service-centers .container .content h1 {
        font-size: 20px;
        padding-bottom: 6px
    }
}

.service-centers .container .content p {
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #555
}

@media only screen and (max-width: 767px) {
    .service-centers .container .content p {
        font-size: 14px;
        padding-bottom: 6px;
        line-height: 14px
    }
}

.service-centers .container .content .phone-number a {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    color: #141414
}

@media only screen and (max-width: 767px) {
    .service-centers .container .content .phone-number a {
        font-size: 16px
    }
}

.service-centers .container .main-content {
    padding: 16px 0
}

@media only screen and (min-width: 768px) {
    .service-centers .container .main-content {
        padding: 24px 0 20px
    }
}

.service-centers .container .main-content .location-wrap .select-city .input-floating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-centers .container .main-content .location-wrap .select-city .input-floating label {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 15px;
    margin-bottom: 8px
}

.service-centers .container .main-content .location-wrap .select-city .input-floating .form-control {
    background: #fff;
    border-radius: 40px;
    width: 100%;
    max-width: 358px;
    border: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    padding: 16px 20px
}

.service-centers .container .main-content .location-wrap .location-picker {
    background: #fff;
    border-radius: 12px;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .service-centers .container .main-content .location-wrap .location-picker {
        margin-top: 16px;
        padding: 20px 12px
    }
}

@media only screen and (min-width: 768px) {
    .service-centers .container .main-content .location-wrap .location-picker {
        margin-top: 26px
    }
}

.service-centers .container .main-content .location-wrap .location-picker__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner {
        display: block
    }
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location {
    height: 100%;
    width: 100%;
    max-width: 324px
}

@media only screen and (max-width: 767px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .location {
        max-width: 100%
    }
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__header {
    margin-bottom: 16px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__header .input-floating {
    background: #f8f9fa;
    border-radius: 8px;
    position: relative
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__header .input-floating label {
    display: none
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__header .input-floating .search-icon {
    position: absolute;
    left: 21px;
    top: 13px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__header .input-floating .form-control {
    background: transparent;
    border-radius: 8px;
    width: 100%;
    max-width: 306px;
    border: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    padding: 12px 20px 11px 49px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list {
    padding: 0;
    margin: 0;
    max-height: 252px;
    overflow-y: auto
}

@media only screen and (min-width: 768px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .location__list {
        width: 324px;
        max-height: 328px
    }
}

@media only screen and (min-width: 1200px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .location__list {
        width: 324px;
        max-height: 382px
    }
}

@media only screen and (max-width: 767px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .location__list {
        width: 100%;
        max-height: 252px
    }
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list::-webkit-scrollbar {
    width: 10px;
    background: #f8f9fa;
    border-radius: 8px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list::-webkit-scrollbar-thumb {
    background: #77176e;
    border-radius: 4px;
    height: 30px;
    width: 6px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list .location__list-item {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
    margin-right: 8px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list .location__list-item .name {
    padding: 0 3px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .04em;
    color: #141414;
    margin-bottom: 6px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list .location__list-item .address, .service-centers .container .main-content .location-wrap .location-picker__inner .location__list .location__list-item .time {
    padding: 0 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 146.28%;
    color: #555;
    margin-bottom: 6px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list .location__list-item .imit-radio {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list .location__list-item .imit-radio .active-point {
    position: absolute;
    margin: 4px;
    width: 100%;
    height: 100%;
    max-width: 6px;
    max-height: 6px;
    background: #fff;
    border-radius: 1px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .location__list .active .imit-radio .active-point {
    background: #77176e;
    border-radius: 1px
}

.service-centers .container .main-content .location-wrap .location-picker__inner .map {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .map {
        margin-top: 20px
    }
}

@media only screen and (min-width: 768px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .map {
        margin-left: 16px
    }
}

.service-centers .container .main-content .location-wrap .location-picker__inner .map .map-wrap {
    width: 100%;
    height: 100%;
    max-width: 820px
}

@media only screen and (min-width: 768px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .map .map-wrap {
        height: 380px
    }
}

@media only screen and (min-width: 1200px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .map .map-wrap {
        height: 438px
    }
}

@media only screen and (max-width: 767px) {
    .service-centers .container .main-content .location-wrap .location-picker__inner .map .map-wrap {
        height: 180px
    }
}

.service-centers .container .main-content .location-wrap .location-picker__inner .map .map-wrap div {
    border-radius: 8px
}

.service-centers .container .advantages {
    background: #fff;
    border-radius: 12px;
    padding: 12px
}

@media only screen and (min-width: 768px) {
    .service-centers .container .advantages {
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .service-centers .container .advantages-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.service-centers .container .advantages-item {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f9fa;
    border-radius: 12px;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .service-centers .container .advantages-item {
        margin-bottom: 20px
    }
}

.service-centers .container .advantages-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .service-centers .container .advantages-item {
        margin-bottom: 0;
        padding: 30px 20px
    }
}

.service-centers .container .advantages-item svg {
    width: 32px;
    height: 32px
}

@media only screen and (min-width: 768px) {
    .service-centers .container .advantages-item svg {
        width: 40px;
        height: 40px
    }
}

.service-centers .container .advantages-item .info {
    margin-left: 16px
}

.service-centers .container .advantages-item .info-name {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #555;
    border-radius: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .service-centers .container .advantages-item .info-name {
        min-width: 278px
    }
}

.service-centers .container .advantages-item .info-capture {
    margin-top: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    border-radius: 0;
    padding: 0
}

.info-page {
    padding: 20px 0 24px;
    margin-top: 40px
}

@media only screen and (min-width: 768px) {
    .info-page {
        margin-top: 60px;
        padding: 40px 0
    }
}

@media only screen and (min-width: 1280px) {
    .info-page {
        padding: 60px 0
    }
}

.info-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 12px;
    padding: 20px 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .info-page__content {
        padding: 24px 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media only screen and (min-width: 1280px) {
    .info-page__content {
        padding: 40px
    }
}

@media only screen and (min-width: 768px) {
    .info-page__img {
        margin-right: 20px;
        min-width: 318px
    }
}

@media only screen and (min-width: 1280px) {
    .info-page__img {
        margin-right: 40px;
        min-width: 665px
    }
}

.info-page__img img {
    max-width: 100%;
    max-height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .info-page__img img {
        max-height: 100%
    }
}

.info-page h1 {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .info-page h1 {
        max-height: 100%;
        margin-bottom: 18px;
        font-size: 24px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .info-page h1 {
        margin-bottom: 24px
    }
}

.info-page p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 160%;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .info-page p {
        font-size: 16px;
        margin-top: 16px
    }
}

.info-page .link {
    color: #141414;
    font-weight: 600;
    text-decoration: none;
    display: block
}

.info-page .btn-chat {
    margin-top: 18px
}

@media only screen and (min-width: 1280px) {
    .info-page .btn-chat {
        margin-top: 24px
    }
}

.info-page .btn {
    margin-top: 18px;
    display: block
}

@media only screen and (min-width: 1280px) {
    .info-page .btn {
        margin-top: 30px
    }
}

.info-page.fault .info-page__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.info-page.fault .info-page__text .btn {
    margin-top: 18px
}

@media only screen and (min-width: 768px) {
    .info-page.fault .info-page__text .btn {
        margin-top: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .info-page.fault .info-page__text .btn {
        margin-top: 80px
    }
}

.info-page.bank .info-page__text, .info-page.not-found .info-page__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.info-page.bank .info-page__text .btn, .info-page.not-found .info-page__text .btn {
    margin-top: 18px
}

@media only screen and (min-width: 768px) {
    .info-page.bank .info-page__text .btn, .info-page.not-found .info-page__text .btn {
        margin-top: 126px
    }
}

@media only screen and (min-width: 1280px) {
    .info-page.bank .info-page__text .btn, .info-page.not-found .info-page__text .btn {
        margin-top: 122px
    }
}

.access.not-found {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 auto 40px;
    padding: 20px 16px;
    max-width: 520px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .access.not-found {
        padding: 34px 40px 30px
    }
}

.access.not-found .title {
    padding-top: 0
}

.access.not-found .btn_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}

.access.not-found .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%
}

@media only screen and (min-width: 768px) {
    .access.not-found .description {
        font-size: 16px
    }
}

.access.not-found .title {
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .access.not-found .title {
        font-size: 24px;
        line-height: 30px
    }
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

@media only screen and (max-width: 767px) {
    .tab-pane.active {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.sssr {
    overflow: hidden;
    scroll-behavior: smooth
}

@media only screen and (min-width: 768px) {
    .sssr {
        scroll-behavior: auto
    }
}

.sssr .banner {
    padding: 92px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, right top, color-stop(2.93%, hsla(0, 0%, 91.8%, 0)), color-stop(39.1%, #eaeaea));
    background: linear-gradient(90deg, hsla(0, 0%, 91.8%, 0) 2.93%, #eaeaea 39.1%)
}

@media only screen and (min-width: 768px) {
    .sssr .banner {
        padding: 126px 0 36px;
        background-image: url(/html/css/../img/sssr/background-main_sm.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .banner {
        padding: 126px 0 56px;
        height: 658px;
        background-image: url(/html/css/../img/sssr/background-main_xl.jpg)
    }
}

@media only screen and (min-width: 1920px) {
    .sssr .banner {
        background-image: url(/html/css/../img/sssr/background-main_xx.jpg)
    }
}

.sssr .banner .caption {
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 11px;
    line-height: 150%;
    color: #000
}

@media only screen and (min-width: 1280px) {
    .sssr .banner .caption {
        font-size: 12px
    }
}

.sssr .banner .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    line-height: 150%;
    color: #000;
    padding: 0;
    margin: 14px 0 30px;
    max-width: 448px;
    font-style: italic
}

@media only screen and (min-width: 768px) {
    .sssr .banner .title {
        margin: 18px 0 70px;
        font-size: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .banner .title {
        margin: 8px 0 46px;
        max-width: 584px;
        font-size: 34px
    }
}

.sssr .banner .title span {
    color: #812e87
}

.sssr .banner-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sssr .banner-product .item {
    text-align: center;
    margin-right: 10px
}

.sssr .banner-product .item:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .sssr .banner-product .item {
        margin-right: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .banner-product .item {
        margin-right: 48px
    }
}

.sssr .banner-product .item .img {
    width: 98px;
    height: 107px
}

@media only screen and (min-width: 768px) {
    .sssr .banner-product .item .img {
        width: 149px;
        height: 164px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .banner-product .item .img {
        width: 203px;
        height: 224px
    }
}

.sssr .banner-product .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sssr .banner-product .item .name {
    font-weight: 400;
    font-size: 9px;
    line-height: 150%;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .sssr .banner-product .item .name {
        font-size: 12px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .banner-product .item .name {
        margin-top: 9px
    }
}

.sssr .banner-img {
    height: 159px;
    width: 100%;
    margin-top: 14px
}

@media only screen and (min-width: 768px) {
    .sssr .banner-img {
        display: none
    }
}

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

.sssr .marquee {
    text-align: center;
    text-transform: uppercase;
    background: #eeaa07;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    height: 40px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .sssr .marquee {
        padding: 0 9px;
        height: 54px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .marquee {
        padding: 6px 8px;
        height: 62px
    }
}

.sssr .marquee p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    color: #000;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite
}

@media only screen and (min-width: 768px) {
    .sssr .marquee p {
        font-size: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .marquee p {
        font-size: 50px
    }
}

.sssr .marquee span {
    -webkit-text-stroke: 1px #000;
    color: transparent
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.sssr .technologies {
    padding-top: 40px
}

@media only screen and (min-width: 768px) {
    .sssr .technologies {
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies {
        padding-top: 50px
    }
}

.sssr .technologies .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .sssr .technologies .heading {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.sssr .technologies .heading .subtitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #727272
}

@media only screen and (min-width: 768px) {
    .sssr .technologies .heading .subtitle {
        font-size: 14px;
        line-height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies .heading .subtitle {
        font-size: 16px;
        line-height: 20px
    }
}

.sssr .technologies .heading .title {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin-top: 10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .sssr .technologies .heading .title {
        margin-top: 20px;
        max-width: 328px;
        font-size: 26px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies .heading .title {
        margin-top: 21px;
        max-width: 480px;
        font-size: 29px
    }
}

.sssr .technologies .heading .description {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%
}

@media only screen and (min-width: 768px) {
    .sssr .technologies .heading .description {
        max-width: 327px;
        line-height: 150%;
        margin-left: 33px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies .heading .description {
        font-size: 16px;
        max-width: 406px
    }
}

.sssr .technologies-slider {
    width: 100%;
    margin-top: 33px
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-slider {
        margin-top: 70px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-slider {
        margin-top: 82px
    }
}

.sssr .technologies-slider .swiper-slide {
    width: calc(100% - 48px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 328px
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-slider .swiper-slide {
        width: calc(100% - 80px);
        max-width: 690px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-slider .swiper-slide {
        width: 100%;
        max-width: 1200px
    }
}

.sssr .technologies-slider .swiper-slide .one-item:first-child {
    margin-right: 8px
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-slider .swiper-slide .one-item:first-child {
        margin-right: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-slider .swiper-slide .one-item:first-child {
        margin-right: 12px
    }
}

.sssr .technologies-slider .swiper-slide-active .name {
    display: block
}

.sssr .technologies-slider .img {
    width: 160px;
    height: 225px
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-slider .img {
        width: 340px;
        height: 238px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-slider .img {
        width: 594px;
        height: 420px
    }
}

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

.sssr .technologies-slider .name {
    margin-top: 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: #000;
    display: none
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-slider .name {
        font-size: 16px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-slider .name {
        font-size: 18px;
        margin-top: 20px
    }
}

.sssr .technologies-next, .sssr .technologies-prev {
    display: none
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-next, .sssr .technologies-prev {
        top: 30%;
        width: 35px;
        height: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-next, .sssr .technologies-prev {
        top: 35%;
        width: 64px;
        height: 64px
    }
}

.sssr .technologies-next:after, .sssr .technologies-prev:after {
    content: none
}

.sssr .technologies-next svg, .sssr .technologies-prev svg {
    width: 35px;
    height: 35px
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-next svg, .sssr .technologies-prev svg {
        width: 64px;
        height: 64px
    }
}

.sssr .technologies-next {
    right: calc(50vw - 345px)
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-next {
        right: calc(50vw - 600px)
    }
}

.sssr .technologies-prev {
    left: calc(50vw - 345px)
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-prev {
        left: calc(50vw - 600px)
    }
}

.sssr .technologies-pagination {
    position: static;
    margin-top: 30px;
    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
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-pagination {
        margin-top: 54px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-pagination {
        margin-top: 80px
    }
}

.sssr .technologies-pagination .swiper-pagination-bullet {
    background: none;
    -webkit-text-stroke: 1px #000;
    color: transparent;
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    opacity: 1;
    pointer-events: none;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-pagination .swiper-pagination-bullet {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-pagination .swiper-pagination-bullet {
        font-size: 22px
    }
}

.sssr .technologies-pagination .swiper-pagination-bullet.active {
    color: #000;
    -webkit-text-stroke: inherit
}

.sssr .technologies-pagination .swiper-pagination-bullet.active .line {
    width: 18px
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-pagination .swiper-pagination-bullet.active .line {
        width: 80px
    }
}

.sssr .technologies-pagination .swiper-pagination-bullet.active .line:before {
    -webkit-animation: line 5s linear;
    animation: line 5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.sssr .technologies-pagination .swiper-pagination-bullet.active .line:last-child {
    display: block !important
}

.sssr .technologies-pagination .swiper-pagination-bullet:last-child .line {
    display: none
}

.sssr .technologies-pagination .swiper-pagination-bullet .line {
    height: 1px;
    width: 6px;
    background: #b7b7b7;
    display: inline-block;
    margin: 0 4px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .sssr .technologies-pagination .swiper-pagination-bullet .line {
        width: 16px;
        margin: 0 7px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .technologies-pagination .swiper-pagination-bullet .line {
        width: 20px;
        margin: 0 4px
    }
}

.sssr .technologies-pagination .swiper-pagination-bullet .line:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 0;
    left: 0;
    top: -1.5px;
    background: #812e87
}

@-webkit-keyframes line {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.sssr .machine {
    height: 640px;
    margin-top: 34px
}

@media only screen and (min-width: 768px) {
    .sssr .machine {
        margin-top: 40px;
        height: 650px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine {
        height: 720px;
        margin-top: 80px
    }
}

.sssr .machine::-webkit-scrollbar {
    width: 0
}

.sssr .machine-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px
}

@media only screen and (min-width: 768px) {
    .sssr .machine-container {
        width: calc(100% - 80px);
        margin-left: 40px;
        margin-right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-container {
        max-width: 1200px;
        margin: 0 auto;
        height: 720px;
        padding-top: 15px
    }
}

.sssr .machine-icons {
    display: grid;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns:1fr 1fr;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.sssr .machine-icons.first {
    margin-top: 134px;
    grid-gap: 30px 28px;
    gap: 30px 28px;
    min-width: 260px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 80px
}

@media only screen and (min-width: 768px) {
    .sssr .machine-icons.first {
        margin-top: 202px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 66px;
        grid-gap: 30px 32px;
        gap: 30px 32px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-icons.first {
        grid-gap: 40px 72px;
        gap: 40px 72px;
        margin-top: 254px;
        min-width: 332px;
        margin-left: 0
    }
}

.sssr .machine-icons.second {
    grid-gap: 30px 32px;
    gap: 30px 32px;
    min-width: 272px
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-icons.second {
        min-width: 326px;
        grid-gap: 40px 45px;
        gap: 40px 45px;
        margin-left: 15px
    }
}

.sssr .machine-icons__item {
    max-width: 120px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-icons__item {
        max-width: 130px
    }
}

.sssr .machine-icons__item .name {
    margin-top: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #000
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-icons__item .name {
        margin-top: 10px;
        font-size: 16px
    }
}

.sssr .machine-icons__item svg {
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-icons__item svg {
        width: 48px;
        height: 48px
    }
}

.sssr .machine-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 84px
}

@media only screen and (min-width: 768px) {
    .sssr .machine-img {
        margin-left: 80px
    }
}

.sssr .machine-img.first {
    background-color: #eaeaea;
    padding: 102px 21px 35px 14px;
    width: 373px;
    height: 504px;
    margin: 68px 0 68px 140px;
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 768px) {
    .sssr .machine-img.first {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 52px 0 52px 40px;
        padding: 96px 26px 35px 47px;
        width: 455px;
        height: 546px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-img.first {
        padding: 100px 30px 38px 52px;
        width: 510px;
        height: 612px;
        margin: 54px 0 54px 80px
    }
}

.sssr .machine-img.first img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sssr .machine-img.first .name {
    position: absolute;
    -webkit-text-stroke: 1px #000;
    color: transparent;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 54px;
    line-height: 150%;
    top: 42px;
    left: -126px
}

@media only screen and (min-width: 768px) {
    .sssr .machine-img.first .name {
        top: 15px;
        left: -156px;
        font-size: 64px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-img.first .name {
        font-size: 90px;
        left: -220px
    }
}

.sssr .machine-img.second {
    height: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.sssr .machine-img.second img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sssr .machine-text {
    margin-top: 180px;
    margin-left: 80px;
    min-width: 312px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (min-width: 768px) {
    .sssr .machine-text {
        min-width: 460px;
        margin-top: 160px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-text {
        margin-top: 185px;
        margin-left: 60px
    }
}

.sssr .machine-text .subtitle {
    color: #727272;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

@media only screen and (min-width: 768px) {
    .sssr .machine-text .subtitle {
        font-size: 14px;
        line-height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-text .subtitle {
        font-size: 16px;
        line-height: 20px
    }
}

.sssr .machine-text .description {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .sssr .machine-text .description {
        font-size: 26px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-text .description {
        font-size: 29px;
        margin-top: 16px
    }
}

.sssr .machine-buyBlock {
    margin: 47px 0 47px 80px;
    padding-right: 80px;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

@media only screen and (min-width: 768px) {
    .sssr .machine-buyBlock {
        margin: 52px 0 52px 100px;
        padding-right: 180px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-buyBlock {
        margin: 54px 0 46px 145px;
        padding-right: 136px
    }
}

.sssr .machine-buyBlock .btn {
    background: #eeaa07;
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    margin-top: 90px;
    width: 240px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .sssr .machine-buyBlock .btn {
        width: 289px;
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-buyBlock .btn {
        width: 310px;
        height: 80px;
        font-size: 20px
    }
}

.sssr .machine-buyBlock .btn.disabled {
    background-color: #a7a7a7;
    cursor: none;
    pointer-events: none
}

.sssr .machine-buyBlock .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-transform: uppercase;
    color: #000;
    position: relative
}

@media only screen and (min-width: 768px) {
    .sssr .machine-buyBlock .price {
        margin-top: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-buyBlock .price {
        margin-top: 15px
    }
}

.sssr .machine-buyBlock .price .prev {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    margin-right: 30px
}

.sssr .machine-buyBlock .price .curr {
    font-weight: 600
}

.sssr .machine-buyBlock .price-circle {
    background-color: #812e87;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    position: absolute;
    right: -40px;
    bottom: 82px;
    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;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    line-height: 150%;
    -webkit-text-stroke: .5px #fff;
    color: transparent
}

@media only screen and (min-width: 768px) {
    .sssr .machine-buyBlock .price-circle {
        right: -72px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .machine-buyBlock .price-circle {
        width: 84px;
        height: 84px;
        right: -42px;
        bottom: 98px;
        font-size: 22px
    }
}

.sssr .appliances {
    margin-top: 40px;
    padding: 40px 0 30px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .sssr .appliances {
        margin-top: 60px;
        padding: 60px 0 72px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances {
        margin-top: 80px;
        padding: 80px 0
    }
}

.sssr .appliances .head-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .sssr .appliances .head-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.sssr .appliances .head-block__subtitle {
    font-weight: 500;
    font-size: 12x;
    line-height: 15px;
    color: #727272;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .sssr .appliances .head-block__subtitle {
        font-size: 14px;
        line-height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances .head-block__subtitle {
        font-size: 16px;
        line-height: 20px
    }
}

.sssr .appliances .head-block__title {
    margin-top: 10px;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%
}

@media only screen and (min-width: 768px) {
    .sssr .appliances .head-block__title {
        margin-top: 20px;
        font-size: 26px;
        max-width: 328px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances .head-block__title {
        max-width: 480px;
        font-size: 29px
    }
}

.sssr .appliances .head-block__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #000;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances .head-block__description {
        margin-left: 32px;
        max-width: 328px;
        line-height: 150%;
        margin-top: 37px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances .head-block__description {
        margin-left: 136px;
        max-width: 406px;
        font-size: 16px;
        margin-top: 0
    }
}

.sssr .appliances__content {
    margin: 12px auto 0
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content {
        margin: 30px 0 0
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content {
        width: 930px;
        margin: 14px 0 0
    }
}

.sssr .appliances__content .item {
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s
}

.sssr .appliances__content .item__img {
    width: 120px;
    height: 120px;
    margin: 0 38px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__img {
        width: 165px;
        height: 240px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__img {
        width: 219px;
        height: 300px
    }
}

.sssr .appliances__content .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sssr .appliances__content .item__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #171717;
    text-align: center;
    margin: 20px 38px 0;
    max-width: 140px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__title {
        font-size: 16px;
        line-height: 130%;
        margin: 20px 0 0;
        max-width: 256px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__title {
        margin: 15px 38px 0;
        font-size: 18px;
        max-width: none
    }
}

.sssr .appliances__content .item__description {
    margin-top: 60px;
    visibility: hidden;
    max-width: 272px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__description {
        left: -82%;
        margin-top: 40px;
        min-width: 408px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__description {
        margin-top: 60px;
        max-width: none;
        left: 0
    }
}

.sssr .appliances__content .item__vendorCode {
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__vendorCode {
        font-size: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__vendorCode {
        font-size: 14px
    }
}

.sssr .appliances__content .item__text {
    margin-top: 15px;
    font-weight: 500;
    font-size: 11px;
    line-height: 140%;
    color: #171717
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__text {
        margin-top: 16px;
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__text {
        margin-top: 15px
    }
}

.sssr .appliances__content .item__price {
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: #000;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__price {
        margin-top: 40px;
        font-size: 20px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__price {
        font-size: 18px
    }
}

.sssr .appliances__content .item__addBucket {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__addBucket {
        margin-top: 20px
    }
}

.sssr .appliances__content .item__addBucket-btn {
    width: 42px;
    height: 42px;
    background: #812e87;
    border-radius: 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;
    border: none;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__addBucket-btn {
        width: 56px;
        height: 56px
    }
}

.sssr .appliances__content .item__addBucket-btn svg {
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__addBucket-btn svg {
        width: 16px;
        height: 16px
    }
}

.sssr .appliances__content .item__addBucket-text {
    margin-left: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .item__addBucket-text {
        font-size: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .item__addBucket-text {
        margin-left: 20px;
        font-size: 18px
    }
}

.sssr .appliances__content .swiper-slide-active {
    opacity: 1
}

.sssr .appliances__content .swiper-slide-active .item__img {
    width: 140px;
    height: 140px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content .swiper-slide-active .item__img {
        width: 256px;
        height: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content .swiper-slide-active .item__img {
        width: 338px;
        height: 300px
    }
}

.sssr .appliances__content .swiper-slide-active .item__description {
    visibility: visible
}

.sssr .appliances__content-next, .sssr .appliances__content-prev {
    width: 24px;
    height: 24px;
    top: 37%;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-next, .sssr .appliances__content-prev {
        width: 36px;
        height: 36px;
        top: 40%
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content-next, .sssr .appliances__content-prev {
        width: 42px;
        height: 42px;
        top: 41.5%
    }
}

.sssr .appliances__content-next:after, .sssr .appliances__content-prev:after {
    content: none
}

.sssr .appliances__content-next svg, .sssr .appliances__content-prev svg {
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-next svg, .sssr .appliances__content-prev svg {
        width: 36px;
        height: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content-next svg, .sssr .appliances__content-prev svg {
        width: 42px;
        height: 42px
    }
}

.sssr .appliances__content-next {
    left: 204px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-next {
        left: auto;
        right: -10px
    }
}

.sssr .appliances__content-prev {
    left: 0
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-prev {
        left: -10px
    }
}

.sssr .appliances__content-pagination {
    position: static;
    margin-top: 50px;
    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
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-pagination {
        margin-top: 80px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content-pagination {
        margin-top: 112px
    }
}

.sssr .appliances__content-pagination .swiper-pagination-bullet {
    background: none;
    -webkit-text-stroke: 1px #000;
    color: transparent;
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    width: auto;
    height: auto;
    position: relative;
    margin: 0;
    opacity: 1;
    pointer-events: none;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-pagination .swiper-pagination-bullet {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content-pagination .swiper-pagination-bullet {
        font-size: 22px
    }
}

.sssr .appliances__content-pagination .swiper-pagination-bullet.active {
    color: #000;
    -webkit-text-stroke: inherit
}

.sssr .appliances__content-pagination .swiper-pagination-bullet.active .line {
    width: 18px
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-pagination .swiper-pagination-bullet.active .line {
        width: 80px
    }
}

.sssr .appliances__content-pagination .swiper-pagination-bullet.active .line:before {
    -webkit-animation: line 5s linear;
    animation: line 5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.sssr .appliances__content-pagination .swiper-pagination-bullet.active .line:last-child {
    display: block !important
}

.sssr .appliances__content-pagination .swiper-pagination-bullet:last-child .line {
    display: none
}

.sssr .appliances__content-pagination .swiper-pagination-bullet .line {
    height: 1px;
    width: 6px;
    background: #b7b7b7;
    display: inline-block;
    margin: 0 4px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__content-pagination .swiper-pagination-bullet .line {
        margin: 0 7px;
        width: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__content-pagination .swiper-pagination-bullet .line {
        width: 20px;
        margin: 0 4px
    }
}

.sssr .appliances__content-pagination .swiper-pagination-bullet .line:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 0;
    left: 0;
    top: -1.5px;
    background: #812e87
}

@keyframes line {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.sssr .appliances__images {
    position: absolute;
    right: 0;
    bottom: 186px;
    width: 136px;
    height: 271px;
    z-index: 0
}

@media only screen and (min-width: 768px) {
    .sssr .appliances__images {
        width: 163px;
        height: 325px;
        bottom: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__images {
        width: 381px;
        height: calc(100% - 160px);
        top: 80px
    }
}

.sssr .appliances__images .item__img {
    width: 100%;
    height: 100%;
    text-align: right
}

.sssr .appliances__images .item__img img {
    max-width: 100%;
    height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (min-width: 1280px) {
    .sssr .appliances__images .item__img img {
        max-width: 80%
    }
}

@media only screen and (min-width: 1440px) {
    .sssr .appliances__images .item__img img {
        max-width: 80%
    }
}

.sssr .appliances__images .swiper-slide-active .item__img img {
    height: 100%
}

.sssr .footer-product {
    padding: 36px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product {
        padding: 0 0 30px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product {
        background-image: url(/html/css/../img/sssr/background-footer_xl.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        height: 660px;
        padding: 36px 0 60px
    }
}

.sssr .footer-product__img {
    width: 100%;
    height: 190px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: 180px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__img {
        display: none
    }
}

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

.sssr .footer-product .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product .container {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width: 767px) {
    .sssr .footer-product .container {
        width: 100%;
        margin: 0
    }
}

.sssr .footer-product__list {
    display: none
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__list {
        margin-right: 32px;
        margin-top: 264px;
        display: block;
        min-width: 162px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__list {
        margin-top: 234px;
        margin-right: 24px;
        min-width: 220px
    }
}

.sssr .footer-product__list p {
    margin-top: 30px;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #000;
    min-height: 18px
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__list p {
        margin-top: 26px;
        font-size: 18px;
        min-height: 24px
    }
}

.sssr .footer-product__list p:first-child {
    margin-top: 0
}

.sssr .footer-product__slider {
    margin: 0 24px 40px;
    height: 100%;
    width: calc(100vw - 48px);
    overflow: visible
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider {
        margin: 30px 0 0;
        width: calc(100vw - 274px)
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__slider {
        margin: 0
    }
}

.sssr .footer-product__slider .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: auto
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__slider .item {
        width: 157px !important
    }
}

.sssr .footer-product__slider .item__img {
    width: 145px;
    height: 170px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__img {
        width: 145px;
        height: 174px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__slider .item__img {
        width: 158px;
        height: 174px
    }
}

.sssr .footer-product__slider .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sssr .footer-product__slider .item__code {
    margin-top: 15px;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    text-align: center;
    color: #000
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__code {
        margin-top: 10px
    }
}

.sssr .footer-product__slider .item__characteristic {
    margin: 20px auto auto
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__characteristic {
        margin: 34px auto auto
    }
}

.sssr .footer-product__slider .item__list {
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #000;
    min-height: 18px
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__list {
        margin-top: 26px
    }

    .sssr .footer-product__slider .item__list:nth-child(2) {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__slider .item__list {
        margin-top: 26px;
        min-height: 24px;
        font-size: 16px
    }

    .sssr .footer-product__slider .item__list:nth-child(2) {
        margin-top: 0
    }
}

.sssr .footer-product__slider .item__list.name {
    margin-top: 15px;
    font-weight: 600;
    font-size: 13px
}

.sssr .footer-product__slider .item__list.name:first-child {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__list.name {
        display: none
    }
}

.sssr .footer-product__slider .item__btn {
    background-color: #eeaa07;
    width: 127px;
    height: 45px;
    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;
    margin: 22px auto 0;
    border: none;
    padding: 0;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__btn {
        margin: 30px auto 0;
        width: 140px
    }
}

@media only screen and (min-width: 1280px) {
    .sssr .footer-product__slider .item__btn {
        margin: 25px auto 0;
        font-size: 16px
    }
}

.sssr .footer-product__slider .item__btn.disabled {
    background-color: #a7a7a7;
    cursor: none;
    pointer-events: none
}

.sssr .footer-product__slider .item__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__price {
        margin-top: 14px
    }
}

.sssr .footer-product__slider .item__price .prev {
    font-weight: 400;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #000;
    margin-right: 12px
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__slider .item__price .prev {
        margin-right: 20px
    }
}

.sssr .footer-product__slider .item__price .curr {
    font-weight: 600;
    color: #812e87
}

.sssr .footer-product__scrollbar {
    width: 280px;
    height: 4px;
    margin: 25px auto 0;
    position: static;
    background: #fff;
    border-radius: 16px
}

.sssr .footer-product__scrollbar .swiper-scrollbar-drag {
    background: #000;
    border-radius: 16px
}

@media only screen and (min-width: 768px) {
    .sssr .footer-product__scrollbar {
        display: none
    }
}

.bread-crumbs {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a5a5a5;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media only screen and (min-width: 768px) {
    .bread-crumbs {
        padding-top: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .bread-crumbs {
        padding-top: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .bread-crumbs {
        padding-top: 40px
    }
}

.bread-crumbs__level {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    text-decoration: none;
    cursor: pointer
}

.bread-crumbs__symbol {
    overflow: hidden;
    margin: 0 3px;
    width: 5px
}

.bread-crumbs__active-level {
    color: #141414;
    cursor: default
}

.CookingChefXlPromo {
    margin-top: 70px
}

@media only screen and (min-width: 768px) {
    .CookingChefXlPromo {
        margin-top: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .CookingChefXlPromo .rich__characteristics .characteristics__table tr td:first-child {
        width: 330px;
        padding-right: 32px
    }
}

.CookingChefXlPromo .cookingChef-banner-img {
    margin: 28px auto 188px
}

@media only screen and (min-width: 768px) {
    .CookingChefXlPromo .cookingChef-banner-img {
        margin: 220px auto 32px
    }
}

@media only screen and (min-width: 1280px) {
    .CookingChefXlPromo .cookingChef-banner-img {
        margin: 0
    }
}

.CookingChefXlPromo .cookingChef-banner-info {
    margin: 25px 0 0
}

@media only screen and (min-width: 768px) {
    .CookingChefXlPromo .cookingChef-banner-info {
        margin: 50px 0 60px
    }
}

@media only screen and (min-width: 1280px) {
    .CookingChefXlPromo .cookingChef-banner-info {
        margin: 96px 0 92px 135px
    }
}

.CookingChefXlPromo .cookingChef-banner-button {
    display: block
}

.cookingChef-banner {
    position: relative
}

.cookingChef-banner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.cookingChef-banner-img {
    height: 309px;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 9px auto 38px
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        max-width: 480px;
        height: 100%;
        width: 330px;
        margin: 80px 0 0 32px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        width: 100%
    }
}

.cookingChef-banner-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 0 !important
}

.cookingChef-banner-img .discount-badge {
    display: none
}

.cookingChef-banner-info {
    margin: 0
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-info {
        max-width: 326px;
        margin: auto 0
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 555px;
        margin: auto 0 auto 135px
    }
}

.cookingChef-banner-info__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #000
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-info__name {
        font-size: 18px;
        line-height: 22px
    }
}

.cookingChef-banner-info__title {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    line-height: 130%;
    margin-top: 18px
}

.cookingChef-banner-info__title em {
    color: #7a2382;
    font-style: italic;
    font-family: Merriweather
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-info__title {
        margin-top: 30px;
        font-size: 44px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-info__title {
        font-size: 55px;
        margin-top: 55px
    }
}

.cookingChef-banner-button {
    display: none;
    position: absolute;
    top: 520px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-button {
        margin-top: 120px;
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-button {
        margin-top: 30px
    }
}

.cookingChef-banner-button .btn-live {
    width: 196px;
    height: 40px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100px;
    text-decoration: 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;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-button .btn-live {
        width: 268px;
        height: 62px;
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-button .btn-live {
        width: 319px;
        height: 62px;
        font-size: 21px
    }
}

.cookingChef-banner-button .btn-buy {
    width: 196px;
    height: 40px;
    background-color: #eeaa07;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100px;
    text-decoration: 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;
    margin-top: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-button .btn-buy {
        width: 268px;
        height: 62px;
        font-size: 18px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-button .btn-buy {
        width: 319px;
        height: 62px;
        font-size: 21px;
        margin-top: 16px
    }
}

.cookingChef-banner-button .price {
    width: 196px;
    height: 40px;
    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;
    font-weight: 600;
    line-height: 130%;
    margin-top: 14px;
    color: #000;
    font-size: 23px
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-button .price {
        width: 268px;
        font-size: 30px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-button .price {
        width: 319px;
        margin-top: 28px
    }
}

.cookingChef-banner-button .prev {
    display: none
}

.cookingChef-info-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-bottom: 33px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider {
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider {
        padding-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.cookingChef-info-slider .left-block {
    margin: 32px 24px 0
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .left-block {
        margin: 60px 40px 0
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .left-block {
        margin: 60px 0 80px calc(50% - 600px);
        max-width: 530px
    }
}

.cookingChef-info-slider .left-block__name {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #000
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .left-block__name {
        font-size: 16px;
        line-height: 20px
    }
}

.cookingChef-info-slider .left-block__content {
    margin-top: 18px
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .left-block__content {
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .left-block__content {
        margin-top: 20px
    }
}

.cookingChef-info-slider .left-block__content .item-name {
    font-weight: 600;
    font-size: 21px;
    line-height: 130%;
    color: #000;
    margin-left: 60px
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .left-block__content .item-name {
        margin-left: 82px;
        font-size: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .left-block__content .item-name {
        margin-left: 0
    }
}

.cookingChef-info-slider .left-block__content .item-index {
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 160%;
    color: #7a2382;
    font-family: Merriweather;
    position: absolute;
    top: -12px;
    left: 0
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .left-block__content .item-index {
        top: -22px;
        font-size: 56px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .left-block__content .item-index {
        position: static;
        margin-top: 80px
    }
}

.cookingChef-info-slider .left-block__content .item-description {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #000;
    margin-left: 60px;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .left-block__content .item-description {
        margin-left: 82px;
        margin-top: 16px;
        font-size: 16px;
        line-height: 160%
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .left-block__content .item-description {
        margin-left: 0;
        max-width: 480px
    }
}

.cookingChef-info-slider__image {
    height: 100%;
    width: 100%;
    max-height: 270px;
    margin: 30px 0 0
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider__image {
        margin: 40px 0 0;
        max-height: 370px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider__image {
        max-height: 720px;
        margin: 0 0 0 120px
    }
}

.cookingChef-info-slider__image .item__img {
    width: 100%;
    height: 100%
}

.cookingChef-info-slider__image .item__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 270px;
    margin-right: 0 !important
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider__image .item__img img {
        max-height: 370px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider__image .item__img img {
        max-height: 720px;
        height: 720px
    }
}

.cookingChef-info-slider__next:after, .cookingChef-info-slider__prev:after {
    content: none
}

.cookingChef-info-slider__next svg, .cookingChef-info-slider__prev svg {
    width: 20px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider__next svg, .cookingChef-info-slider__prev svg {
        width: 40px;
        height: 80px;
        min-width: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider__next svg, .cookingChef-info-slider__prev svg {
        height: 108px
    }
}

.cookingChef-info-slider__next {
    right: 24px
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider__next {
        right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider__next {
        right: 30px
    }
}

.cookingChef-info-slider__prev {
    left: 24px
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider__prev {
        left: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider__prev {
        left: 30px
    }
}

.cookingChef-info-slider .swiper-scrollbar {
    width: 270px;
    height: 2px;
    background-color: #b7b7b7;
    position: relative;
    margin: 32px auto 0
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .swiper-scrollbar {
        width: 396px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .swiper-scrollbar {
        position: absolute;
        margin: 0;
        width: 400px;
        left: calc(50% - 600px);
        bottom: 84px
    }
}

.cookingChef-info-slider .swiper-scrollbar-drag {
    height: 4px;
    background-color: #7a2382;
    margin-top: -1px;
    position: absolute
}

.cookingChef-info-slider .btn-live {
    background: #eeaa07;
    border-radius: 100px;
    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;
    font-weight: 500;
    color: #000;
    width: 222px;
    height: 40px;
    font-size: 12px;
    margin: 32px auto 0;
    text-transform: uppercase;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .cookingChef-info-slider .btn-live {
        width: 274px;
        height: 62px;
        font-size: 18px;
        margin: 40px auto 0
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-info-slider .btn-live {
        position: absolute;
        margin: 0;
        bottom: 56px;
        right: 150px;
        z-index: 1;
        width: 365px;
        height: 60px;
        font-size: 21px
    }
}

.cookingChef-about__title {
    font-weight: 600;
    font-size: 21px;
    line-height: 130%;
    color: #000;
    margin: 45px auto 0
}

.cookingChef-about__title em {
    color: #7a2382;
    font-style: italic;
    font-family: Merriweather
}

@media only screen and (min-width: 768px) {
    .cookingChef-about__title {
        margin: 94px auto 0;
        font-size: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about__title {
        margin: 70px auto 0;
        max-width: 994px;
        text-align: center
    }
}

@media only screen and (min-width: 1920px) {
    .cookingChef-about__title {
        font-size: 52px;
        max-width: 1115px
    }
}

.cookingChef-about__subtitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #000;
    margin-top: 32px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about__subtitle {
        margin-top: 60px;
        font-size: 18px;
        line-height: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about__subtitle {
        margin-top: 64px;
        font-size: 16px;
        line-height: 20px
    }
}

.cookingChef-about-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .cookingChef-about-info {
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about-info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-top: 18px
    }
}

.cookingChef-about-info__title {
    font-weight: 600;
    font-size: 21px;
    line-height: 130%;
    color: #000;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cookingChef-about-info__title {
        font-size: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about-info__title {
        min-width: 530px;
        font-size: 40px
    }
}

.cookingChef-about-info__description {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #000;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about-info__description {
        font-size: 18px;
        line-height: 160%
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about-info__description {
        margin-left: 125px;
        font-size: 16px;
        margin-top: 0
    }
}

.cookingChef-about-img {
    margin-top: 66px;
    height: 270px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about-img {
        margin-top: 40px;
        height: 374px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about-img {
        margin-top: 38px;
        height: 450px
    }
}

.cookingChef-about-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 0 !important
}

.cookingChef-about .temp-slider {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .temp-slider {
        margin-top: 40px
    }
}

.cookingChef-about .temp-slider__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px auto 75px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .temp-slider__bottom {
        margin: 14px auto 46px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .temp-slider__bottom {
        margin: 18px auto 40px
    }
}

.cookingChef-about .temp-slider__bottom .max, .cookingChef-about .temp-slider__bottom .min {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    font-size: 21px;
    line-height: 160%;
    color: #000;
    position: absolute;
    top: 8px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .temp-slider__bottom .max, .cookingChef-about .temp-slider__bottom .min {
        position: static
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .temp-slider__bottom .max, .cookingChef-about .temp-slider__bottom .min {
        font-size: 18px
    }
}

.cookingChef-about .temp-slider__bottom .min {
    left: 24px
}

.cookingChef-about .temp-slider__bottom .max {
    right: 24px
}

.cookingChef-about .temp-slider__bottom .swiper-pagination {
    position: static;
    margin: auto 24px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: calc(100vw - 48px)
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .temp-slider__bottom .swiper-pagination {
        max-width: 396px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .temp-slider__bottom .swiper-pagination {
        max-width: 480px;
        margin: auto 20px
    }
}

.cookingChef-about .temp-slider__bottom .swiper-pagination-bullet {
    margin: 0;
    width: 48px;
    height: 2px;
    background-color: #b7b7b7;
    position: relative;
    opacity: 1;
    border-radius: inherit
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .temp-slider__bottom .swiper-pagination-bullet {
        width: 65px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .temp-slider__bottom .swiper-pagination-bullet {
        width: 80px
    }
}

.cookingChef-about .temp-slider__bottom .swiper-pagination-bullet.active {
    height: 4px;
    background-color: #7a2382;
    margin-top: -1px
}

.cookingChef-about .index-slider {
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider {
        margin-top: 45px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider {
        margin-top: 70px
    }
}

.cookingChef-about .index-slider .swiper-pagination {
    position: static;
    margin: 30px auto 32px;
    max-width: calc(100vw - 48px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .swiper-pagination {
        max-width: 396px;
        margin: 35px auto 60px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider .swiper-pagination {
        margin: 46px auto 38px;
        max-width: 480px
    }
}

.cookingChef-about .index-slider .swiper-pagination-bullet {
    margin: 0;
    width: 68px;
    height: 2px;
    background-color: #b7b7b7;
    position: relative;
    opacity: 1;
    border-radius: inherit
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .swiper-pagination-bullet {
        width: 65px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider .swiper-pagination-bullet {
        width: 80px
    }
}

.cookingChef-about .index-slider .swiper-pagination-bullet.active {
    height: 4px;
    background-color: #7a2382;
    margin-top: -1px
}

.cookingChef-about .index-slider .item, .cookingChef-about .temp-slider .item {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider .item, .cookingChef-about .temp-slider .item {
        width: 498px
    }
}

.cookingChef-about .index-slider .item__img, .cookingChef-about .temp-slider .item__img {
    width: 100%;
    height: 270px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .item__img, .cookingChef-about .temp-slider .item__img {
        height: 370px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider .item__img, .cookingChef-about .temp-slider .item__img {
        height: 320px
    }
}

.cookingChef-about .index-slider .item__img img, .cookingChef-about .temp-slider .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 0 !important
}

.cookingChef-about .index-slider .item__text, .cookingChef-about .temp-slider .item__text {
    margin: 16px 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .item__text, .cookingChef-about .temp-slider .item__text {
        margin: 14px 40px 0
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider .item__text, .cookingChef-about .temp-slider .item__text {
        margin: 14px 0 0
    }
}

.cookingChef-about .index-slider .item__text .temp, .cookingChef-about .temp-slider .item__text .temp {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: #7a2382;
    margin-right: 4px;
    min-width: 80px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .item__text .temp, .cookingChef-about .temp-slider .item__text .temp {
        font-size: 18px
    }
}

.cookingChef-about .index-slider .item__text .name, .cookingChef-about .temp-slider .item__text .name {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    margin-left: auto;
    color: #000
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .item__text .name, .cookingChef-about .temp-slider .item__text .name {
        font-size: 18px
    }
}

.cookingChef-about .index-slider .item__text .index, .cookingChef-about .temp-slider .item__text .index {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    font-size: 21px;
    line-height: 160%;
    color: #7a2382
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider .item__text .index, .cookingChef-about .temp-slider .item__text .index {
        font-size: 22px
    }
}

.cookingChef-about .index-slider .swiper-slide-active .item__text, .cookingChef-about .temp-slider .swiper-slide-active .item__text {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.cookingChef-about .index-slider__next, .cookingChef-about .index-slider__prev, .cookingChef-about .temp-slider__next, .cookingChef-about .temp-slider__prev {
    top: 131px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider__next, .cookingChef-about .index-slider__prev, .cookingChef-about .temp-slider__next, .cookingChef-about .temp-slider__prev {
        top: 185px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider__next, .cookingChef-about .index-slider__prev, .cookingChef-about .temp-slider__next, .cookingChef-about .temp-slider__prev {
        top: 146px
    }
}

.cookingChef-about .index-slider__next:after, .cookingChef-about .index-slider__prev:after, .cookingChef-about .temp-slider__next:after, .cookingChef-about .temp-slider__prev:after {
    content: none
}

.cookingChef-about .index-slider__next svg, .cookingChef-about .index-slider__prev svg, .cookingChef-about .temp-slider__next svg, .cookingChef-about .temp-slider__prev svg {
    width: 20px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider__next svg, .cookingChef-about .index-slider__prev svg, .cookingChef-about .temp-slider__next svg, .cookingChef-about .temp-slider__prev svg {
        width: 40px;
        height: 80px;
        min-width: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider__next svg, .cookingChef-about .index-slider__prev svg, .cookingChef-about .temp-slider__next svg, .cookingChef-about .temp-slider__prev svg {
        height: 108px
    }
}

.cookingChef-about .index-slider__next, .cookingChef-about .temp-slider__next {
    right: 25px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider__next, .cookingChef-about .temp-slider__next {
        right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider__next, .cookingChef-about .temp-slider__next {
        right: calc(50% - 570px)
    }
}

.cookingChef-about .index-slider__prev, .cookingChef-about .temp-slider__prev {
    left: 25px
}

@media only screen and (min-width: 768px) {
    .cookingChef-about .index-slider__prev, .cookingChef-about .temp-slider__prev {
        left: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-about .index-slider__prev, .cookingChef-about .temp-slider__prev {
        left: calc(50% - 570px)
    }
}

.cookingChef-function {
    background: #eeaa07;
    padding: 32px 0;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .cookingChef-function {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function {
        padding: 60px 0 40px
    }
}

.cookingChef-function-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    color: #000;
    width: 279px
}

.cookingChef-function-title em {
    color: #fff;
    font-style: italic;
    font-family: Merriweather
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-title {
        width: 449px;
        font-size: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-title {
        display: block;
        width: 100%;
        text-align: center
    }
}

.cookingChef-function-img {
    margin: 96px auto 0 !important;
    width: 428px;
    height: 394px;
    display: none
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-img {
        display: block
    }
}

.cookingChef-function .btn-buy {
    width: 319px;
    height: 62px;
    background: #7a2382;
    border-radius: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 55px auto 0;
    font-weight: 500;
    font-size: 21px;
    line-height: 160%;
    color: #fff;
    text-transform: uppercase;
    display: none;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function .btn-buy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.cookingChef-function-mobImg {
    display: block;
    margin-top: 48px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-mobImg {
        margin-top: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-mobImg {
        display: none
    }
}

.cookingChef-function-mobImg .first {
    height: 280px;
    margin-left: auto;
    display: block;
    margin-right: -79px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-mobImg .first {
        height: 440px;
        margin-right: -103px
    }
}

.cookingChef-function-mobImg .second {
    margin-top: 70px;
    height: 280px;
    display: block;
    margin-right: auto;
    margin-left: -112px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-mobImg .second {
        margin-top: 72px;
        height: 440px;
        margin-left: -142px
    }
}

.cookingChef-function-info .item {
    position: absolute;
    width: 125px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item {
        width: 280px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item {
        width: 315px
    }
}

.cookingChef-function-info .item__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    text-transform: uppercase;
    color: #000
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item__title {
        font-size: 24px;
        line-height: 150%
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item__title {
        font-size: 22px
    }
}

.cookingChef-function-info .item__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #000;
    margin-top: 4px;
    display: none
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item__desc {
        display: block
    }
}

.cookingChef-function-info .item .line {
    height: 1px;
    background-color: #000;
    position: absolute
}

.cookingChef-function-info .item:first-child {
    top: 141px;
    right: 226px
}

.cookingChef-function-info .item:first-child .line {
    width: 50px;
    top: 19px;
    left: 131px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item:first-child {
        top: 215px;
        right: 385px
    }

    .cookingChef-function-info .item:first-child .line {
        width: 100px;
        top: 28px;
        left: 260px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item:first-child {
        top: 210px;
        left: calc(50% - 550px);
        right: auto
    }

    .cookingChef-function-info .item:first-child .line {
        width: 217px;
        top: 43px;
        left: 215px
    }
}

.cookingChef-function-info .item:nth-child(2) {
    top: 266px;
    right: 226px
}

.cookingChef-function-info .item:nth-child(2) .line {
    width: 50px;
    top: 10px;
    left: 131px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item:nth-child(2) {
        top: 377px;
        right: 385px
    }

    .cookingChef-function-info .item:nth-child(2) .line {
        width: 100px;
        top: 18px;
        left: 260px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item:nth-child(2) {
        top: 392px;
        left: calc(50% - 550px);
        right: auto
    }

    .cookingChef-function-info .item:nth-child(2) .line {
        width: 124px;
        top: 15px;
        left: 263px
    }
}

.cookingChef-function-info .item:nth-child(3) {
    top: 373px;
    right: 226px
}

.cookingChef-function-info .item:nth-child(3) .line {
    width: 50px;
    top: 20px;
    left: 131px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item:nth-child(3) {
        top: 521px;
        right: 385px
    }

    .cookingChef-function-info .item:nth-child(3) .line {
        width: 100px;
        top: 28px;
        left: 260px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item:nth-child(3) {
        top: 530px;
        left: calc(50% - 550px);
        right: auto
    }

    .cookingChef-function-info .item:nth-child(3) .line {
        width: 124px;
        top: 32px;
        left: 263px
    }
}

.cookingChef-function-info .item:nth-child(4) {
    top: 500px;
    left: 215px
}

.cookingChef-function-info .item:nth-child(4) .line {
    width: 50px;
    top: 30px;
    left: -56px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item:nth-child(4) {
        top: 728px;
        left: 428px
    }

    .cookingChef-function-info .item:nth-child(4) .line {
        width: 100px;
        top: 54px;
        left: -123px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item:nth-child(4) {
        top: 230px;
        left: calc(50% + 276px)
    }

    .cookingChef-function-info .item:nth-child(4) .line {
        width: 87px;
        top: 31px;
        left: -111px
    }
}

.cookingChef-function-info .item:nth-child(5) {
    top: 605px;
    left: 215px
}

.cookingChef-function-info .item:nth-child(5) .line {
    width: 50px;
    top: 20px;
    left: -56px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item:nth-child(5) {
        top: 881px;
        left: 428px
    }

    .cookingChef-function-info .item:nth-child(5) .line {
        width: 100px;
        top: 54px;
        left: -123px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item:nth-child(5) {
        top: 374px;
        left: calc(50% + 276px)
    }

    .cookingChef-function-info .item:nth-child(5) .line {
        width: 87px;
        top: 31px;
        left: -111px
    }
}

.cookingChef-function-info .item:nth-child(6) {
    top: 709px;
    left: 215px
}

.cookingChef-function-info .item:nth-child(6) .line {
    width: 50px;
    top: 10px;
    left: -56px
}

@media only screen and (min-width: 768px) {
    .cookingChef-function-info .item:nth-child(6) {
        top: 1034px;
        left: 428px
    }

    .cookingChef-function-info .item:nth-child(6) .line {
        width: 100px;
        top: 28px;
        left: -123px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-function-info .item:nth-child(6) {
        top: 518px;
        left: calc(50% + 276px)
    }

    .cookingChef-function-info .item:nth-child(6) .line {
        width: 87px;
        top: 16px;
        left: -111px
    }
}

.cookingChef-banner-bottom {
    position: relative
}

.cookingChef-banner-bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.cookingChef-banner-bottom-img {
    height: 362px;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 32px auto 188px
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        height: 100%;
        width: 380px;
        margin: 110px auto 60px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-img {
        margin: 84px 0 76px 30px;
        width: 100%;
        max-width: 440px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.cookingChef-banner-bottom-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 0 !important
}

.cookingChef-banner-bottom-info {
    margin: 52px auto 0
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-info {
        max-width: 326px;
        margin: 72px 0 122px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 555px;
        margin: 72px 0 116px 116px
    }
}

.cookingChef-banner-bottom-info__name {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #000
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-info__name {
        font-size: 24px;
        line-height: 29px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-info__name {
        font-size: 25px;
        line-height: 30px
    }
}

.cookingChef-banner-bottom-info__title {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    line-height: 130%;
    margin-top: 18px
}

.cookingChef-banner-bottom-info__title em {
    color: #7a2382;
    font-style: italic;
    font-family: Merriweather
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-info__title {
        margin-top: 35px;
        font-size: 41px;
        min-width: 374px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-info__title {
        font-size: 56px;
        margin-top: 44px
    }
}

.cookingChef-banner-bottom-button {
    position: absolute;
    top: 586px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-button {
        margin-top: 104px;
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-button {
        margin-top: 70px
    }
}

.cookingChef-banner-bottom-button .btn-buy {
    width: 265px;
    height: 54px;
    background-color: #eeaa07;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100px;
    text-decoration: 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;
    margin-top: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 23px;
    line-height: 160%;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-button .btn-buy {
        width: 308px;
        height: 68px;
        font-size: 28px;
        margin-top: 104px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-button .btn-buy {
        width: 468px;
        height: 91px;
        font-size: 38px
    }
}

.cookingChef-banner-bottom-button .price {
    width: 265px;
    height: 30px;
    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;
    font-weight: 600;
    line-height: 130%;
    margin-top: 14px;
    color: #000;
    font-size: 23px
}

@media only screen and (min-width: 768px) {
    .cookingChef-banner-bottom-button .price {
        width: 308px;
        height: 36px;
        font-size: 28px;
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .cookingChef-banner-bottom-button .price {
        width: 468px;
        height: 40px;
        margin-top: 30px;
        font-size: 38px
    }
}

.specOffers-banner {
    position: relative
}

.specOffers-banner__img {
    width: 100%;
    height: 360px
}

@media only screen and (min-width: 768px) {
    .specOffers-banner__img {
        height: 428px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-banner__img {
        height: 580px
    }
}

.specOffers-banner__img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 360px;
    margin: 0 !important
}

@media only screen and (min-width: 768px) {
    .specOffers-banner__img img {
        height: 428px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-banner__img img {
        height: 580px
    }
}

.specOffers-banner__info {
    position: absolute;
    width: 100%;
    top: 170px;
    left: 0
}

@media only screen and (min-width: 768px) {
    .specOffers-banner__info {
        top: 162px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-banner__info {
        top: 280px
    }
}

.specOffers-banner__info .title {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .specOffers-banner__info .title {
        font-size: 28px;
        line-height: 32px
    }
}

.specOffers-banner__info .caption {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .specOffers-banner__info .caption {
        margin-top: 12px;
        font-size: 14px;
        line-height: 24px
    }
}

.specOffers-about {
    padding: 28px 0 30px;
    background: #f8f9fa
}

@media only screen and (min-width: 768px) {
    .specOffers-about {
        padding: 45px 0 40px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-about {
        padding: 40px 0 60px
    }
}

.specOffers-about__block {
    padding: 24px 16px;
    background: #fff;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .specOffers-about__block {
        padding: 40px 24px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-about__block {
        padding: 40px 50px
    }
}

.specOffers-about__block .title {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .specOffers-about__block .title {
        font-size: 24px;
        line-height: 30px
    }
}

.specOffers-about__block .text {
    margin-top: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 768px) {
    .specOffers-about__block .text {
        margin-top: 18px;
        font-size: 14px;
        line-height: 24px
    }
}

.specOffers-products {
    background: #f8f9fa;
    padding-bottom: 10px;
    padding-top: 30px
}

@media only screen and (min-width: 768px) {
    .specOffers-products {
        padding-bottom: 0;
        padding-top: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-products {
        padding-top: 60px
    }
}

.specOffers-products__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .specOffers-products__title {
        font-size: 24px;
        line-height: 30px
    }
}

.specOffers-products__wrap {
    padding: 24px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .specOffers-products__wrap {
        padding: 30px 0 20px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-products__wrap {
        padding: 40px 0 30px
    }
}

.specOffers-products__card {
    width: 47.705%
}

.specOffers-products__card:nth-of-type(n) {
    margin-right: 4.59%;
    margin-bottom: 4.59%
}

.specOffers-products__card:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 4.59%
}

@media only screen and (min-width: 768px) {
    .specOffers-products__card {
        width: 31.23%
    }

    .specOffers-products__card:nth-of-type(n) {
        margin-right: 3.155%;
        margin-bottom: 3.155%
    }

    .specOffers-products__card:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 3.155%
    }
}

@media only screen and (min-width: 1024px) {
    .specOffers-products__card {
        width: 23.2945%
    }

    .specOffers-products__card:nth-of-type(n) {
        margin-right: 2.274%;
        margin-bottom: 2.274%
    }

    .specOffers-products__card:nth-of-type(4n) {
        margin-right: 0;
        margin-bottom: 2.274%
    }
}

.specOffers-products .pagination {
    margin: 0;
    padding-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .specOffers-products .pagination {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-products .pagination {
        padding-bottom: 30px
    }
}

.specOffers-products__slider {
    padding: 24px 0
}

@media only screen and (min-width: 768px) {
    .specOffers-products__slider {
        padding: 30px 0 40px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-products__slider {
        padding: 40px 0 60px
    }
}

.specOffers-products__slider .item {
    width: 156px
}

@media only screen and (min-width: 768px) {
    .specOffers-products__slider .item {
        width: 198px
    }
}

@media only screen and (min-width: 1280px) {
    .specOffers-products__slider .item {
        width: 280px
    }
}

.specOffers-products__slider .item .card-item__title {
    height: 22px
}

@media only screen and (min-width: 1024px) {
    .specOffers-products__slider .item .card-item__title {
        height: 64px
    }
}

.specOffers-products__slider .swiper-pagination {
    bottom: 0
}

@media only screen and (min-width: 768px) {
    .specOffers-products__slider .swiper-pagination {
        bottom: 10px
    }
}

.specOffers-products__slider .swiper-pagination-bullet {
    background: #e4e4e4;
    height: 6px;
    width: 6px;
    opacity: 1;
    margin: 0 8px !important
}

.specOffers-products__slider .swiper-pagination-bullet-active {
    background: #77176e;
    width: 8px;
    height: 8px
}

.popup-demo-cooking-machine {
    padding: 0 14px
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine {
        padding: 0 14px 0 24px
    }
}

@media only screen and (min-width: 1024px) {
    .popup-demo-cooking-machine {
        padding: 0 20px 0 40px
    }
}

.popup-demo-cooking-machine .cooking-description {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #555;
    min-width: 300px
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine .cooking-description {
        min-width: 640px;
        font-size: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .popup-demo-cooking-machine .cooking-description {
        max-width: 680px
    }
}

.popup-demo-cooking-machine .cooking-img {
    margin: 30px auto 140px;
    height: 182px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine .cooking-img {
        width: 468px;
        height: 124px;
        margin: 10px auto 90px
    }
}

@media only screen and (min-width: 1024px) {
    .popup-demo-cooking-machine .cooking-img {
        margin: 16px auto 85px;
        width: 587px;
        height: 155px
    }
}

.popup-demo-cooking-machine .cooking-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-demo-cooking-machine .cooking-bottom {
    height: 140px;
    background: #f8f9fa;
    border-radius: 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine .cooking-bottom {
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
}

.popup-demo-cooking-machine .cooking-bottom .notice {
    font-weight: 500;
    line-height: 150%;
    color: #555;
    font-size: 10px;
    margin: 12px 0 16px
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine .cooking-bottom .notice {
        max-width: 500px;
        font-size: 10px;
        margin: 21px 20px 21px 24px
    }
}

@media only screen and (min-width: 1024px) {
    .popup-demo-cooking-machine .cooking-bottom .notice {
        margin: 21px 20px 21px 40px
    }
}

.popup-demo-cooking-machine .cooking-bottom .notice p {
    margin-top: 6px
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine .cooking-bottom .notice p {
        margin-top: 8px
    }
}

.popup-demo-cooking-machine .cooking-bottom .notice p:first-child {
    margin-top: 0
}

.popup-demo-cooking-machine .cooking-bottom .btn {
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .popup-demo-cooking-machine .cooking-bottom .btn {
        margin: 16px 24px 16px auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media only screen and (min-width: 1024px) {
    .popup-demo-cooking-machine .cooking-bottom .btn {
        margin: 16px 40px 16px auto
    }
}

.demo-cooking-form {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 20px;
    padding: 20px 16px;
    min-width: 270px
}

@media only screen and (min-width: 768px) {
    .demo-cooking-form {
        margin: 0 20px 40px 40px;
        padding: 34px 40px 30px;
        min-width: 538px
    }
}

@media only screen and (min-width: 1024px) {
    .demo-cooking-form {
        min-width: 600px;
        max-width: 600px
    }
}

.demo-cooking-form__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.demo-cooking-form .input-group {
    background: inherit;
    padding: 0;
    margin-bottom: 24px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .demo-cooking-form .input-group {
        width: calc(50% - 10px);
        margin-bottom: 26px
    }

    .demo-cooking-form .input-group:nth-child(2n) {
        margin-left: 20px
    }
}

.demo-cooking-form .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-left: 20px;
    color: #a5a5a5
}

.demo-cooking-form .input-group .input-control {
    color: #555;
    text-indent: 20px;
    height: 48px;
    padding: 0;
    margin-top: 8px;
    font-weight: 500;
    width: 100%;
    border: none;
    border-radius: 40px
}

.demo-cooking-form .input-group .form-group {
    background-color: #f5f6f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    height: 48px;
    border-radius: 40px;
    margin-top: 8px
}

.demo-cooking-form .input-group .form-group select {
    margin: 0;
    background-color: #fff
}

.demo-cooking-form .input-group .form-group select:disabled, .demo-cooking-form .input-group .form-group select[disabled] {
    background-color: #f5f6f7
}

.demo-cooking-form .input-group .select2-container {
    display: block;
    width: auto !important;
    margin-top: 8px
}

.demo-cooking-form .input-group .select2-selection--single {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 40px !important
}

.demo-cooking-form .input-group .select2-selection__arrow {
    top: 11px;
    right: 20px
}

.demo-cooking-form .input-group .select2-selection__rendered {
    padding-left: 20px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.demo-cooking-form .input-group .suggestions-addon {
    display: none !important
}

.demo-cooking-form .input-group .phone-split .iti {
    margin-top: 8px
}

.demo-cooking-form .input-group .iti__country-name, .demo-cooking-form .input-group .iti__selected-dial-code {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.demo-cooking-form .input-group .iti__selected-flag {
    padding: 0 6px 0 20px
}

.demo-cooking-form .input-group .iti .input-control {
    text-indent: 0
}

.demo-cooking-form .btn {
    margin-top: 20px;
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .demo-cooking-form .btn {
        margin-top: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .demo-cooking-form .btn {
        margin-top: 40px
    }
}

.demo-cooking-result {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 14px 20px;
    padding: 20px 16px;
    min-width: 270px
}

@media only screen and (min-width: 768px) {
    .demo-cooking-result {
        margin: 0 20px 40px 40px;
        padding: 34px 40px 30px;
        min-width: 440px
    }
}

@media only screen and (min-width: 1024px) {
    .demo-cooking-result {
        max-width: 440px
    }
}

.demo-cooking-result .title {
    padding-top: 0;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .demo-cooking-result .title {
        font-size: 24px;
        line-height: 36px
    }
}

.demo-cooking-result .btn {
    width: 100%;
    margin: 20px 0 0;
    display: block
}

.demo-cooking-page {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    margin-bottom: 18px;
    padding: 20px 14px 18px
}

@media only screen and (min-width: 1280px) {
    .demo-cooking-page {
        padding: 40px 40px 20px;
        margin-bottom: 20px
    }
}

.demo-cooking-page .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414;
    padding: 0
}

@media only screen and (min-width: 1280px) {
    .demo-cooking-page .title {
        font-size: 24px
    }
}

.demo-cooking-page .description {
    font-weight: 500;
    line-height: 150%;
    color: #555;
    font-size: 14px;
    margin-top: 12px
}

@media only screen and (min-width: 1280px) {
    .demo-cooking-page .description {
        font-size: 16px;
        margin-top: 18px
    }
}

.demo-cooking-page .cooking-bottom {
    margin-top: 20px
}

@media only screen and (min-width: 1280px) {
    .demo-cooking-page .cooking-bottom {
        margin-top: 26px
    }
}

.demo-cooking-page .cooking-bottom .notice {
    font-weight: 500;
    line-height: 150%;
    color: #555;
    font-size: 10px;
    max-width: 194px
}

@media only screen and (min-width: 1280px) {
    .demo-cooking-page .cooking-bottom .notice {
        max-width: 392px;
        font-size: 12px
    }
}

.demo-cooking-page .cooking-bottom .notice p {
    margin-top: 8px
}

.demo-cooking-page .cooking-bottom .notice p:first-child {
    margin-top: 0
}

.demo-cooking-page .cooking-bottom .btn {
    margin-left: auto;
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .demo-cooking-page .cooking-bottom .btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 0
    }
}

.consultant .banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    position: relative
}

@media only screen and (min-width: 768px) {
    .consultant .banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.consultant .banner-img {
    width: 100%;
    height: 200px;
    margin: 38px 0 90px
}

@media only screen and (min-width: 768px) {
    .consultant .banner-img {
        height: 600px;
        margin: 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-img {
        height: 580px
    }
}

.consultant .banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 0
}

.consultant .banner-info {
    margin: 30px 24px 0
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info {
        max-width: 314px;
        width: 100%;
        margin: 26px 40px 0 30px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info {
        margin: auto 120px auto 64px;
        max-width: 480px
    }
}

@media only screen and (min-width: 1440px) {
    .consultant .banner-info {
        margin: auto calc(50% - 600px) auto 64px
    }
}

.consultant .banner-info__subtitle {
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    color: #777
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info__subtitle {
        font-size: 12px;
        max-width: 268px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info__subtitle {
        max-width: unset;
        font-size: 16px
    }
}

.consultant .banner-info__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 140%;
    color: #000;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info__title {
        font-size: 27px;
        margin-top: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info__title {
        margin-top: 14px;
        font-size: 36px
    }
}

.consultant .banner-info__title em {
    font-family: Merriweather;
    font-style: italic;
    color: #812e87
}

.consultant .banner-info .product {
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info .product {
        margin: 44px 0 0
    }
}

.consultant .banner-info .product-item {
    width: 95px;
    margin-right: 18px
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info .product-item {
        width: 84px;
        margin-right: 13px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info .product-item {
        width: 127px;
        margin-right: 34px
    }
}

.consultant .banner-info .product-item:last-child {
    margin-right: 0
}

.consultant .banner-info .product-item__img {
    width: 100%;
    height: 114px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info .product-item__img {
        height: 95px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info .product-item__img {
        height: 152px
    }
}

.consultant .banner-info .product-item__name {
    margin-top: 2px;
    font-size: 9px;
    line-height: 150%;
    text-align: center;
    color: #000;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info .product-item__name {
        margin-top: 10px;
        font-size: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info .product-item__name {
        margin-top: 16px;
        font-size: 12px
    }
}

.consultant .banner-info__btn {
    width: 273px;
    height: 50px;
    background: #eeaa07;
    border-radius: 100px;
    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;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info__btn {
        width: 273px;
        height: 56px;
        margin-top: 32px;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info__btn {
        margin-top: 50px;
        width: 365px;
        height: 74px;
        font-size: 20px
    }
}

.consultant .banner-info__notice {
    margin-top: 24px;
    font-size: 11px;
    line-height: 150%;
    color: #565656;
    font-weight: 400;
    position: absolute;
    bottom: 17px;
    width: calc(100% - 48px)
}

@media only screen and (min-width: 768px) {
    .consultant .banner-info__notice {
        margin-top: 70px;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .banner-info__notice {
        margin-top: 61px;
        font-size: 14px
    }
}

.consultant .service {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    .consultant .service {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service {
        padding: 50px 0
    }
}

.consultant .service-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .consultant .service-title {
        font-size: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service-title {
        font-size: 50px
    }
}

.consultant .service .item {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 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
}

@media only screen and (min-width: 768px) {
    .consultant .service .item {
        margin-left: 72px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item {
        margin-top: 80px;
        margin-left: 120px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1440px) {
    .consultant .service .item {
        margin-left: calc(50% - 600px)
    }
}

.consultant .service .item:first-child {
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    .consultant .service .item:first-child {
        margin-top: 58px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item:first-child {
        margin-top: 68px
    }
}

@media only screen and (min-width: 768px) {
    .consultant .service .item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        margin-left: 0;
        margin-right: 72px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 768px)and (min-width: 1280px) {
    .consultant .service .item:nth-child(2n) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 120px
    }
}

@media only screen and (min-width: 768px)and (min-width: 1440px) {
    .consultant .service .item:nth-child(2n) {
        margin-left: calc(50% - 720px)
    }
}

@media only screen and (min-width: 768px) {
    .consultant .service .item:nth-child(2n) .item__img {
        margin-left: 0;
        margin-right: 44px
    }
}

@media only screen and (min-width: 768px)and (min-width: 1280px) {
    .consultant .service .item:nth-child(2n) .item__img {
        margin-right: 120px
    }
}

.consultant .service .item__info {
    width: calc(100% - 48px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .consultant .service .item__info {
        max-width: 268px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item__info {
        max-width: 480px
    }
}

.consultant .service .item__info .index {
    font-family: Merriweather;
    font-style: italic;
    font-size: 48px;
    line-height: 120%;
    color: #812e87;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .consultant .service .item__info .index {
        font-size: 64px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item__info .index {
        font-size: 80px
    }
}

.consultant .service .item__info .info {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 16px;
    line-height: 150%;
    color: #000;
    font-weight: 400;
    width: calc(100% - 76px)
}

@media only screen and (min-width: 768px) {
    .consultant .service .item__info .info {
        width: 100%;
        font-size: 18px;
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item__info .info {
        margin-top: 16px;
        font-size: 24px
    }
}

.consultant .service .item__info .remark {
    font-weight: 400;
    width: 100%;
    padding-left: 70px;
    font-size: 11px;
    line-height: 150%;
    color: #565656;
    margin-top: 5px
}

@media only screen and (min-width: 768px) {
    .consultant .service .item__info .remark {
        margin-top: 10px;
        padding-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item__info .remark {
        margin-top: 15px;
        font-size: 14px
    }
}

.consultant .service .item__img {
    width: 100%;
    height: 100%;
    max-height: 340px;
    margin-top: 30px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .consultant .service .item__img {
        margin-left: 44px;
        max-width: 384px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item__img {
        margin-left: 120px;
        max-height: 400px;
        max-width: 720px
    }
}

.consultant .service .item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 340px;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .consultant .service .item__img img {
        max-width: 384px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service .item__img img {
        max-height: 400px;
        max-width: 720px
    }
}

.consultant .service .item__img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background-color: #812e87
}

.consultant .service__btn {
    width: 273px;
    height: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    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;
    background: #eeaa07;
    border-radius: 100px;
    text-decoration: none;
    margin: 20px 0 0 68px;
    border: none;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .consultant .service__btn {
        width: 269px;
        height: 56px;
        margin: 20px 0 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .service__btn {
        margin: 35px 0 0;
        width: 365px;
        height: 74px;
        font-size: 20px
    }
}

.consultant .model {
    padding: 30px 0;
    background: #f8f9fa
}

@media only screen and (min-width: 768px) {
    .consultant .model {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .model {
        padding: 90px 0
    }
}

.consultant .model__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .consultant .model__title {
        font-size: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .model__title {
        font-size: 50px
    }
}

.consultant .model-slider {
    margin-top: 30px
}

@media only screen and (min-width: 1280px) {
    .consultant .model-slider {
        margin-top: 60px
    }
}

.consultant .model .item {
    width: 156px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

@media only screen and (min-width: 768px) {
    .consultant .model .item {
        width: 200px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .model .item {
        width: 280px
    }
}

.consultant .model .item .card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.consultant .model .item .card-item__usable {
    margin-top: auto
}

.consultant .model .swiper-pagination {
    position: static;
    margin-top: 30px;
    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
}

@media only screen and (min-width: 768px) {
    .consultant .model .swiper-pagination {
        display: none
    }
}

.consultant .model .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #c4c4c4
}

.consultant .model .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background-color: #8d4086
}

.consultant .faq {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    .consultant .faq {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq {
        padding: 80px 0
    }
}

.consultant .faq-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .consultant .faq-title {
        font-size: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq-title {
        font-size: 50px
    }
}

.consultant .faq .accordion {
    margin: 40px 0 0
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion {
        margin: 40px 0 0 60px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion {
        margin: 68px 0 0 114px
    }
}

.consultant .faq .accordion__button {
    background-color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.consultant .faq .accordion__button .icon {
    display: block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), #812e87;
    background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), #812e87;
    background-position: 50%;
    background-size: 16px 2px, 2px 16px;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion__button .icon {
        width: 42px;
        height: 42px;
        background-size: 20px 2px, 2px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion__button .icon {
        width: 52px;
        height: 52px;
        background-size: 24px 2px, 2px 24px
    }
}

.consultant .faq .accordion__button .name {
    width: 100%;
    margin-left: 12px;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion__button .name {
        max-width: 500px;
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion__button .name {
        margin-left: 40px;
        max-width: 686px;
        font-size: 24px
    }
}

.consultant .faq .accordion__button-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion__button-wrap {
        padding: 30px 0
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion__button-wrap {
        padding: 40px 0
    }
}

.consultant .faq .accordion__button-wrap:first-child {
    padding-top: 0
}

.consultant .faq .accordion__button-wrap:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.consultant .faq .accordion__button.active .icon {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#eeaa07), to(#eeaa07)), #eeaa07;
    background: linear-gradient(#000, #000), linear-gradient(#eeaa07, #eeaa07), #eeaa07;
    background-position: 50%;
    background-size: 16px 2px, 2px 16px;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion__button.active .icon {
        background-size: 20px 2px, 2px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion__button.active .icon {
        background-size: 24px 2px, 2px 24px
    }
}

.consultant .faq .accordion__text {
    background-color: inherit;
    margin-left: 44px;
    margin-top: 15px;
    padding: 0 0 0 10px;
    border-left: 2px solid #812e87;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    color: #000;
    border-radius: 0
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion__text {
        margin-left: 68px;
        margin-top: 20px;
        border-left: 4px solid #812e87;
        font-size: 14px;
        max-width: 485px;
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion__text {
        margin-left: 92px;
        margin-top: 30px;
        padding: 0 0 0 20px;
        max-width: 662px;
        font-size: 18px
    }
}

.consultant .faq .accordion__text a {
    color: #000
}

.consultant .faq .accordion__text .remark {
    font-size: 10px;
    line-height: 150%;
    margin-top: 5px;
    color: #777
}

@media only screen and (min-width: 768px) {
    .consultant .faq .accordion__text .remark {
        font-size: 12px;
        margin-top: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant .faq .accordion__text .remark {
        font-size: 14px
    }
}

.consultant-form {
    margin: 0 10px 20px 20px;
    width: 85vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .consultant-form {
        width: 358px
    }
}

.consultant-form .input-group {
    background: inherit;
    padding: 0;
    font-size: 10px;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .consultant-form .input-group {
        margin-bottom: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .consultant-form .input-group {
        width: 358px;
        margin-bottom: 8px
    }
}

.consultant-form .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

.consultant-form .input-group .input-control {
    color: #555;
    text-indent: 20px;
    height: 48px;
    padding: 0;
    margin-top: 4px;
    font-weight: 500;
    width: 100%;
    border: none;
    border-radius: 40px;
    background-color: #f8f9fa
}

@media only screen and (min-width: 768px) {
    .consultant-form .input-group .input-control {
        margin-top: 8px
    }
}

.consultant-form .input-group .input-control.select {
    position: relative
}

.consultant-form .input-group .input-control.select:after {
    position: absolute;
    content: "â–¼";
    font-size: 10px;
    top: 19px;
    right: 20px;
    pointer-events: none
}

.consultant-form .input-group .input-control.select select {
    color: #555;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    border-radius: 40px
}

.consultant-form .input-group .suggestions-addon {
    display: none !important
}

.consultant-form .input-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    background: transparent;
    padding: 0 20px
}

.consultant-form .btn {
    margin: 20px auto 0;
    display: block;
    width: 100%
}

.consultant-form__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #141414;
    text-align: center;
    padding: 0 10px 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 350px;
    max-width: 450px
}

.consultant-form__confirm {
    margin: 20px auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.create-recipe {
    margin-top: 40px;
    padding: 20px 0
}

@media only screen and (min-width: 768px) {
    .create-recipe {
        margin-top: 60px;
        padding: 30px 0
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe {
        padding: 40px 0
    }
}

.create-recipe .breadcrumbs {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.create-recipe .breadcrumbs a.breadcrumbs__link {
    color: #555;
    text-decoration: none
}

.create-recipe .input-group {
    padding: 0
}

.create-recipe .input-group .input-wrap .input-control {
    width: 100%;
    color: #141414;
    text-indent: 20px;
    height: 48px;
    padding: 0 50px 0 0;
    margin-top: 8px;
    font-weight: 500;
    border: 1px solid #e4e4e4;
    border-radius: 40px;
    font-size: 14px;
    line-height: 16px;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.create-recipe .input-group .input-wrap .input-control::-webkit-input-placeholder {
    color: #c4c4c4
}

.create-recipe .input-group .input-wrap .input-control::-moz-placeholder {
    color: #c4c4c4
}

.create-recipe .input-group .input-wrap .input-control:-ms-input-placeholder {
    color: #c4c4c4
}

.create-recipe .input-group .input-wrap .input-control::-ms-input-placeholder {
    color: #c4c4c4
}

.create-recipe .input-group .input-wrap .input-control::placeholder {
    color: #c4c4c4
}

.create-recipe .input-group .input-wrap .input-control--select {
    height: auto;
    margin-top: 0;
    text-indent: 0
}

.create-recipe .input-group .input-wrap .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-left: 20px;
    color: #a5a5a5
}

.create-recipe .input-group .input-wrap .n-ui-autocomplete .n-ui-selected-item {
    background: #8d4086;
    padding: 0 8px;
    margin: 8px 2px 0 0;
    height: 24px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.create-recipe .input-group .input-wrap .n-ui-autocomplete .n-ui-selected-item .table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.create-recipe .input-group .input-wrap .n-ui-autocomplete .n-ui-selected-item .table .n-ui-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    padding: 0;
    text-indent: 1px;
    margin-right: 6px
}

.create-recipe .input-group .input-wrap .n-ui-autocomplete .n-ui-selected-item .table .n-ui-close {
    padding: 0;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 100
}

.create-recipe .input-group .label__control {
    position: relative
}

.create-recipe .input-group .label__control .input-group-btn {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    top: 6px;
    right: 26px
}

.create-recipe .input-group .label__control .input-group-btn > button {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23141414' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.create-recipe .input-group .label__control .input-group-btn > button:hover {
    cursor: pointer
}

.create-recipe .input-group.energy > .input-wrap {
    position: relative
}

.create-recipe .input-group.energy > .input-wrap:after {
    content: "г";
    position: absolute;
    top: 42px;
    right: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.create-recipe .input-group.energy.ccal > .input-wrap:after {
    content: "ккал"
}

.create-recipe__title {
    font-size: 14px;
    line-height: 30px;
    margin: 10px 0 20px
}

@media only screen and (min-width: 768px) {
    .create-recipe__title {
        font-size: 24px;
        line-height: 125%;
        margin: 40px 0
    }
}

.create-recipe .create-recipe-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.create-recipe .create-recipe-main_single-block {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main_single-block {
        padding: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main_single-block {
        padding: 40px;
        margin-bottom: 20px
    }
}

.create-recipe .create-recipe-main_single-block:last-child {
    margin-bottom: 0
}

.create-recipe .create-recipe-main_title {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main_title {
        font-size: 18px;
        line-height: 133%
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main_title {
        font-size: 20px;
        line-height: 130%;
        margin-bottom: 30px
    }
}

.create-recipe .create-recipe-main_subtitle {
    color: #555;
    font-weight: 500;
    font-size: 16px;
    line-height: 162%;
    margin-bottom: 20px
}

.create-recipe .create-recipe-main .round-button {
    width: 48px;
    height: 48px;
    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;
    border-radius: 40px;
    border: none
}

.create-recipe .create-recipe-main .round-button:hover {
    cursor: pointer
}

.create-recipe .create-recipe-main .round-button_white {
    background-color: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .1);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .1)
}

.create-recipe .create-recipe-main .round-button_purple {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-decoration: none;
    background-color: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12)
}

.create-recipe .create-recipe-main .button-big {
    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;
    width: 100%;
    height: 48px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: none
}

.create-recipe .create-recipe-main .button-big:hover {
    cursor: pointer
}

.create-recipe .create-recipe-main .button-big_white {
    color: #77176e;
    background-color: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .1);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .1)
}

.create-recipe .create-recipe-main .button-big_purple {
    background-color: #77176e;
    color: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12)
}

.create-recipe .create-recipe-main .create-recipe-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -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;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s linear, opacity .3s linear;
    transition: visibility .3s linear, opacity .3s linear
}

.create-recipe .create-recipe-main .create-recipe-menu, .create-recipe .create-recipe-main .create-recipe-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.create-recipe .create-recipe-main .create-recipe-menu__item {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 4px 8px;
    background: hsla(0, 0%, 100%, .7);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    margin-bottom: 4px;
    min-width: 99px;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    color: #141414;
    text-decoration: none;
    border: none
}

.create-recipe .create-recipe-main .create-recipe-menu__item:hover {
    cursor: pointer
}

.create-recipe .create-recipe-main .input-button-autocomplete {
    position: absolute;
    top: 53%;
    right: 25px;
    background: none;
    border: none;
    width: 10px;
    height: 6px
}

.create-recipe .create-recipe-main .input-button-autocomplete svg {
    width: 10px
}

.create-recipe .create-recipe-main .input-button-autocomplete:hover {
    cursor: pointer
}

.create-recipe .create-recipe-main .create-recipe-left {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-left {
        width: 49.1666%
    }
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 20px
    }
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__label.half-col {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__label.half-col {
        width: 48.8235%
    }
}

@media (max-width: 767px) {
    .create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__label.half-col:nth-child(2n) {
        margin-top: 16px
    }
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__label.full-col {
    width: 100%
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__label-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    color: #a5a5a5;
    margin-left: 20px;
    margin-bottom: 8px
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__input {
    border: 1px solid #e4e4e4;
    border-radius: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 114%;
    color: #141414;
    padding: 16px 50px 16px 20px;
    width: auto;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__input.select-item {
    color: #141414;
    font-weight: 500;
    padding: 13px 20px
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__input.select-item select {
    width: 100%;
    border: none;
    font-weight: 500
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__input.textarea-item {
    border-radius: 12px
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__input.textarea-item textarea {
    width: 100%;
    border: none;
    resize: none;
    min-height: 112px;
    font-weight: 500
}

.create-recipe .create-recipe-main .create-recipe-left-block .create-recipe-left-row__value {
    position: absolute;
    top: 40px;
    right: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 114%
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.energy-block .energy-block__title {
    margin-bottom: 8px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.energy-block .energy-block__subtitle {
    margin-bottom: 30px
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.ingredients-block .half-col {
        width: 39.2157%
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.ingredients-block .half-col.ingredients-block__col {
    -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
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.ingredients-block .half-col.ingredients-block__col {
        width: 58.4314%
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.ingredients-block .half-col.ingredients-block__col .half-col__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 37.9194%
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.ingredients-block .half-col.ingredients-block__col .round-button {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.ingredients-block .half-col.ingredients-block__col .round-button {
        margin-bottom: 8px
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.machine-block .machine-block__title {
    margin-bottom: 8px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.machine-block .machine-block__subtitle {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.machine-block .create-recipe-left-row__label-name span {
        display: none
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .steps-block__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 20px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .textarea-item {
    margin-bottom: 16px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .textarea-item textarea {
    min-height: 160px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .half-col {
    width: 56.9892%
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .half-col {
        width: 80.2631%
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .half-col {
        width: 76.4705%
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .half-col.steps-block__col {
    -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;
    width: 37.2759%;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .half-col.steps-block__col {
        width: 17.1052%
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .half-col.steps-block__col {
        width: 20.3921%
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .create-recipe-left-row.steps-block__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .steps-block__separator {
    height: 1px;
    opacity: .2;
    background-color: #a5a5a5;
    border-radius: 4px;
    margin-bottom: 30px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image {
    position: relative;
    height: 180px;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image label.add-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    height: 100%
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image label.add-photo:hover {
    cursor: pointer
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image label.add-photo svg {
    margin-bottom: 17px
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image .create-recipe-menu {
    display: none
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image {
        height: 393px;
        margin-bottom: 19px
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image {
        height: 329px
    }
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image:hover .create-recipe-menu {
    visibility: visible;
    opacity: 1
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image img {
    display: none;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image.step-image-loaded label.add-photo {
    display: none
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image.step-image-loaded img {
    display: block
}

.create-recipe .create-recipe-main .create-recipe-left .create-recipe-left-block.steps-block .step-edit__add-image.step-image-loaded .create-recipe-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.create-recipe .create-recipe-main .create-recipe-right {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-right {
        position: sticky;
        top: 120px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 590px
    }
}

.create-recipe .create-recipe-main .create-recipe-right-photos {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-right-photos {
        padding: 40px 30px
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-right-photos {
        padding: 40px;
        margin-bottom: 0
    }
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos_single-card {
    width: 100%;
    height: 182px;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos_single-card {
        width: 48.7261%;
        height: 200px
    }
}

@media only screen and (min-width: 1280px) {
    .create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos_single-card {
        height: 160px
    }
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__add-recipe {
    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;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    background-color: #fff;
    border: 1px solid #e4e4e4;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    color: #141414;
    text-decoration: none;
    margin-bottom: 12px
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__add-recipe:hover {
    cursor: pointer
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__add-recipe svg {
    margin-bottom: 17px
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__loaded-photo {
    position: relative;
    margin-bottom: 16px
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__loaded-photo:hover .create-recipe-menu {
    visibility: visible;
    opacity: 1
}

.create-recipe .create-recipe-main .create-recipe-right-photos .create-recipe-right-photos__loaded-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.kenwood-club {
    padding-top: 40px
}

@media only screen and (min-width: 768px) {
    .kenwood-club {
        padding-top: 60px
    }
}

.kenwood-club .banner {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .banner {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .banner {
        margin-bottom: 40px
    }
}

.kenwood-club .banner-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    color: #77176e;
    margin-top: 28px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .banner-title {
        margin-top: 40px;
        font-size: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .banner-title {
        margin-top: 60px;
        font-size: 48px
    }
}

.kenwood-club .banner-img {
    width: 100%;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .banner-img {
        margin-top: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .banner-img {
        margin-top: 40px
    }
}

.kenwood-club .banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.kenwood-club .bonus-count {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 28px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-count {
        margin-bottom: 60px
    }
}

.kenwood-club .bonus-count__convert {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-count__convert {
        padding: 28px;
        margin-right: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-count__convert {
        padding: 40px
    }
}

.kenwood-club .bonus-count__convert .course {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #77176e
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-count__convert .course {
        font-size: 20px
    }
}

.kenwood-club .bonus-count__convert .course em {
    font-weight: 600;
    font-style: normal
}

.kenwood-club .bonus-count__convert .info {
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-count__convert .info {
        margin-top: 16px
    }
}

.kenwood-club .bonus-count__info {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #555;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-count__info {
        min-width: 308px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-count__info {
        min-width: 600px;
        font-size: 18px
    }
}

.kenwood-club .bonus-accrual__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-accrual__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-accrual__title {
        font-size: 24px
    }
}

.kenwood-club .bonus-accrual__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-accrual__items {
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-accrual__items {
        margin-top: 40px
    }
}

.kenwood-club .bonus-accrual__items .item {
    background: #fbfcfd;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 16px;
    margin: 16px 0 0;
    min-height: 228px;
    width: 100%
}

.kenwood-club .bonus-accrual__items .item:first-child {
    margin-top: 20px
}

.kenwood-club .bonus-accrual__items .item:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-accrual__items .item {
        margin: 0 20px 20px 0;
        padding: 18px;
        width: 334px;
        min-height: auto
    }

    .kenwood-club .bonus-accrual__items .item:first-child {
        margin-top: 0
    }

    .kenwood-club .bonus-accrual__items .item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-accrual__items .item {
        padding: 24px;
        width: 380px;
        margin: 0 30px 30px 0
    }

    .kenwood-club .bonus-accrual__items .item:nth-child(2n) {
        margin-right: 30px
    }

    .kenwood-club .bonus-accrual__items .item:nth-child(3n) {
        margin-right: 0
    }
}

.kenwood-club .bonus-accrual__items .item .icon {
    width: 48px;
    height: 48px
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-accrual__items .item .icon {
        width: 64px;
        height: 64px
    }
}

.kenwood-club .bonus-accrual__items .item .name {
    margin-top: 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-accrual__items .item .name {
        font-size: 18px
    }
}

.kenwood-club .bonus-accrual__items .item .description {
    margin-top: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-accrual__items .item .description {
        font-size: 14px
    }
}

.kenwood-club .bonus-work {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    margin: 28px auto 18px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-work {
        margin: 20px auto 40px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-work {
        margin: 30px auto 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.kenwood-club .bonus-work .left {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-work .left {
        padding: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-work .left {
        padding: 40px;
        margin-right: 20px;
        min-width: 380px
    }
}

.kenwood-club .bonus-work .left .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #77176e
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-work .left .name {
        font-size: 20px
    }
}

.kenwood-club .bonus-work .left .info {
    font-weight: 500;
    line-height: 160%;
    color: #555;
    margin-top: 8px;
    font-size: 14px
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-work .left .info {
        margin-top: 16px
    }
}

.kenwood-club .bonus-work .right {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-work .right {
        padding: 28px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-work .right {
        margin-top: 0;
        padding: 40px
    }
}

.kenwood-club .bonus-work .right .info {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-work .right .info {
        font-size: 16px
    }
}

.kenwood-club .bonus-work .right .info a {
    color: #77176e;
    text-decoration: none
}

.kenwood-club .bonus-using {
    margin-bottom: 28px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using {
        margin-bottom: 60px
    }
}

.kenwood-club .bonus-using__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__title {
        font-size: 24px
    }
}

.kenwood-club .bonus-using__subtitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__subtitle {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__subtitle {
        font-size: 18px
    }
}

.kenwood-club .bonus-using__items {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__items {
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__items {
        margin-top: 40px
    }
}

.kenwood-club .bonus-using__items .item {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kenwood-club .bonus-using__items .item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }

    .kenwood-club .bonus-using__items .item:nth-child(2n) .item-img {
        margin-right: 0;
        margin-left: 20px
    }
}

@media only screen and (min-width: 768px)and (min-width: 1280px) {
    .kenwood-club .bonus-using__items .item:nth-child(2n) .item-img {
        margin-left: 36px
    }
}

@media only screen and (min-width: 768px)and (min-width: 1280px) {
    .kenwood-club .bonus-using__items .item:nth-child(2n) .item-info {
        margin-left: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__items .item {
        margin-top: 40px
    }
}

.kenwood-club .bonus-using__items .item-img {
    border-radius: 12px;
    background: #fbfcfd;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__items .item-img {
        width: 334px;
        height: 223px;
        min-width: 334px;
        margin-right: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__items .item-img {
        margin-right: 44px;
        min-width: 600px;
        width: 600px;
        height: 400px
    }
}

.kenwood-club .bonus-using__items .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.kenwood-club .bonus-using__items .item-info {
    font-weight: 500;
    color: #555;
    line-height: 160%;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__items .item-info {
        margin-top: 0
    }
}

.kenwood-club .bonus-using__items .item-info .name {
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .bonus-using__items .item-info .name {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__items .item-info .name {
        font-size: 18px
    }
}

.kenwood-club .bonus-using__items .item-info .description {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    display: none
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .bonus-using__items .item-info .description {
        display: block
    }
}

.kenwood-club .club-partners {
    margin-bottom: 30px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px 16px 16px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .club-partners {
        margin-bottom: 40px;
        padding: 28px 0 0
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .club-partners {
        padding: 40px 40px 0
    }
}

.kenwood-club .club-partners__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .kenwood-club .club-partners__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .club-partners__title {
        font-size: 24px
    }
}

.kenwood-club .club-partners__items {
    margin-top: 14px
}

@media only screen and (min-width: 768px) {
    .kenwood-club .club-partners__items {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .club-partners__items {
        margin-top: 28px
    }
}

.kenwood-club .club-partners__items .item {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    height: 51px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 16px;
    display: block
}

.kenwood-club .club-partners__items .item:last-child {
    margin: 0
}

@media only screen and (min-width: 768px) {
    .kenwood-club .club-partners__items .item {
        width: 208px;
        margin: 0 15px 15px 0;
        -ms-flex-preferred-size: calc(33.33333% - 30px);
        flex-basis: calc(33.33333% - 30px)
    }

    .kenwood-club .club-partners__items .item:nth-child(3n) {
        margin-right: 0
    }

    .kenwood-club .club-partners__items .item:last-child {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .kenwood-club .club-partners__items .item {
        width: 260px;
        height: 62px;
        margin: 0 24px 24px 0;
        -ms-flex-preferred-size: calc(25% - 24px);
        flex-basis: calc(25% - 24px)
    }

    .kenwood-club .club-partners__items .item:nth-child(3n) {
        margin-right: 24px
    }

    .kenwood-club .club-partners__items .item:nth-child(4n) {
        margin-right: 0
    }

    .kenwood-club .club-partners__items .item:last-child {
        margin-bottom: 40px
    }
}

.kenwood-club .club-partners__items .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-service {
    padding: 16px 12px;
    background-color: #f8f9fa;
    border-radius: 8px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-service {
        border-radius: 12px;
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-service {
        max-width: 836px;
        padding: 40px
    }
}

.profile-service__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .profile-service__title {
        font-size: 18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) {
    .profile-service__input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.profile-service__input {
    margin-bottom: 24px;
    background: none
}

@media only screen and (min-width: 768px) {
    .profile-service__input {
        width: 47.8947%
    }
}

@media only screen and (min-width: 1280px) {
    .profile-service__input {
        width: 47.3545%
    }
}

.profile-service__input .hidden {
    display: none
}

.profile-service__input.service-model, .profile-service__input.service-serial {
    position: relative
}

.profile-service__input.service-model .service-btn-info, .profile-service__input.service-serial .service-btn-info {
    position: absolute;
    top: 46px;
    right: 22px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: none
}

.profile-service__input.service-model .service-btn-info:hover, .profile-service__input.service-serial .service-btn-info:hover {
    cursor: pointer
}

.profile-service__input.service-model .photo-example, .profile-service__input.service-serial .photo-example {
    display: none;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    top: 70px;
    right: 20px;
    z-index: 2;
    padding: 20px
}

.profile-service__input.service-model .photo-example.active, .profile-service__input.service-serial .photo-example.active {
    display: block
}

.profile-service__input.service-model .photo-example__title, .profile-service__input.service-serial .photo-example__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.profile-service__input.service-model .photo-example__image, .profile-service__input.service-serial .photo-example__image {
    width: 271px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (min-width: 768px) {
    .profile-service__input.service-model .photo-example__image, .profile-service__input.service-serial .photo-example__image {
        width: 249px
    }
}

.profile-service__input.service-model .photo-example__image img, .profile-service__input.service-serial .photo-example__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-service__input.service-model span.input-group-btn, .profile-service__input.service-serial span.input-group-btn {
    display: none
}

.profile-service__input.service-model input.input-control, .profile-service__input.service-serial input.input-control {
    padding-right: 50px;
    text-overflow: ellipsis
}

.profile-service__input.product-cat {
    position: relative
}

.profile-service__input.product-cat .input-group-btn {
    position: absolute;
    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;
    right: 22px;
    top: 47px;
    width: 15px;
    height: 15px
}

.profile-service__input.product-cat .input-group-btn button {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.6 2.4a.566.566 0 00-.8.8L3.6 6A.566.566 0 004.4 6l2.8-2.8a.566.566 0 10-.8-.8L4 4.8 1.6 2.4z' fill='%23141414'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.profile-service__input.product-cat .input-group-btn button .caret {
    display: none
}

.profile-service__input.product-cat .input-group-btn button:hover {
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .profile-service__input.profile-service__input-return-reason {
        width: 100%
    }
}

@media (max-width: 1279px) {
    .profile-service__input.profile-service__input-city {
        width: 100%
    }
}

.profile-service__input.profile-service__input-city .hidden {
    display: none
}

.profile-service__input.input-group {
    width: 100%;
    margin-bottom: 0
}

.profile-service__input.input-group input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.profile-service__input.service-checkbox {
    margin-bottom: 38px
}

.profile-service__input.service-checkbox .check.checkbox {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #555
}

.profile-service__input .profile-service__input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.profile-service__input .profile-service__input-wrap label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 20px
}

.profile-service__input .profile-service__input-wrap label.label__control {
    margin-left: 0
}

.profile-service__input .profile-service__input-wrap input {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    height: 48px;
    border: none;
    border-radius: 40px;
    background-color: #fff;
    padding: 0 15px 0 20px;
    color: #555
}

.profile-service__input .profile-service__input-wrap input::-webkit-input-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap input::-moz-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap input:-ms-input-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap input::-ms-input-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap input::placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap input.input-validation-error + .re .input-control {
    border: 1px solid #d44300
}

.profile-service__input .profile-service__input-wrap .profile-service__textarea-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-bottom: 8px;
    margin-left: 20px
}

.profile-service__input .profile-service__input-wrap textarea {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    height: 146px;
    border: none;
    border-radius: 12px;
    background-color: #fff;
    padding: 16px 20px;
    color: #555;
    resize: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-service__input .profile-service__input-wrap textarea {
        height: 106px
    }
}

.profile-service__input .profile-service__input-wrap textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap textarea::-moz-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap textarea::-ms-input-placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap textarea::placeholder {
    font-size: 14px;
    color: #e4e4e4
}

.profile-service__input .profile-service__input-wrap .profile-service-calendar {
    position: absolute;
    right: 17px;
    top: 42px;
    border: none;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .profile-service__input .profile-service__input-wrap .profile-service-calendar {
        top: 47px
    }
}

.profile-service__input .profile-service__input-wrap .profile-service-calendar:hover {
    cursor: pointer
}

.profile-service__input .profile-service__input-wrap .suggestions-addon {
    display: none !important
}

.profile-service__input.profile-service-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .profile-service__input.profile-service-image {
        width: 47.3545%
    }
}

.profile-service__input.profile-service-image .profile-service-image__img {
    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-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .profile-service__input.profile-service-image .profile-service-image__img {
        width: 60px;
        height: 60px
    }
}

.profile-service__input.profile-service-image .profile-service-image__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.profile-service__input.profile-service-image .profile-service-image__input {
    width: calc(100% - 52px)
}

@media only screen and (min-width: 768px) {
    .profile-service__input.profile-service-image .profile-service-image__input {
        width: calc(100% - 72px)
    }
}

@media only screen and (min-width: 1280px) {
    .profile-service__input.profile-service-image .profile-service-image__input {
        width: 282px
    }
}

.profile-service__input.profile-service-image .profile-service-image__input .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 6px
}

.profile-service__input.profile-service-image .profile-service-image__input label {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #77176e
}

.profile-service__input.profile-service-image .profile-service-image__input label:hover {
    cursor: pointer
}

.profile-service__input.profile-service-image .profile-service-image__input [data-file] {
    display: none
}

.profile-service__input.profile-service-error .profile-service__input-error {
    display: block
}

.profile-service__input.profile-service-error .profile-service__input-wrap label {
    color: #d44300
}

@media (max-width: 1279px) {
    .profile-service__input.profile-service-address {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .profile-service__input.profile-service-address .profile-service__input-wrap {
        -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
    }
}

@media only screen and (min-width: 768px) {
    .profile-service__input.profile-service-address .profile-service__input-wrap .input-group {
        width: 30%
    }
}

@media only screen and (min-width: 1280px) {
    .profile-service__input.profile-service-address .profile-service__input-wrap .input-group {
        padding: 0
    }
}

.profile-service__input.profile-service-address .profile-service__input-wrap .input-group:nth-child(2) {
    margin: 24px 0
}

@media only screen and (min-width: 768px) {
    .profile-service__input.profile-service-address .profile-service__input-wrap .input-group:nth-child(2) {
        margin: 0
    }
}

.profile-service__submit {
    float: right;
    width: 129px;
    height: 36px;
    color: #fff;
    font-weight: 700;
    font-size: 8px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    background-color: #77176e;
    border: none;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 40px
}

@media only screen and (min-width: 768px) {
    .profile-service__submit {
        width: 209px;
        height: 48px;
        font-size: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-service__submit {
        width: 205px
    }
}

.profile-service__submit:hover {
    cursor: pointer
}

.profile-service__submit:disabled {
    background-color: #e4e4e4;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: auto
}

.profile-reports {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px;
    max-width: 836px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 68px)
}

@media only screen and (min-width: 768px) {
    .profile-reports {
        padding: 24px;
        width: calc(100% - 260px)
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports {
        padding: 40px;
        width: 100%
    }
}

.profile-reports__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .profile-reports__title {
        font-size: 18px
    }
}

.profile-reports .pagination {
    margin-bottom: 0;
    margin-top: 24px
}

.profile-reports .sales-header {
    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
}

.profile-reports .sales-header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-header__info svg {
        margin-right: 8px
    }
}

.profile-reports .sales-header__info .notice {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #59aee4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile-reports .sales-header__info .notice p {
    display: none
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-header__info .notice p {
        display: block
    }
}

.profile-reports .sales-body {
    background: #fff;
    border-radius: 12px;
    padding: 12px 12px 20px;
    width: auto;
    margin-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body {
        margin-top: 20px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body {
        padding: 24px
    }
}

.profile-reports .sales-body .tab {
    background: #f8f9fa;
    border-radius: 50px;
    padding: 6px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.profile-reports .sales-body .tab-mobile {
    display: block;
    background: #f8f9fa;
    border-radius: 40px;
    padding: 16px
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .tab-mobile {
        padding: 16px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .tab-mobile {
        display: none
    }
}

.profile-reports .sales-body .tab-mobile .select2 {
    padding: 0
}

.profile-reports .sales-body .tab-mobile .select2-selection__rendered {
    font-weight: 600;
    font-size: 10px;
    line-height: 150% !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414 !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-reports .sales-body .tab-mobile .select2-selection__arrow {
    height: 8px;
    position: absolute;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0 !important;
    width: 8px
}

.profile-reports .sales-body .tab-item {
    font-weight: 600;
    font-size: 10px;
    line-height: 150%;
    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: #141414;
    letter-spacing: .05em;
    text-transform: uppercase;
    width: 220px;
    cursor: pointer;
    height: 42px
}

.profile-reports .sales-body .tab-item.active {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    border-radius: 24px;
    color: #fff
}

.profile-reports .sales-body .tab-panel {
    display: none;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.profile-reports .sales-body .tab-panel.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile-reports .sales-body .tab-panel .stepper-wrapper {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    overflow-y: hidden;
    padding-bottom: 24px;
    overflow-x: scroll
}

.profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar {
    height: 4px;
    display: block
}

.profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
    width: 4px
}

.profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #77176e;
    width: 4px
}

.profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar-track-piece:end {
    background: #e4e4e4;
    margin-right: 40px
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar-track-piece:end {
        margin-right: 60px
    }
}

.profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar-track-piece:start {
    background: #e4e4e4;
    margin-left: 40px
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .tab-panel .stepper-wrapper::-webkit-scrollbar-track-piece:start {
        margin-left: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .tab-panel .stepper-wrapper {
        padding-bottom: 16px;
        overflow-x: auto
    }
}

.profile-reports .sales-body .tab-panel .stepper-wrapper:after {
    content: "";
    background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(76.04%, hsla(0, 0%, 100%, .63)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .63) 76.04%, hsla(0, 0%, 100%, 0));
    width: 40px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0
}

.profile-reports .sales-body .tab-panel .stepper-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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    min-width: 110px
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .tab-panel .stepper-item {
        padding: 0 22px;
        min-width: 112px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .tab-panel .stepper-item {
        padding: 0;
        min-width: auto
    }
}

.profile-reports .sales-body .tab-panel .stepper-item:before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #e4e4e4;
    width: 100%;
    top: calc(50% - 2px);
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.profile-reports .sales-body .tab-panel .stepper-item .step-counter {
    position: relative;
    z-index: 2;
    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;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e4e4e4;
    margin: 12px auto
}

.profile-reports .sales-body .tab-panel .stepper-item .step-info {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #141414;
    text-align: center
}

.profile-reports .sales-body .tab-panel .stepper-item .step-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #a5a5a5
}

.profile-reports .sales-body .tab-panel .stepper-item.completed .step-counter {
    background-color: #8d4086
}

.profile-reports .sales-body .tab-panel .stepper-item.completed .step-name {
    color: #8d4086
}

.profile-reports .sales-body .tab-panel .stepper-item.completed:before {
    border-bottom: 2px solid #8d4086
}

.profile-reports .sales-body .tab-panel[data-tabs-pane=Premium] .step-info {
    min-height: 28px
}

.profile-reports .sales-body .tab-panel[data-tabs-pane=Premium] .stepper-item:before {
    top: calc(50% + 5px)
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .tab-panel[data-tabs-pane=Premium] .step-info {
        min-height: auto
    }

    .profile-reports .sales-body .tab-panel[data-tabs-pane=Premium] .stepper-item:before {
        top: calc(50% - 2px)
    }
}

.profile-reports .sales-body .machine-steps {
    margin-top: 18px;
    padding: 16px 12px;
    background: #f8f9fa;
    border-radius: 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .machine-steps {
        margin-top: 12px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .machine-steps {
        margin-top: 10px;
        padding: 16px 20px 20px
    }
}

.profile-reports .sales-body .machine-steps__title {
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;
    color: #141414
}

.profile-reports .sales-body .machine-steps .stepper-wrapper {
    margin-top: 20px
}

.profile-reports .sales-body .machine-steps .stepper-wrapper::-webkit-scrollbar-track {
    background-color: #f8f9fa;
    border-radius: 10px;
    width: 4px
}

.profile-reports .sales-body .machine-steps .stepper-wrapper:after {
    background: -webkit-gradient(linear, right top, left top, from(#f8f9fa), color-stop(70.83%, rgba(248, 249, 250, .74)), to(rgba(248, 249, 250, 0)));
    background: linear-gradient(270deg, #f8f9fa, rgba(248, 249, 250, .74) 70.83%, rgba(248, 249, 250, 0))
}

.profile-reports .sales-body .single-product {
    width: 100%;
    padding: 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    background: #f8f9fa;
    border-radius: 12px;
    margin-top: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .single-product {
        margin-top: 12px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .sales-body .single-product {
        width: calc(50% - 5px);
        margin-top: 10px
    }
}

.profile-reports .sales-body .single-product__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414;
    text-align: center
}

.profile-reports .sales-body .single-product__notice {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #555;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .single-product__notice {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-reports .sales-body .single-product__notice .dopInfo {
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .single-product__notice .dopInfo {
        margin-left: 8px;
        margin-top: 0
    }
}

.profile-reports .sales-body .single-product__notice .dopInfo svg {
    cursor: pointer
}

.profile-reports .sales-body .single-product__notice .dopInfo:hover svg path {
    fill: #8d4086
}

.profile-reports .sales-body .single-product__notice .dopInfo:hover .info-block {
    display: block
}

.profile-reports .sales-body .single-product__notice .dopInfo .info-block {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    position: absolute;
    padding: 20px;
    top: 26px;
    right: 8px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 222px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-reports .sales-body .single-product__notice .dopInfo .info-block {
        right: 0;
        width: 266px;
        -webkit-transform: none;
        transform: none
    }
}

.profile-reports .sales-body .single-product__notice .dopInfo .info-block p {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    text-align: left
}

.profile-reports .sales-body .single-product__cost {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    color: #141414;
    margin-top: 8px;
    text-align: center
}

.profile-reports .charity {
    margin-top: 20px
}

.profile-reports .charity .accordion__button {
    padding: 16px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity .accordion__button {
        font-size: 18px;
        line-height: 30px;
        padding: 24px
    }
}

.profile-reports .charity .accordion__text {
    padding: 0 12px;
    margin-top: -4px
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity .accordion__text {
        padding: 0 24px;
        margin-top: -8px
    }
}

.profile-reports .charity .accordion__text .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity .accordion__text .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-reports .charity .accordion__text .info .caption {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity .accordion__text .info .caption {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .charity .accordion__text .info .caption {
        font-size: 14px;
        line-height: 22px;
        max-width: 530px
    }
}

.profile-reports .charity .accordion__text .info .img {
    width: 76px;
    height: 48px;
    min-width: 76px
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity .accordion__text .info .img {
        width: 90px;
        height: 56px;
        min-width: 90px;
        margin-left: 16px
    }
}

.profile-reports .charity .accordion__text .info .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-reports .charity-input {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity-input {
        margin-top: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .charity-input {
        margin-top: 20px
    }
}

.profile-reports .charity-input-error {
    font-size: 10px;
    line-height: 16px;
    color: #d44300;
    margin-left: 20px;
    margin-top: 8px
}

.profile-reports .charity-input .input-group {
    padding: 0;
    background: none
}

.profile-reports .charity-input .input-group.hidden {
    display: none
}

.profile-reports .charity-input .input-control {
    background: #f8f9fa;
    border-radius: 40px;
    width: 130px;
    height: 48px;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #a5a5a5;
    text-indent: 20px;
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity-input .input-control {
        width: 246px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .charity-input .input-control {
        width: 320px
    }
}

.profile-reports .charity-input .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 20px;
    display: block
}

.profile-reports .charity-input .control-label.error {
    color: #d44300
}

.profile-reports .charity-input .value-wrap {
    background: #f8f9fa;
    border-radius: 40px;
    margin-left: 4px;
    height: 48px;
    width: 78px;
    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;
    position: relative;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity-input .value-wrap {
        margin-left: 8px
    }
}

.profile-reports .charity-input .value-wrap .current {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #141414
}

.profile-reports .charity-input .value-wrap .current svg {
    margin-left: 18px
}

.profile-reports .charity-input .value-wrap .dropdown {
    display: none;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    border-radius: 0 0 16px 16px;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    background: #f8f9fa
}

.profile-reports .charity-input .value-wrap .dropdown-item {
    padding: 0
}

.profile-reports .charity-input .value-wrap .dropdown-item .value {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #141414;
    padding: 0;
    height: 36px;
    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;
    cursor: pointer
}

.profile-reports .charity-input .value-wrap.active {
    border-radius: 16px 16px 0 0
}

.profile-reports .charity-input .value-wrap.active .dropdown {
    display: block
}

.profile-reports .charity-input .value-wrap.active .current svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.profile-reports .charity .notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    text-decoration: none
}

.profile-reports .charity .notice svg {
    margin-right: 8px
}

.profile-reports .charity .notice p {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #59aee4;
    padding-bottom: 0
}

.profile-reports .charity .hide {
    display: none !important;
    visibility: hidden
}

.profile-reports .charity .btn {
    max-width: 406px;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 12px 0 16px;
    font-size: 11px
}

@media only screen and (min-width: 768px) {
    .profile-reports .charity .btn {
        margin: 20px 0;
        font-size: 12px
    }
}

.profile-reports .period {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-reports .period {
        margin-top: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period {
        margin-top: 40px
    }
}

.profile-reports .period-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-reports .period-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-reports .period-header .download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #555;
    text-decoration: none;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-reports .period-header .download {
        height: 20px;
        margin-top: 0
    }
}

.profile-reports .period-header .download svg {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

.profile-reports .period-header .download:hover {
    color: #8d4086
}

.profile-reports .period-header .download:hover svg path {
    fill: #8d4086
}

.profile-reports .period .input-group {
    background: none;
    padding: 0
}

.profile-reports .period label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 20px
}

.profile-reports .period .input-control {
    padding: 0;
    height: 48px;
    text-indent: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 498px;
    color: #555
}

.profile-reports .period .filters {
    background-color: #fff;
    padding: 20px 12px;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters {
        margin-top: 20px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters {
        padding: 24px
    }
}

.profile-reports .period .filters input {
    background: #f8f9fa
}

.profile-reports .period .filters .date-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters .date-field {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-reports .period .filters .date-field .input-group {
    position: relative;
    width: 100%;
    margin-top: 16px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters .date-field .input-group {
        margin-top: 0;
        margin-right: 20px;
        max-width: 388px
    }
}

.profile-reports .period .filters .date-field .input-group:before {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 12px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.125 3.75h-1.75V2.656a.656.656 0 00-1.313 0V3.75H5.939V2.656a.656.656 0 00-1.313 0V3.75h-1.75A.875.875 0 002 4.625v10.5c0 .483.392.875.875.875h12.25a.875.875 0 00.875-.875v-10.5a.875.875 0 00-.875-.875zm-.438 10.938H3.313v-7h11.374v7zm0-8.313H3.313V5.062h11.374v1.313z' fill='%23555'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters .date-field .input-group:before {
        left: 20px
    }
}

.profile-reports .period .filters .date-field input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-right: 20px;
    padding: 0 0 0 40px;
    height: 48px;
    text-indent: 0;
    color: #141414;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters .date-field input {
        padding: 0 0 0 54px
    }
}

.profile-reports .period .filters .date-field__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters .date-field__btn {
        max-width: 300px
    }
}

.profile-reports .period .filters .date-field .date-btn {
    background: rgba(141, 64, 134, .1);
    border-radius: 24px;
    width: 100%;
    height: 36px;
    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;
    font-weight: 600;
    font-size: 8px;
    line-height: 140%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    margin-left: 4px;
    border: none;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters .date-field .date-btn {
        font-size: 10px;
        margin-left: 8px;
        height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters .date-field .date-btn {
        max-width: 146px
    }
}

.profile-reports .period .filters .date-field .date-btn:first-child {
    margin-left: 0
}

.profile-reports .period .filters .date-field .date-btn.active {
    background: #77176e;
    color: #fff
}

.profile-reports .period .filters__field {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters__field {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters__field {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-reports .period .filters__field .input-group {
    width: 100%;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters__field .input-group {
        max-width: 164px;
        margin-right: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters__field .input-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-right: 20px;
        max-width: 170px;
        margin-top: 0
    }
}

.profile-reports .period .filters__field .input-group:last-child {
    margin-right: 0
}

.profile-reports .period .filters__field .sap-code {
    max-width: none;
    margin-right: 0;
    margin-top: 0
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters__field .sap-code {
        max-width: 328px;
        margin-right: 20px
    }
}

.profile-reports .period .filters__field .sap-code .input-wrap {
    position: relative
}

.profile-reports .period .filters__field .sap-code .input-wrap svg {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.profile-reports .period .filters__field .sap-code .input-control {
    color: #a5a5a5;
    font-weight: 600;
    max-width: none
}

.profile-reports .period .filters__field .form-group {
    margin-top: 8px
}

.profile-reports .period .filters__field .select2-container {
    background: #f8f9fa
}

.profile-reports .period .filters-submit {
    margin-top: 24px;
    margin-left: auto;
    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: 100%;
    padding: 0;
    height: 36px
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .filters-submit {
        margin-top: 32px;
        height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .filters-submit {
        margin-top: 30px;
        max-width: 185px
    }
}

.profile-reports .period .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .products {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-reports .period .products .product {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.profile-reports .period .products .product:first-child {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .products .product {
        width: calc(50% - 6px);
        margin-top: 0
    }

    .profile-reports .period .products .product:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product {
        width: 100%;
        margin-right: 20px;
        padding: 20px 24px
    }
}

.profile-reports .period .products .product:nth-child(n+3) {
    margin-top: 12px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product:nth-child(n+3) {
        margin-top: 0
    }
}

.profile-reports .period .products .product:last-child {
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product:last-child {
        margin-right: 0
    }
}

.profile-reports .period .products .product-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #141414
}

.profile-reports .period .products .product-info {
    margin-top: 12px
}

.profile-reports .period .products .product-info__title {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #a5a5a5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product-info__title {
        font-size: 12px
    }
}

.profile-reports .period .products .product-info__title .dopInfo {
    width: 16px;
    height: 16px;
    margin-left: 8px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product-info__title .dopInfo {
        position: relative
    }

    .profile-reports .period .products .product-info__title .dopInfo:hover svg path {
        fill: #8d4086
    }

    .profile-reports .period .products .product-info__title .dopInfo:hover .info-block {
        display: block
    }
}

.profile-reports .period .products .product-info__title .dopInfo.active svg path {
    fill: #8d4086
}

.profile-reports .period .products .product-info__title .dopInfo.active .info-block {
    display: block
}

.profile-reports .period .products .product-info__title .dopInfo svg {
    cursor: pointer
}

.profile-reports .period .products .product-info__title .dopInfo .info-block {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    position: absolute;
    padding: 20px;
    top: 30%;
    right: -16px;
    width: calc(100vw - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .products .product-info__title .dopInfo .info-block {
        right: 0;
        width: 382px;
        top: 30%
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product-info__title .dopInfo .info-block {
        width: 492px;
        right: 16px
    }
}

.profile-reports .period .products .product-info__title .dopInfo .info-block p {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #555;
    text-align: left
}

.profile-reports .period .products .product-info__title .dopInfo .info-block svg {
    position: absolute;
    top: 12px;
    right: 12px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product-info__title .dopInfo .info-block svg {
        display: none
    }
}

.profile-reports .period .products .product-info__text {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #77176e;
    margin-top: 4px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .products .product-info__text {
        font-size: 28px;
        line-height: 32px
    }
}

.profile-reports .period .orders {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    margin-top: 16px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .orders {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.profile-reports .period .orders:first-child {
    margin-top: 20px
}

.profile-reports .period .orders-info {
    max-width: none;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders-info {
        max-width: 285px
    }
}

.profile-reports .period .orders-info__item {
    margin-top: 20px
}

.profile-reports .period .orders-info__item:first-child {
    margin-top: 0
}

.profile-reports .period .orders-info__item .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding: 0;
    margin: 0
}

.profile-reports .period .orders-info__item .caption {
    margin-top: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141414
}

.profile-reports .period .orders-info__item .product {
    margin-top: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    margin-bottom: 0
}

.profile-reports .period .orders-info__item .product a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #8d4086
}

.profile-reports .period .orders-info__item.hidden {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    max-height: 0;
    overflow: hidden;
    margin-top: 0
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders-info__item.hidden {
        max-height: none;
        margin-top: 24px
    }
}

.profile-reports .period .orders-info__item.hidden.show {
    max-height: 1000px;
    margin-top: 16px;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.profile-reports .period .orders-info__item.product-list {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    max-height: 0;
    overflow: hidden
}

.profile-reports .period .orders-promo {
    margin-top: 16px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders-promo {
        max-width: 164px;
        margin-top: 0
    }
}

.profile-reports .period .orders-promo__item.hidden {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    max-height: 0;
    overflow: hidden
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders-promo__item.hidden {
        max-height: none
    }
}

.profile-reports .period .orders-promo__item.hidden.show {
    max-height: 1000px;
    margin-top: 16px;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.profile-reports .period .orders-promo__item:first-child {
    margin-top: 0;
    max-height: none
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders-promo__item {
        max-height: none;
        margin-top: 12px
    }
}

.profile-reports .period .orders-promo__item .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding: 0;
    margin: 0
}

.profile-reports .period .orders-promo__item .caption {
    margin-top: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141414
}

.profile-reports .period .orders-summary {
    max-width: 132px;
    top: 24px;
    right: 24px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .orders-summary {
        position: absolute
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders-summary {
        position: static
    }
}

.profile-reports .period .orders-summary__item {
    margin-top: 12px
}

.profile-reports .period .orders-summary__item.hidden {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    max-height: 0;
    overflow: hidden;
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .orders-summary__item.hidden {
        max-height: none;
        margin-top: 12px;
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out
    }
}

.profile-reports .period .orders-summary__item.hidden.show {
    max-height: 1000px;
    margin-top: 12px;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media only screen and (min-width: 768px) {
    .profile-reports .period .orders-summary__item:first-child {
        margin-top: 0
    }
}

.profile-reports .period .orders-summary__item .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    padding: 0;
    margin: 0
}

.profile-reports .period .orders-summary__item .caption {
    margin-top: 6px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #141414
}

.profile-reports .period .orders .show-more {
    font-weight: 700;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    margin-top: 20px
}

@media only screen and (min-width: 1280px) {
    .profile-reports .period .orders .show-more {
        display: none
    }
}

.profile-reports__popup {
    margin: 0 16px 16px;
    max-width: 303px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup {
        margin: 0 20px 40px 30px;
        max-width: 416px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports__popup {
        margin: 0 20px 40px 40px
    }
}

.profile-reports__popup p {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup p {
        font-size: 16px;
        line-height: 160%
    }
}

.profile-reports__popup b {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 16px;
    display: block
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup b {
        font-size: 16px;
        line-height: 160%;
        margin-bottom: 12px
    }
}

.profile-reports__popup-success .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    margin: 0 16px 16px;
    max-width: 303px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup-success .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin: 0 20px 150px 30px;
        max-width: 416px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports__popup-success .info {
        margin: 0 20px 150px 40px
    }
}

.profile-reports__popup-success .info .caption {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup-success .info .caption {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-reports__popup-success .info .caption {
        font-size: 14px;
        line-height: 22px;
        max-width: 530px
    }
}

.profile-reports__popup-success .info .img {
    width: 76px;
    height: 48px;
    min-width: 76px
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup-success .info .img {
        width: 90px;
        height: 56px;
        min-width: 90px;
        margin-left: 16px
    }
}

.profile-reports__popup-success .info .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-reports__popup-success .footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    position: fixed;
    background: #f8f9fa;
    border-radius: 12px;
    bottom: 0;
    z-index: 10;
    width: calc(100vw - 48px);
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    padding: 16px 40px;
    width: calc(100% - 80px)
}

.profile-reports__popup-success .footer, .profile-reports__popup-success .footer .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-reports__popup-success .footer .btn {
    max-width: 85px;
    width: 100%;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 12px 0 16px;
    font-size: 11px
}

@media only screen and (min-width: 768px) {
    .profile-reports__popup-success .footer .btn {
        margin: 20px 0;
        font-size: 12px
    }
}

.profile-promocode {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px;
    max-width: 836px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-promocode {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-promocode {
        padding: 40px
    }
}

.profile-promocode__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .profile-promocode__title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 24px
    }
}

.profile-promocode .pagination {
    margin-bottom: 0;
    margin-top: 24px
}

.profile-promocode .promo-info {
    background: #fff;
    border-radius: 12px;
    padding: 16px 12px;
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .profile-promocode .promo-info {
        margin-top: 20px;
        padding: 20px 24px;
        padding: 32px 24px
    }
}

.profile-promocode .promo-info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media only screen and (min-width: 768px) {
    .profile-promocode .promo-info__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.profile-promocode .promo-info__status {
    background: rgba(246, 57, 51, .04);
    border-radius: 8px;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 8px;
    line-height: 14px;
    color: #f63933;
    width: 100%;
    max-width: 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .profile-promocode .promo-info__status {
        padding: 5px 12px;
        font-size: 10px;
        line-height: 20px;
        max-width: 116px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .profile-promocode .promo-info__status {
        padding: 6px 12px;
        font-size: 14px;
        max-width: 154px
    }
}

.profile-promocode .promo-info__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .profile-promocode .promo-info__title {
        font-size: 18px;
        line-height: 30px
    }
}

.profile-promocode .promo-info__item {
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .profile-promocode .promo-info__item {
        margin-top: 16px
    }
}

.profile-promocode .promo-info__item .title {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

.profile-promocode .promo-info__item .caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    margin-top: 6px
}

.profile-promocode .promo-info__item .sites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.profile-promocode .promo-info__item .sites a {
    padding: 0 12px;
    background: #f8f9fa;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    margin-top: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #8d4086;
    margin-right: 4px;
    text-decoration: none
}

.profile-promocode .promo-info__item .sites a:first-child {
    margin-top: 8px
}

@media only screen and (min-width: 768px) {
    .profile-promocode .promo-info__item .sites a {
        margin-top: 8px
    }
}

.profile-promocode .promo-info__item .sites a:last-child {
    margin-right: 0
}

.profile-promocode .promo-info__item .codes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 1280px) {
    .profile-promocode .promo-info__item .codes {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.profile-promocode .promo-info__item .codes .add, .profile-promocode .promo-info__item .codes .completed, .profile-promocode .promo-info__item .codes .wait {
    background: #f8f9fa;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    width: 100%;
    min-height: 112px;
    margin-top: 4px
}

.profile-promocode .promo-info__item .codes .add:first-child, .profile-promocode .promo-info__item .codes .completed:first-child, .profile-promocode .promo-info__item .codes .wait:first-child {
    margin-top: 8px
}

@media only screen and (min-width: 1280px) {
    .profile-promocode .promo-info__item .codes .add, .profile-promocode .promo-info__item .codes .completed, .profile-promocode .promo-info__item .codes .wait {
        margin-right: 4px;
        width: calc(33.33333% - 2.66667px);
        height: 112px;
        margin-top: 8px
    }

    .profile-promocode .promo-info__item .codes .add:nth-child(3n), .profile-promocode .promo-info__item .codes .completed:nth-child(3n), .profile-promocode .promo-info__item .codes .wait:nth-child(3n) {
        margin-right: 0
    }
}

.profile-promocode .promo-info__item .codes .add .name, .profile-promocode .promo-info__item .codes .completed .name, .profile-promocode .promo-info__item .codes .wait .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #141414
}

.profile-promocode .promo-info__item .codes .add .status, .profile-promocode .promo-info__item .codes .completed .status, .profile-promocode .promo-info__item .codes .wait .status {
    margin-top: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #555
}

.profile-promocode .promo-info__item .codes .add .copy, .profile-promocode .promo-info__item .codes .completed .copy, .profile-promocode .promo-info__item .codes .wait .copy {
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 40px;
    font-weight: 700;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    width: 188px;
    height: 40px;
    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;
    margin-top: 12px
}

.profile-promocode .promo-info__item .codes .add {
    font-weight: 600;
    font-size: 40px;
    line-height: 20px;
    color: #e4e4e4;
    cursor: pointer
}

.profile-promocode .promo-info__item .codes .add .status {
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    color: #77176e
}

.profile-promocode .promo-info__item .codes .completed {
    cursor: pointer
}

.profile-promocode__popup {
    background: #f8f9fa;
    border-radius: 12px;
    margin: 0 16px 16px;
    padding: 16px;
    max-width: 303px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-promocode__popup {
        max-width: 416px;
        margin: 0 0 20px 20px;
        padding: 34px 40px 40px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-promocode__popup {
        margin: 0 20px 40px 40px
    }
}

.profile-promocode__popup .caption {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #141414;
    width: 271px
}

@media only screen and (min-width: 768px) {
    .profile-promocode__popup .caption {
        font-size: 16px
    }
}

.profile-promocode__popup .input-group {
    padding: 0;
    margin-top: 16px;
    background: none
}

.profile-promocode__popup .input-group .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 20px
}

.profile-promocode__popup .input-group .input-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #555;
    margin-top: 8px
}

.profile-promocode__popup .btn {
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    border-radius: 24px;
    margin-top: 12px;
    padding: 0;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #77176e;
    width: 100%;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .profile-promocode__popup .btn {
        margin-top: 20px
    }
}

.profile-return {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px 12px 12px;
    max-width: 756px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-return {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return {
        padding: 40px
    }
}

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

@media only screen and (min-width: 1280px) {
    .profile-return__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
    }
}

.profile-return__top .top-text {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .profile-return__top .top-text {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return__top .top-text {
        margin-bottom: 0
    }
}

.profile-return__top .top-text__link {
    font-weight: 400;
    display: block;
    font-size: 10px;
    line-height: 160%;
    color: #59aee4;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .profile-return__top .top-text__link {
        font-weight: 500;
        font-size: 14px
    }
}

.profile-return__top .top-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 16px;
    row-gap: 16px
}

@media only screen and (min-width: 768px) {
    .profile-return__top .top-buttons {
        -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
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return__top .top-buttons {
        grid-column-gap: 8px;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.profile-return__top .top-buttons .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;
    padding: 0;
    width: 100%;
    height: 42px;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .profile-return__top .top-buttons .btn {
        width: calc(50% - 4px);
        height: 48px;
        font-size: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return__top .top-buttons .btn {
        width: 180px
    }
}

.profile-return .no-exchange-returns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: calc(100% - 166px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #414141;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .profile-return .no-exchange-returns {
        height: calc(100% - 125px);
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .no-exchange-returns {
        height: calc(100% - 61px);
        font-size: 20px;
        line-height: 26px
    }
}

.profile-return__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .profile-return__title {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return__title {
        margin-bottom: 8px
    }
}

.profile-return .item {
    background: #fff;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    margin-top: 16px;
    padding: 12px
}

@media only screen and (min-width: 768px) {
    .profile-return .item {
        margin-top: 24px;
        padding: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item {
        padding: 34px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__header {
        margin-bottom: 28px;
        margin-left: 14px;
        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
    }
}

.profile-return .item-info__header .orders-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__header .orders-info {
        -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
    }
}

.profile-return .item-info__header .improvement-reason {
    margin-top: 12px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .improvement-reason {
        margin-top: 16px
    }
}

.profile-return .item-info__header .improvement-reason__title {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #a5a5a5;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .improvement-reason__title {
        margin-bottom: 8px;
        font-size: 14px
    }
}

.profile-return .item-info__header .improvement-reason__text {
    font-weight: 500;
    font-size: 10px;
    line-height: 140%;
    color: #555
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .improvement-reason__text {
        font-size: 14px;
        max-width: 416px
    }
}

.profile-return .item-info__header .number-return {
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #555
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .number-return {
        font-size: 14px
    }
}

.profile-return .item-info__header .number-return span {
    display: none
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__header .number-return span {
        display: inline-block
    }
}

.profile-return .item-info__header .number-order {
    margin-left: 8px;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #59aee4;
    text-decoration: none
}

.profile-return .item-info__header .number-order:hover {
    text-decoration: none;
    color: #59aee4
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .number-order {
        margin-left: 14px;
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__header .number-order {
        margin-left: 0;
        margin-top: 4px
    }
}

.profile-return .item-info__header .status {
    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: 500;
    font-size: 10px;
    line-height: 16px;
    color: #a5a5a5;
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .status {
        margin-top: 10px;
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__header .status {
        margin-left: auto;
        margin-top: 0
    }
}

.profile-return .item-info__header .status span {
    margin-left: 8px;
    color: #555
}

.profile-return .item-info__header .status > a {
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    color: #59aee4;
    text-decoration: none;
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__header .status > a {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__header .status > a {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.profile-return .item-info__bottom {
    margin-top: 12px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 12px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__bottom {
        margin-top: 16px;
        padding: 20px 18px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom {
        margin-top: 20px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-return .item-info__bottom .imgTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .imgTitle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 438px
    }
}

.profile-return .item-info__bottom .img {
    background: #fff;
    border-radius: 8px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 40px;
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__bottom .img {
        min-width: 60px;
        width: 60px;
        height: 60px;
        padding: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .img {
        min-width: 56px;
        width: 56px;
        height: 56px;
        padding: 8px
    }
}

.profile-return .item-info__bottom .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-return .item-info__bottom .names {
    margin-left: 12px
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__bottom .names {
        margin-left: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .names {
        margin-left: 14px
    }
}

.profile-return .item-info__bottom .names .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414;
    padding: 0;
    margin: 0
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .names .title {
        font-size: 16px;
        line-height: 18px
    }
}

.profile-return .item-info__bottom .names .display-title {
    margin-top: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 160%;
    color: #8693a2
}

.profile-return .item-info__bottom .price-info {
    margin-top: 12px;
    margin-left: 52px;
    position: relative;
    min-height: 44px
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__bottom .price-info {
        margin-left: 88px;
        margin-top: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .price-info {
        margin-top: 0;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(100% - 438px)
    }
}

.profile-return .item-info__bottom .bonus {
    font-size: 12px;
    line-height: 20px;
    color: #477707;
    margin-top: 4px
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .bonus {
        font-size: 14px
    }
}

.profile-return .item-info__bottom .count {
    background: #fff;
    border-radius: 8px;
    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;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -47px;
    top: 0
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__bottom .count {
        width: 44px;
        height: 44px;
        left: -79px;
        top: 0;
        border-radius: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .count {
        position: static;
        margin-left: 16px
    }
}

.profile-return .item-info__bottom .price {
    margin-top: 6px
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .price {
        margin-left: auto;
        margin-right: 20px;
        margin-top: 0
    }
}

.profile-return .item-info__bottom .price .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-return .item-info__bottom .price .prev {
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .05em;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #555;
    margin-right: 10px
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .price .prev {
        font-size: 12px
    }
}

.profile-return .item-info__bottom .price .curr {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e
}

@media only screen and (min-width: 768px) {
    .profile-return .item-info__bottom .price .curr {
        font-size: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .price .curr {
        font-size: 20px;
        margin-left: auto
    }
}

.profile-return .item-info__bottom .price .gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #e9a14b;
    margin-top: 8px
}

.profile-return .item-info__bottom .price .gift svg {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 6px
}

@media only screen and (min-width: 1280px) {
    .profile-return .item-info__bottom .price .gift {
        font-size: 14px;
        line-height: 20px
    }
}

.profile-return .pagination {
    margin-bottom: 0;
    margin-top: 20px
}

.profile-return__popup {
    margin: 0 24px 92px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup {
        margin: 0 10px 110px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup {
        margin: 0 20px 110px
    }
}

.profile-return__popup form {
    min-width: 330px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup form {
        min-width: 618px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup form {
        min-width: 902px
    }
}

.profile-return__popup .title {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .title {
        margin: 0 0 24px 20px;
        font-size: 18px
    }
}

.profile-return__popup .title.title-big {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .title.title-big {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 28px
    }
}

.profile-return__popup .return-to-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    text-decoration: none
}

.profile-return__popup .return-to-history svg {
    margin-right: 4px
}

.profile-return__popup .block {
    margin-top: 16px;
    background: #f8f9fa;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    border-radius: 12px;
    padding: 18px 20px;
    min-width: 327px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .block {
        padding: 20px
    }
}

.profile-return__popup .block .promo-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-return__popup .block .promo-info .checkbox {
    margin: 0
}

.profile-return__popup .block .promo-info .checkbox .checkmark {
    top: -9px
}

.profile-return__popup .block-title {
    font-weight: 600;
    color: #141414;
    font-size: 12px;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .block-title {
        line-height: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .block-title {
        font-size: 16px;
        line-height: 30px
    }
}

.profile-return__popup .item {
    margin-top: 16px;
    min-width: 290px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4e4e4
}

.profile-return__popup .item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item {
        min-width: 578px;
        padding-bottom: 0;
        border-bottom: none
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item {
        margin-top: 24px;
        min-width: 862px
    }
}

.profile-return__popup .item .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    padding-left: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .checkbox {
        padding-left: 36px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.profile-return__popup .item .checkbox.exchange {
    padding: 0
}

.profile-return__popup .item .checkmark {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -15px;
    top: 21px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .checkmark {
        top: 32px;
        left: 0
    }
}

.profile-return__popup .item .checkmark:after {
    top: 4px;
    left: 4px
}

.profile-return__popup .item .img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    min-width: 60px;
    width: 60px;
    height: 60px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .img {
        min-width: 80px;
        width: 80px;
        height: 80px
    }
}

.profile-return__popup .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-return__popup .item .imgTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .imgTitle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .nameBonus {
        margin-right: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .nameBonus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

.profile-return__popup .item .names {
    margin-left: 28px;
    margin-top: 0;
    max-width: 360px
}

.profile-return__popup .item .names .product-title {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #141414;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .names .product-title {
        font-size: 18px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .names .product-title {
        font-size: 28px;
        line-height: 30px
    }
}

.profile-return__popup .item .names .product-displayTitle {
    margin-top: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #8693a2
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .names .product-displayTitle {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .names .product-displayTitle {
        margin-top: 12px
    }
}

.profile-return__popup .item .bonus {
    font-weight: 700;
    line-height: 22px;
    font-size: 16px;
    color: #477707;
    margin-top: 6px;
    margin-left: 28px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .bonus {
        margin-top: 4px;
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .bonus {
        margin-left: auto;
        margin-top: 0;
        font-size: 16px
    }
}

.profile-return__popup .item .countPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    margin-left: 8px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .countPrice {
        margin-top: 0;
        margin-left: 0
    }
}

.profile-return__popup .item .count {
    height: 60px;
    background: #fff;
    border-radius: 12px;
    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;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    font-weight: 600;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .count {
        margin-left: auto
    }
}

.profile-return__popup .item .price {
    margin-left: 36px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .price {
        margin-right: 10px;
        margin-left: 16px;
        min-width: 96px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .price {
        margin-left: 20px;
        min-width: 128px
    }
}

.profile-return__popup .item .price.exchange-price {
    margin-left: 80px
}

.profile-return__popup .item .price .prev {
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: .05em;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #555
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .price .prev {
        font-size: 10px
    }
}

.profile-return__popup .item .price .curr {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .price .curr {
        font-size: 18px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .price .curr {
        font-size: 24px
    }
}

.profile-return__popup .item .documents {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .documents {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item .documents {
        margin: 0 10px 0 28px
    }
}

.profile-return__popup .item .documents .input-group {
    position: relative;
    margin-top: 24px
}

.profile-return__popup .item .documents .input-group:first-child {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item .documents .input-group {
        margin-top: 0
    }
}

.profile-return__popup .item.active .documents {
    margin: 38px 0 -8px;
    max-height: 250px;
    overflow: visible
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .item.active .documents {
        margin: 24px 0 2px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .item.active .documents {
        margin: 40px 10px 10px 28px
    }
}

.profile-return__popup .service-btn-info {
    position: absolute;
    top: 41px;
    right: 22px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: none
}

.profile-return__popup .service-btn-info:hover {
    cursor: pointer
}

.profile-return__popup .service-btn-info svg {
    pointer-events: none
}

.profile-return__popup .photo-example {
    display: none;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    top: 70px;
    right: 20px;
    z-index: 2;
    padding: 20px
}

.profile-return__popup .photo-example.active {
    display: block
}

.profile-return__popup .photo-example__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.profile-return__popup .photo-example__image {
    width: 271px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .photo-example__image {
        width: 249px
    }
}

.profile-return__popup .photo-example__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-return__popup label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5;
    margin-left: 20px
}

.profile-return__popup .input-group {
    position: relative;
    background: none;
    padding: 0;
    border-radius: 0;
    width: 100%;
    min-width: 284px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .input-group {
        width: 284px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .input-group {
        width: 391px
    }
}

.profile-return__popup .input-group.address .input-wrap {
    line-height: unset
}

.profile-return__popup .input-group .input-wrap {
    line-height: 0
}

.profile-return__popup .input-group .n-ui-autocomplete .re .label__control {
    margin-left: 0
}

.profile-return__popup .input-group .n-ui-autocomplete .re .label__control .input-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 50px;
    text-overflow: ellipsis
}

.profile-return__popup .input-group .n-ui-autocomplete .re .input-group-btn {
    position: absolute;
    right: 15px;
    top: 36px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .input-group .n-ui-autocomplete .re .input-group-btn {
        top: 36px
    }
}

.profile-return__popup .input-group .n-ui-autocomplete .re .input-group-btn > button {
    background-color: unset;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.60039%202.3998C1.37948%202.17889%201.0213%202.17889%200.800391%202.3998C0.579477%202.62072%200.579477%202.97889%200.80039%203.1998L3.59883%205.99824C3.60346%206.00288%203.60816%206.00742%203.61291%206.01186C3.83464%206.22054%204.1836%206.21649%204.40039%205.99971L7.20039%203.19971C7.4213%202.9788%207.4213%202.62063%207.20039%202.39971C6.97947%202.1788%206.6213%202.1788%206.40039%202.39971L4.00034%204.79976L1.60039%202.3998Z%22%20fill%3D%22%23141414%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    border: none;
    padding: 0;
    width: 25px;
    height: 25px
}

.profile-return__popup .input-group .n-ui-autocomplete .re .input-group-btn > button:hover {
    cursor: pointer
}

.profile-return__popup .input-group .n-ui-autocomplete .re .input-group-btn > button .caret {
    display: none
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup {
    max-width: unset;
    max-height: unset;
    border: none;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .04);
    width: 303px;
    height: 320px;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup {
        width: 284px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup {
        max-height: 368px;
        width: 394px
    }
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .not-found__item {
    padding: 20px
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown {
    list-style: none;
    width: 100%;
    padding: 20px 24px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li {
    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;
    padding: 0 0 16px;
    margin-top: 12px;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li:first-child {
    margin-top: 0
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li:hover {
    background-color: unset
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .image {
    width: 48px;
    height: 48px;
    padding: 4px;
    background: #fff;
    border: 1px solid hsla(0, 0%, 89.4%, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .image {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .image {
        width: 56px;
        height: 56px
    }
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .name {
    font-weight: 600;
    font-size: 12px;
    line-height: 145%;
    color: #141414;
    width: calc(100% - 64px)
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .name {
        width: calc(100% - 60px)
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-popup .products-dropdown li .name {
        font-size: 14px;
        width: calc(100% - 80px)
    }
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-values {
    max-height: 320px;
    border-radius: 12px
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-values {
        max-height: 368px
    }
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-values::-webkit-scrollbar {
    width: 10px
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-values::-webkit-scrollbar-thumb {
    background: #77176e;
    border-radius: 4px;
    border: 2px solid #f8f9fa
}

.profile-return__popup .input-group .n-ui-autocomplete .rel .n-ui-values::-webkit-scrollbar-track {
    background: #f8f9fa;
    margin: 20px 20px 20px -20px;
    border: 20px solid transparent
}

.profile-return__popup .input-group.comment {
    width: 100%
}

.profile-return__popup .input-group.comment textarea {
    background: #fff;
    border-radius: 12px;
    padding: 16px 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    height: 106px;
    border: none;
    resize: none;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-return__popup .input-group.product-location {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-row-gap: 16px;
    row-gap: 16px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .input-group.product-location {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.profile-return__popup .input-group.product-location .checkbox {
    margin-left: 0
}

.profile-return__popup .input-group.product-location label {
    color: #555
}

.profile-return__popup .input-control {
    padding: 0;
    height: 48px;
    margin-top: 8px;
    text-indent: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-return__popup .photo, .profile-return__popup .photo__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-return__popup .photo__img {
    background: #fff;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .photo__img {
        width: 60px;
        height: 60px
    }
}

.profile-return__popup .photo__img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-return__popup .photo__input {
    margin-left: 12px
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .photo__input {
        margin-left: 16px
    }
}

.profile-return__popup .photo__input .name {
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 4px;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .photo__input .name {
        font-size: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .photo__input .name {
        margin-bottom: 8px;
        font-size: 14px
    }
}

.profile-return__popup .photo__input label {
    color: #77176e;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    margin-left: 0
}

.profile-return__popup .photo__input input {
    width: 0;
    height: 0;
    display: none
}

.profile-return__popup .accordion {
    margin-top: 16px;
    background: #f8f9fa;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .accordion {
        margin-top: 30px
    }
}

.profile-return__popup .accordion p {
    padding: 0
}

.profile-return__popup .accordion p.non-repair-act {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #141414
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .accordion p.non-repair-act {
        font-size: 14px
    }
}

.profile-return__popup .accordion p.non-repair-act > a {
    color: #77176e;
    text-decoration: none
}

.profile-return__popup .accordion img {
    margin: 0
}

.profile-return__popup .accordion__button {
    padding: 16px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: inherit;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .accordion__button {
        padding: 30px 20px;
        font-size: 18px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .accordion__button {
        padding: 40px
    }
}

.profile-return__popup .accordion__button.active {
    padding: 16px 12px 12px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .accordion__button.active {
        padding: 30px 20px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .accordion__button.active {
        padding: 40px 40px 24px
    }
}

.profile-return__popup .accordion__button svg {
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .accordion__button svg {
        width: 16px;
        height: 16px
    }
}

.profile-return__popup .accordion__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 12px 12px;
    grid-row-gap: 16px;
    row-gap: 16px;
    overflow: visible
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .accordion__text {
        padding: 0 20px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .accordion__text {
        padding: 0 40px 40px
    }
}

.profile-return__popup .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f8f9fa;
    border-radius: 12px;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .buttons {
        padding: 22px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .buttons {
        padding: 16px 40px
    }
}

.profile-return__popup .buttons .return {
    background: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    color: #fff;
    width: 208px;
    margin-left: 6px
}

@media only screen and (min-width: 768px) {
    .profile-return__popup .buttons .return {
        margin-left: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .profile-return__popup .buttons .return {
        margin-left: 28px
    }
}

.profile-return__popup .buttons .return:disabled, .profile-return__popup .buttons .return[disabled] {
    background-color: #a5a5a5;
    cursor: auto
}

.profile-return__popup .buttons .cancel {
    width: 129px;
    background-color: #fff;
    color: #77176e;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12)
}

.baker-landing {
    padding-top: 80px;
    color: #000;
    font-family: Gotham Pro, sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .baker-landing {
        padding-top: 100px
    }
}

.baker-landing .baker-title {
    font-size: 28px;
    line-height: 120%;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-title {
        font-size: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-title {
        font-size: 76px
    }
}

.baker-landing .baker-title em {
    font-style: normal;
    color: #ea9000
}

.baker-landing .baker-button {
    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;
    font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;
    color: #fff;
    background: #e7417a;
    border: none;
    border-radius: 28px;
    height: 50px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-button {
        height: 56px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-button {
        height: 68px;
        border-radius: 34px;
        font-size: 22px;
        line-height: 160%
    }
}

.baker-landing .baker-button:hover {
    cursor: pointer
}

.baker-landing .baker-banner {
    background-color: #f7f7f7;
    overflow: hidden;
    height: 660px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner {
        height: 830px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner {
        height: 1452px
    }
}

.baker-landing .baker-banner__wrapper {
    padding: 40px 0;
    max-width: 375px;
    margin: 0 auto;
    position: relative
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper {
        padding: 60px 0;
        max-width: 768px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper {
        padding: 80px 0;
        max-width: 1200px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__subtitle {
    font-size: 10px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    width: 322px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__subtitle {
        font-size: 14px;
        margin-bottom: 8px;
        width: 598px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__subtitle {
        font-size: 26px;
        line-height: 145%;
        margin-bottom: 15px;
        width: 1123px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__title {
    text-align: center;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__title {
        width: 600px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__title {
        width: 1120px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__machine-1 {
    position: absolute;
    top: 168px;
    left: 0;
    height: 188px;
    width: 203px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__machine-1 {
        top: 199px;
        left: 64px;
        height: 364px;
        width: 392px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__machine-1 {
        top: 352px;
        left: 0;
        height: 681px;
        width: 734px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__machine-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .baker-banner__wrapper .baker-banner__machine-2 {
    position: absolute;
    top: 374px;
    right: 12px;
    height: 155px;
    width: 193px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__machine-2 {
        top: 381px;
        right: 65px;
        height: 300px;
        width: 374px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__machine-2 {
        top: 693px;
        right: 2px;
        height: 560px;
        width: 702px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__machine-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .baker-banner__wrapper .baker-banner__slug-1, .baker-landing .baker-banner__wrapper .baker-banner__slug-2 {
    position: absolute;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__slug-1, .baker-landing .baker-banner__wrapper .baker-banner__slug-2 {
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__slug-1, .baker-landing .baker-banner__wrapper .baker-banner__slug-2 {
        font-size: 38px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__slug-1 em, .baker-landing .baker-banner__wrapper .baker-banner__slug-2 em {
    color: #e7417a;
    font-style: normal
}

.baker-landing .baker-banner__wrapper .baker-banner__slug-1 {
    top: 230px;
    right: 16px;
    width: 142px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__slug-1 {
        top: 248px;
        right: 56px;
        width: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__slug-1 {
        top: 444px;
        right: 15px;
        width: 420px
    }
}

.baker-landing .baker-banner__wrapper .baker-banner__slug-2 {
    top: 422px;
    left: 25px;
    width: 131px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-banner__slug-2 {
        top: 569px;
        left: 64px;
        width: 241px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-banner__slug-2 {
        top: 1046px;
        left: 0;
        width: 421px
    }
}

.baker-landing .baker-banner__wrapper .baker-button {
    position: absolute;
    top: 570px;
    left: 50%;
    width: 220px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-banner__wrapper .baker-button {
        top: 714px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-banner__wrapper .baker-button {
        top: 1322px;
        width: 350px
    }
}

.baker-landing .baker-silver {
    background-color: #f6f6f6;
    margin-top: 6px
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-silver {
        margin-top: 10px
    }
}

.baker-landing .baker-silver__wrapper {
    padding: 40px 0 20px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-silver__wrapper {
        padding: 60px 0 27px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-silver__wrapper {
        padding: 80px 0 54px
    }
}

.baker-landing .baker-silver__wrapper .baker-silver__title {
    width: 306px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-silver__wrapper .baker-silver__title {
        width: 600px;
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-silver__wrapper .baker-silver__title {
        font-size: 70px;
        line-height: 120%;
        width: 1120px;
        margin-bottom: 20px
    }
}

.baker-landing .baker-silver__wrapper .baker-silver__subtitle {
    font-size: 10px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-silver__wrapper .baker-silver__subtitle {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-silver__wrapper .baker-silver__subtitle {
        font-size: 24px;
        line-height: 145%
    }
}

.baker-landing .baker-silver__image {
    width: 100%;
    height: 260px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-silver__image {
        height: 325px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-silver__image {
        height: 610px
    }
}

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

.baker-landing .interactive {
    margin-top: 6px
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive {
        margin-top: 10px
    }
}

.baker-landing .interactive__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper {
        -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;
        height: 550px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper {
        height: 870px
    }
}

.baker-landing .interactive__wrapper .interactive-machine {
    background-color: #f6f6f6;
    width: 100%;
    height: 500px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-machine {
        width: calc(50% - 3px);
        height: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-machine {
        width: calc(50% - 5px)
    }
}

.baker-landing .interactive__wrapper .interactive-machine__title {
    position: absolute;
    top: 20px;
    left: 24px;
    font-size: 14px;
    line-height: 145%;
    text-transform: uppercase;
    color: #e7417a;
    width: 116px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-machine__title {
        display: none
    }
}

.baker-landing .interactive__wrapper .interactive-machine__image {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 346px;
    top: 44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-machine__image {
        top: 26px;
        width: 288px;
        height: 400px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-machine__image {
        top: 19px;
        width: 500px;
        height: 693px;
        right: 90px;
        left: unset;
        -webkit-transform: none;
        transform: none
    }
}

.baker-landing .interactive__wrapper .interactive-machine__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot {
    display: none
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot {
        display: block;
        position: absolute;
        border: 1px solid #e7417a;
        width: 30px;
        height: 30px;
        border-radius: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot {
        border: 2px solid #e7417a;
        width: 58px;
        height: 58px
    }
}

.baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot:before {
    position: absolute;
    top: 11px;
    left: 11px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e7417a
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot:before {
        width: 14px;
        height: 14px;
        top: 22px;
        left: 22px
    }
}

.baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot:hover {
    cursor: pointer
}

.baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot.active {
    background-color: #fff;
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot.active:before {
    opacity: 0
}

.baker-landing .interactive__wrapper .interactive-machine__image .interactive-dot.active:hover {
    cursor: default
}

.baker-landing .interactive__wrapper .interactive-machine__button {
    position: absolute;
    top: 414px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 128px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-machine__button {
        top: 474px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-machine__button {
        top: 762px;
        width: 240px;
        right: 238px;
        left: unset;
        -webkit-transform: none;
        transform: none
    }
}

.baker-landing .interactive__wrapper .interactive-slider {
    background-color: #f6f6f6;
    padding: 20px 0 46px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 0 27px 23px;
        width: calc(50% - 3px)
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider {
        width: calc(50% - 5px);
        padding: 40px 0 52px 45px
    }
}

.baker-landing .interactive__wrapper .interactive-slider__title {
    display: none
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider__title {
        display: block;
        font-size: 14px;
        line-height: 145%;
        text-transform: uppercase;
        color: #e7417a;
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider__title {
        font-size: 21px;
        margin-bottom: 14px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .interactive-slide {
    padding-bottom: 70px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide {
        padding-bottom: 25px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide {
        padding-bottom: 60px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .interactive-slide__header {
    width: 300px;
    font-size: 22px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 15px;
    margin-left: 24px;
    min-height: 56px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__header {
        margin-bottom: 10px;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__header {
        width: 520px;
        font-size: 38px;
        line-height: 135%;
        margin-bottom: 25px;
        min-height: 102px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .interactive-slide__image {
    width: 100%;
    height: 260px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__image {
        height: 230px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__image {
        height: 364px;
        max-width: 670px;
        margin-bottom: 30px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .interactive-slide__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .interactive__wrapper .interactive-slider .interactive-slide__text {
    font-size: 14px;
    line-height: 140%;
    margin-top: 16px;
    margin-left: 24px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__text {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__text {
        width: 520px;
        font-size: 21px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .interactive-slide__remark {
    line-height: 130%;
    margin-top: 5px;
    font-size: 10px;
    width: 300px;
    margin-left: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__remark {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .interactive-slide__remark {
        margin-top: 10px;
        font-size: 14px;
        width: 520px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-scrollbar {
    width: 326px;
    height: .53px;
    background-color: #969696;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-scrollbar {
        width: 300px;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-scrollbar {
        width: 520px;
        height: 1px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-scrollbar-drag {
    height: 2px;
    background-color: #e7417a;
    margin-top: -1px
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-scrollbar-drag {
        height: 4px;
        margin-top: -2px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-button-next, .baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev {
    width: 13px;
    height: 27px;
    top: 217px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-button-next, .baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev {
        top: 195px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-button-next, .baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev {
        top: 300px;
        width: 25px;
        height: 52px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-button-next:after, .baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev:after {
    content: ""
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-button-next svg, .baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-button-next {
    right: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-button-next {
        right: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-button-next {
        right: unset;
        left: 627px
    }
}

.baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev {
    left: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive__wrapper .interactive-slider .swiper-button-prev {
        left: 10px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.silver .interactive-dot.dot-1 {
        top: 332px;
        right: 88px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.silver .interactive-dot.dot-1 {
        top: 562px;
        right: 147px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.silver .interactive-dot.dot-2 {
        top: 207px;
        right: 144px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.silver .interactive-dot.dot-2 {
        top: 341px;
        right: 258px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.silver .interactive-dot.dot-3 {
        top: 246px;
        right: 27px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.silver .interactive-dot.dot-3 {
        top: 421px;
        right: 32px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.silver .interactive-dot.dot-4 {
        top: 261px;
        right: 182px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.silver .interactive-dot.dot-4 {
        top: 468px;
        right: 316px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__image {
        top: 51px;
        left: 82px;
        right: unset;
        width: 511px;
        height: 678px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-1 {
        top: 287px;
        right: 73px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-1 {
        top: 487px;
        right: 127px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-2 {
        top: 25px;
        right: 88px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-2 {
        top: 38px;
        right: 149px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-3 {
        top: 323px;
        right: 178px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-3 {
        top: 555px;
        right: 299px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-4 {
        top: 145px;
        right: 137px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-4 {
        top: 239px;
        right: 242px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-5 {
        top: 225px;
        right: 232px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__image .interactive-dot.dot-5 {
        top: 395px;
        right: 409px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-machine__button {
        right: unset;
        left: 230px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider {
        padding: 40px 0 52px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-slider__title {
        width: 300px;
        margin-right: 23px;
        margin-left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider__title {
        width: 520px;
        margin-right: 45px;
        margin-left: auto
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__header {
        width: 300px;
        margin-right: 23px;
        margin-left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__header {
        width: 520px;
        margin-right: 45px;
        margin-left: auto
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__text {
        margin-right: 23px;
        margin-left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__text {
        width: 520px;
        margin-right: 45px;
        margin-left: auto
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__remark {
        margin-right: 23px;
        margin-left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__remark {
        width: 520px;
        margin-right: 45px;
        margin-left: auto
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .interactive-slide__image {
        margin-right: 45px;
        margin-left: auto
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.second .interactive-slider .swiper-scrollbar {
        right: 23px;
        left: unset
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .swiper-scrollbar {
        right: 45px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .swiper-button-next {
        left: unset;
        right: 55px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.second .interactive-slider .swiper-button-prev {
        left: unset;
        right: 672px
    }
}

@media (max-width: 767px) {
    .baker-landing .interactive.third .interactive-slider__title {
        display: block;
        font-size: 14px;
        line-height: 145%;
        text-transform: uppercase;
        color: #e7417a;
        margin-left: 24px;
        margin-bottom: 16px
    }
}

.baker-landing .interactive.third .interactive-machine {
    display: none
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.third .interactive-machine {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.third .interactive-machine__image {
        width: 308px;
        height: 429px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.third .interactive-machine__image {
        top: 100px;
        right: 10px;
        width: 582px;
        height: 664px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.third .interactive-machine__image .interactive-dot.dot-1 {
        top: 128px;
        right: 7px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.third .interactive-machine__image .interactive-dot.dot-1 {
        top: 200px;
        right: 21px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.third .interactive-machine__image .interactive-dot.dot-2 {
        top: 31px;
        right: 136px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.third .interactive-machine__image .interactive-dot.dot-2 {
        top: 21px;
        right: 292px
    }
}

@media only screen and (min-width: 768px) {
    .baker-landing .interactive.third .interactive-machine__image .interactive-dot.dot-3 {
        top: 113px;
        right: 113px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.third .interactive-machine__image .interactive-dot.dot-3 {
        top: 151px;
        right: 240px
    }
}

.baker-landing .interactive.third .interactive-machine__button {
    display: none
}

.baker-landing .interactive.third .interactive-slide__header {
    width: 305px
}

@media only screen and (min-width: 1280px) {
    .baker-landing .interactive.third .interactive-slide__header {
        width: 527px
    }
}

.baker-landing .pop-top {
    position: relative;
    background-color: #f6f6f6;
    padding: 40px 0;
    margin-top: 6px;
    height: 674px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top {
        padding: 60px 0;
        height: 890px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top {
        padding: 80px 0;
        margin-top: 10px;
        height: 1593px
    }
}

.baker-landing .pop-top__title {
    width: 306px;
    margin: 0 auto 10px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top__title {
        width: 608px;
        margin: 0 auto 5px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__title {
        font-size: 70px;
        line-height: 120%;
        width: 1154px;
        margin: 0 auto 20px
    }
}

.baker-landing .pop-top__subtitle {
    font-size: 10px;
    line-height: 140%;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top__subtitle {
        font-size: 14px;
        line-height: 145%
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__subtitle {
        font-size: 24px
    }
}

.baker-landing .pop-top__image {
    position: absolute;
    width: 322px;
    height: 320px;
    top: 225px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top__image {
        width: 562px;
        height: 558px;
        top: 215px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__image {
        width: 996px;
        height: 989px;
        top: 412px
    }
}

.baker-landing .pop-top__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .pop-top__text {
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top__text {
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__text {
        font-size: 40px
    }
}

.baker-landing .pop-top__text em {
    color: #e7417a;
    font-style: normal
}

.baker-landing .pop-top__text span {
    display: block;
    margin-top: 5px;
    font-size: 9px;
    font-weight: 400;
    line-height: 130%
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__text span {
        font-size: 13px;
        margin-top: 10px
    }
}

.baker-landing .pop-top__text.colors {
    top: 196px;
    left: 24px;
    width: 120px
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top__text.colors {
        top: 260px;
        left: 50px;
        width: 160px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__text.colors {
        top: 500px;
        left: calc(50% - 600px);
        width: 380px
    }
}

.baker-landing .pop-top__text.panel {
    top: 539px;
    right: 27px;
    width: 120px
}

@media only screen and (min-width: 768px) {
    .baker-landing .pop-top__text.panel {
        top: 760px;
        right: 76px;
        width: 220px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .pop-top__text.panel {
        top: 1380px;
        right: calc(50% - 535px);
        width: 380px
    }
}

.baker-landing .baker-tips {
    background-color: #f6f6f6;
    margin-top: 6px;
    height: 1186px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips {
        height: 1394px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips {
        margin-top: 10px;
        height: 1340px
    }
}

.baker-landing .baker-tips__wrapper {
    position: relative;
    padding: 40px 24px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper {
        padding: 60px 40px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper {
        max-width: 1440px;
        margin: 0 auto;
        padding: 80px 0
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper {
        max-width: 1920px
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__title {
    width: 327px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__title {
        width: 600px;
        margin: 0 auto;
        text-align: center;
        line-height: 130%
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__title {
        font-size: 70px;
        width: 1120px
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__image {
    position: absolute;
    top: 470px;
    left: 0;
    width: 100%;
    height: 492px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__image {
        height: 973px;
        top: 421px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__image {
        height: 1000px;
        width: 1221px;
        top: 340px;
        left: unset;
        right: 0
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper .baker-tips__image {
        top: 297px;
        width: 1327px;
        height: 1043px
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__image img {
        height: 100%
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper .baker-tips__image img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: right;
        object-position: right
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__tip-item {
    position: absolute;
    font-size: 18px;
    line-height: 140%;
    width: 320px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item {
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item {
        font-size: 24px
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__tip-item em {
    color: #e7417a;
    font-style: normal
}

.baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-1 {
    top: 231px;
    left: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-1 {
        top: 214px;
        left: 40px;
        width: 430px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-1 {
        top: 401px;
        left: calc(50% - 353px);
        width: 410px
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-1 {
        left: calc(50% - 495px)
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-2 {
    top: 361px;
    left: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-2 {
        top: 378px;
        left: 40px;
        width: 430px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-2 {
        top: 1154px;
        left: unset;
        right: calc(50% - 600px);
        width: 315px
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-2 {
        top: 1080px;
        left: calc(50% - 495px);
        right: unset
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-3 {
    top: 1006px;
    left: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-3 {
        top: 1170px;
        right: 40px;
        left: unset;
        width: 386px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-3 {
        top: 595px;
        right: unset;
        left: calc(50% - 531px);
        width: 276px
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-3 {
        top: 650px;
        left: calc(50% - 600px);
        width: 296px
    }
}

.baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-4 {
    top: 1086px;
    left: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-4 {
        top: 1272px;
        right: 40px;
        left: unset;
        width: 386px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-4 {
        top: 1000px;
        right: unset;
        left: calc(50% - 600px);
        width: 296px
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-tips__wrapper .baker-tips__tip-item.tip-4 {
        top: 865px
    }
}

.baker-landing .baker-functions {
    background-color: #e7417a;
    margin-top: 6px;
    height: 747px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions {
        height: 1152px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions {
        margin-top: 10px;
        height: 960px
    }
}

.baker-landing .baker-functions__wrapper {
    padding: 40px 0
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 0;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.baker-landing .baker-functions__wrapper .baker-functions__title {
    color: #fff;
    width: 306px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .baker-functions__title {
        width: 600px;
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .baker-functions__title {
        font-size: 70px;
        line-height: 120%;
        width: 1120px;
        margin-bottom: 100px
    }
}

.baker-landing .baker-functions__wrapper .functions__full-img {
    display: none
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__full-img {
        position: absolute;
        top: 346px;
        left: 286px;
        display: block;
        width: 587px;
        height: 484px
    }
}

.baker-landing .baker-functions__wrapper .functions__full-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block {
        margin-bottom: 98px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__half-image {
    height: 252px;
    width: 226px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__half-image {
        width: 394px;
        height: 394px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__half-image {
        display: none
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__half-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 116px;
    margin-right: 9px;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features {
        width: 190px;
        margin-right: 84px;
        margin-top: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features {
        width: 280px;
        margin-right: 0;
        margin-top: -5px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature {
    position: relative;
    margin-bottom: 60px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature {
        margin-bottom: 108px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature {
        margin-bottom: 48px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__name {
    font-size: 13px;
    line-height: 140%;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__name {
        font-size: 22px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__descr {
    display: none
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__descr {
        display: block;
        font-size: 18px;
        line-height: 140%;
        color: #fff;
        margin-top: 10px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line {
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #fff
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-1 {
    width: 126px;
    -webkit-transform: translateX(calc(100% - 30px));
    transform: translateX(calc(100% - 30px))
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-1 {
        width: 280px;
        -webkit-transform: translateX(calc(100% - 120px));
        transform: translateX(calc(100% - 120px))
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-1 {
        top: 15px;
        width: 294px;
        -webkit-transform: translateX(calc(100% - 147px));
        transform: translateX(calc(100% - 147px))
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-2 {
    width: 106px;
    -webkit-transform: translateX(calc(100% + 9px));
    transform: translateX(calc(100% + 9px))
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-2 {
        width: 160px;
        -webkit-transform: translateX(calc(100% + 57px));
        transform: translateX(calc(100% + 57px))
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-2 {
        top: 31px;
        width: 174px;
        -webkit-transform: translateX(calc(100% + 31px));
        transform: translateX(calc(100% + 31px))
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-3 {
    width: 116px;
    -webkit-transform: translateX(calc(100% - 9px));
    transform: translateX(calc(100% - 9px))
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-3 {
        width: 260px;
        -webkit-transform: translateX(calc(100% - 80px));
        transform: translateX(calc(100% - 80px))
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-3 {
        width: 160px;
        -webkit-transform: translateX(calc(100% + 132px));
        transform: translateX(calc(100% + 132px))
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-4 {
    top: 9px;
    width: 100px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-4 {
        top: 50%;
        width: 138px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-4 {
        top: 45px;
        width: 139px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-5 {
    width: 50px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-5 {
        width: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-5 {
        top: 30px;
        width: 128px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-6 {
    width: 30px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-6 {
        width: 80px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-6 {
        top: 15px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block__features .feature:last-child {
    margin-bottom: 0
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__half-image {
    width: 200px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__half-image {
        width: 394px;
        height: 394px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features {
    width: 140px;
    margin-left: 11px;
    margin-right: 0;
    margin-top: 25px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features {
        width: 274px;
        margin-left: 57px;
        margin-top: -15px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features {
        width: 279px;
        margin-left: 0;
        margin-top: -45px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature {
    margin-bottom: 26px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature {
        margin-bottom: 68px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature {
        margin-bottom: 32px
    }
}

.baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature__line {
    -webkit-transform: translateX(calc(-100% - 11px));
    transform: translateX(calc(-100% - 11px))
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature__line {
        -webkit-transform: translateX(calc(-100% - 23px));
        transform: translateX(calc(-100% - 23px))
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature__line {
        -webkit-transform: translateX(calc(-100% - 13px));
        transform: translateX(calc(-100% - 13px))
    }
}

.baker-landing .baker-products {
    height: 806px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products {
        height: 1138px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products {
        height: 1240px
    }
}

.baker-landing .baker-products__wrapper {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 24px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper {
        padding: 120px 40px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper {
        padding: 80px calc(50% - 600px)
    }
}

.baker-landing .baker-products__wrapper .baker-products__title {
    width: 231px;
    line-height: 130%
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__title {
        width: 330px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__title {
        width: 1120px;
        text-align: center;
        margin: 0 auto;
        font-size: 70px
    }
}

.baker-landing .baker-products__wrapper .baker-products__banner-img {
    position: absolute;
    top: 18px;
    right: 0;
    width: 122px;
    height: 231px;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__banner-img {
        top: 20px;
        width: 172px;
        height: 325px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__banner-img {
        top: 547px;
        width: 240px;
        height: 454px
    }
}

@media only screen and (min-width: 1920px) {
    .baker-landing .baker-products__wrapper .baker-products__banner-img {
        top: 396px;
        width: 400px;
        height: 756px
    }
}

.baker-landing .baker-products__wrapper .baker-products__banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .baker-products__wrapper .baker-products__slider {
    display: grid;
    grid-template-columns:92px 1fr;
    margin-top: 60px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider {
        grid-template-columns:154px 1fr;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider {
        grid-template-columns:200px 1fr;
        margin-top: 103px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .sidebar {
    margin-top: 213px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .sidebar {
        margin-top: 290px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .sidebar {
        margin-top: 310px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .sidebar__param {
    font-size: 14px;
    line-height: 130%;
    font-weight: 500;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .sidebar__param {
        font-size: 22px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .sidebar__param {
        font-size: 24px;
        margin-bottom: 28px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider {
    width: 100%;
    padding-bottom: 35px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider {
        padding-bottom: 55px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product {
        width: 218px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product:last-child .baker-product__param {
    border: none
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper {
    width: 150px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper {
        width: 200px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper {
        margin: 0;
        width: 218px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__image {
    width: 150px;
    height: 170px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__image {
        width: 200px;
        height: 226px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__name {
    font-size: 10px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__name {
        margin-top: 16px;
        margin-bottom: 30px;
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__name {
        margin-bottom: 50px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__param {
    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;
    font-size: 14px;
    line-height: 130%;
    min-height: 36px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__param {
        font-size: 22px;
        min-height: 56px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__param {
        font-size: 21px;
        border-right: .5px solid #000;
        margin-bottom: 0;
        padding-bottom: 28px;
        min-height: 62px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__param:nth-child(3) {
        min-height: unset
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__param:nth-child(6), .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__param:nth-child(7) {
    min-height: unset
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__button {
    width: 128px;
    margin: 0 auto;
    text-decoration: none
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__button:disabled {
    opacity: .7
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__button {
        width: 170px;
        font-size: 22px;
        line-height: 160%
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__price {
    font-size: 10px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .baker-slider .baker-product__wrapper .baker-product__price {
        font-size: 14px;
        margin-top: 20px
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next, .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev {
    top: 270px;
    width: 24px;
    height: 24px;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next, .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev {
        top: 365px;
        width: 32px;
        height: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next, .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev {
        display: none
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next svg, .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next:after, .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev:after {
    content: ""
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev {
    left: calc(50% - 65px)
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-prev {
        left: calc(50% - 195px)
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next {
    right: calc(50% - 157px)
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .swiper-button-next {
        right: calc(50% - 360px)
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-scrollbar {
    width: 100%;
    height: .53px;
    background-color: #969696
}

@media only screen and (min-width: 768px) {
    .baker-landing .baker-products__wrapper .baker-products__slider .swiper-scrollbar {
        width: 420px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.baker-landing .baker-products__wrapper .baker-products__slider .swiper-scrollbar-drag {
    height: 2px;
    background-color: #e7417a;
    margin-top: -1px
}

.videoReview {
    margin: 30px 0;
    padding: 20px 24px;
    background: #f8f9fa;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .videoReview {
        padding: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview {
        margin: 50px 0;
        padding: 40px
    }
}

.videoReview-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #141414
}

@media only screen and (min-width: 1280px) {
    .videoReview-title {
        font-size: 24px
    }
}

.videoReview-title em {
    color: hsla(0, 0%, 9%, .5);
    font-style: normal
}

.videoReview-slider {
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .videoReview-slider {
        margin-top: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-slider {
        margin-top: 30px
    }
}

.videoReview-slider .swiper-slide .video-block {
    width: 100%;
    height: 212px;
    position: relative;
    cursor: pointer;
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .videoReview-slider .swiper-slide .video-block {
        border-radius: 12px;
        height: 365px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-slider .swiper-slide .video-block {
        height: 560px
    }
}

.videoReview-slider .swiper-slide .video-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .videoReview-slider .swiper-slide .video-block img {
        border-radius: 12px
    }
}

.videoReview-slider .swiper-slide .video-block svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    .videoReview-slider .swiper-slide .video-block svg {
        width: 56px;
        height: 56px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-slider .swiper-slide .video-block svg {
        width: 96px;
        height: 96px
    }
}

.videoReview-slider .swiper-slide .video-block .video_card {
    width: 100%;
    height: 100%;
    max-width: none !important;
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .videoReview-slider .swiper-slide .video-block .video_card {
        border-radius: 12px
    }
}

.videoReview-slider .swiper-slide .name {
    margin-top: 8px;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #000
}

@media only screen and (min-width: 768px) {
    .videoReview-slider .swiper-slide .name {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-slider .swiper-slide .name {
        margin-top: 16px;
        font-size: 20px;
        line-height: 22px
    }
}

.videoReview-thumb {
    margin-top: 16px
}

@media only screen and (min-width: 768px) {
    .videoReview-thumb {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-thumb {
        margin-top: 24px
    }
}

.videoReview-thumb .swiper-slide {
    width: 86px
}

@media only screen and (min-width: 768px) {
    .videoReview-thumb .swiper-slide {
        width: 200px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-thumb .swiper-slide {
        width: 211px
    }
}

.videoReview-thumb .swiper-slide .img {
    height: 74px;
    width: 100%;
    position: relative;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .videoReview-thumb .swiper-slide .img {
        height: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-thumb .swiper-slide .img {
        height: 127px
    }
}

.videoReview-thumb .swiper-slide .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: brightness(.6);
    filter: brightness(.6);
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .videoReview-thumb .swiper-slide .img img {
        border-radius: 12px
    }
}

.videoReview-thumb .swiper-slide .img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px
}

@media only screen and (min-width: 768px) {
    .videoReview-thumb .swiper-slide .img svg {
        width: 32px;
        height: 32px
    }
}

.videoReview-thumb .swiper-slide .name {
    margin-top: 6px;
    font-weight: 400;
    font-size: 10px;
    line-height: 140%;
    color: #000;
    max-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .videoReview-thumb .swiper-slide .name {
        font-size: 12px;
        line-height: 14px
    }
}

.videoReview-thumb .swiper-slide-thumb-active .img img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.videoReview-navigation {
    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: 8px;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .videoReview-navigation {
        height: 32px;
        margin-top: 12px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-navigation {
        margin-top: 24px;
        height: 24px
    }
}

.videoReview-navigation__next, .videoReview-navigation__prev {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
    position: static;
    margin: 0;
    display: none
}

@media only screen and (min-width: 768px) {
    .videoReview-navigation__next, .videoReview-navigation__prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 1280px) {
    .videoReview-navigation__next, .videoReview-navigation__prev {
        width: 24px;
        height: 24px
    }
}

.videoReview-navigation__next:after, .videoReview-navigation__prev:after {
    content: none
}

.videoReview-navigation__next svg, .videoReview-navigation__prev svg {
    width: 18px;
    height: 18px;
    position: static
}

@media only screen and (min-width: 1280px) {
    .videoReview-navigation__next svg, .videoReview-navigation__prev svg {
        width: 12px;
        height: 12px
    }
}

.videoReview-navigation__pagination {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videoReview-navigation__pagination .swiper-pagination-bullet {
    margin: 0 4px;
    background: #e4e4e4;
    width: 6px;
    height: 6px;
    opacity: 1
}

.videoReview-navigation__pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #77176e
}

.search-order {
    padding: 40px 0;
    background: #f8f9fa
}

@media only screen and (min-width: 768px) {
    .search-order {
        padding: 60px 0
    }
}

.search-order .container {
    max-width: 698px
}

.search-order__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .search-order__title {
        font-size: 24px
    }
}

.search-order__form {
    margin: 32px auto 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-order__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 42px auto 0
    }
}

@media only screen and (min-width: 1280px) {
    .search-order__form {
        margin: 40px auto 0
    }
}

.search-order__form input {
    background: #fff;
    border-radius: 40px;
    height: 48px;
    border: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    width: 100%;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .search-order__form input {
        padding: 0 20px
    }
}

.search-order__form .btn {
    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;
    height: 48px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-top: 18px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-order__form .btn {
        margin-left: 20px;
        margin-top: 0;
        width: 145px
    }
}

.search-order__result-title {
    margin: 100px auto 150px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #141414;
    max-width: 78%
}

@media only screen and (min-width: 768px) {
    .search-order__result-title {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .search-order__result-title {
        margin: 150px 0
    }
}

.search-order__result .accordion__button {
    padding: 0 0 16px;
    border-radius: unset;
    background: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.search-order__result .accordion__button.active {
    border-bottom: 1px solid hsla(0, 0%, 64.7%, .2)
}

.search-order__result .accordion__button.active .left svg {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button {
        cursor: auto;
        pointer-events: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        padding: 0 0 24px;
        border-bottom: 1px solid hsla(0, 0%, 64.7%, .2)
    }
}

.search-order__result .accordion__button-wrap {
    margin: 12px 0 0;
    padding: 16px 12px 0;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-order__result .accordion__button-wrap:first-child {
    margin-top: 40px
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button-wrap {
        padding: 30px 40px 30px 24px
    }

    .search-order__result .accordion__button-wrap:first-child {
        margin-top: 44px
    }
}

@media only screen and (min-width: 1280px) {
    .search-order__result .accordion__button-wrap:first-child {
        margin-top: 46px
    }
}

.search-order__result .accordion__button-wrap.completed .left .line {
    background: #6eae18
}

.search-order__result .accordion__button-wrap.completed .left .status {
    color: #6eae18
}

.search-order__result .accordion__button .left {
    padding-left: 21px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button .left {
        padding-left: 25px;
        width: auto
    }
}

.search-order__result .accordion__button .left .line {
    width: 5px;
    height: 100%;
    background: #d44300;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0
}

.search-order__result .accordion__button .left .number {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button .left .number {
        font-size: 18px;
        line-height: 145%
    }
}

.search-order__result .accordion__button .left .status {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #d44300;
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button .left .status {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0
    }
}

.search-order__result .accordion__button .left svg {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button .left svg {
        display: none
    }
}

.search-order__result .accordion__button .right {
    margin-top: 20px
}

.search-order__result .accordion__button .right .mob .item {
    width: 100%
}

.search-order__result .accordion__button .right .mob .item:nth-child(n+2) {
    margin-top: 12px
}

.search-order__result .accordion__button .right .mob .item .name {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

.search-order__result .accordion__button .right .mob .item .caption {
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-order__result .accordion__button .right .desc {
    display: none
}

.search-order__result .accordion__button .right .desc .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5
}

.search-order__result .accordion__button .right .desc .price {
    margin-top: 6px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #8d4086
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__button .right {
        text-align: right;
        margin-top: 0
    }

    .search-order__result .accordion__button .right .desc {
        display: block
    }

    .search-order__result .accordion__button .right .mob {
        display: none
    }
}

.search-order__result .accordion__text {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        padding: 24px 24px 0
    }
}

.search-order__result .accordion__text p {
    margin: 0;
    padding: 0
}

.search-order__result .accordion__text .order-info {
    padding-top: 16px
}

.search-order__result .accordion__text .order-info.desc {
    display: none
}

.search-order__result .accordion__text .order-info.mob {
    display: block
}

.search-order__result .accordion__text .order-info.mob .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 16px;
    border-bottom: 1px solid hsla(0, 0%, 64.7%, .2)
}

.search-order__result .accordion__text .order-info.mob .row .item:first-child {
    width: 190px;
    margin-right: 12px
}

.search-order__result .accordion__text .order-info.mob > .item {
    margin-top: 16px
}

.search-order__result .accordion__text .order-info.mob .price {
    margin-top: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #8d4086
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text .order-info {
        padding-top: 0;
        grid-template-columns:1.5fr 1fr;
        grid-gap: 24px 32px
    }

    .search-order__result .accordion__text .order-info.desc {
        display: grid
    }

    .search-order__result .accordion__text .order-info.mob {
        display: none
    }
}

.search-order__result .accordion__text .order-info .item .name {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text .order-info .item .name {
        font-size: 14px;
        line-height: 20px
    }
}

.search-order__result .accordion__text .order-info .item .caption {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #141414
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text .order-info .item .caption {
        margin-top: 4px;
        font-size: 16px;
        line-height: 22px
    }
}

.search-order__result .accordion__text .product-list {
    margin-top: 16px;
    padding-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text .product-list {
        margin-top: 24px;
        padding-bottom: 0
    }
}

.search-order__result .accordion__text .product-list .name {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #a5a5a5
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text .product-list .name {
        font-size: 14px;
        line-height: 20px
    }
}

.search-order__result .accordion__text .product-list__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.search-order__result .accordion__text .product-list__wrap .img {
    width: 48px;
    height: 48px;
    margin-right: 24px
}

@media only screen and (min-width: 768px) {
    .search-order__result .accordion__text .product-list__wrap .img {
        width: 40px;
        height: 40px
    }
}

.search-order__result .accordion__text .product-list__wrap .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.new-pudov {
    padding-top: 80px;
    color: #000;
    font-family: Gotham Pro, sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .new-pudov {
        padding-top: 100px
    }
}

.new-pudov em {
    font-family: Bressay Trial, sans-serif;
    font-style: italic
}

.new-pudov img {
    margin: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.new-pudov .pudov-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-title {
        font-size: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-title {
        font-size: 44px
    }
}

.new-pudov .pudov-title em {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-title em {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-title em {
        font-size: 48px;
        line-height: 58px
    }
}

.new-pudov .pudov-subtitle {
    font-size: 12px;
    line-height: 120%;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-subtitle {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-subtitle {
        font-size: 20px;
        line-height: 150%
    }
}

.new-pudov .pudov-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    width: 264px;
    height: 50px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 160%;
    border: none;
    color: #000
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-button {
        font-size: 18px;
        height: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-button {
        font-size: 22px;
        width: 319px;
        height: 62px
    }
}

.new-pudov .pudov-button:hover {
    cursor: pointer
}

.new-pudov .pudov-button.small-button {
    border-radius: 34px;
    width: 150px;
    height: 44px;
    background-color: #7c2582;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-button.small-button {
        height: 50px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-button.small-button {
        width: 170px;
        height: 60px
    }
}

.new-pudov .pudov-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.new-pudov .pudov-banner__text {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 33px 151px 31px 24px;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-banner__text {
        padding: 185px 30px 0 62px;
        width: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__text {
        padding: 40px 0 0 150px
    }
}

.new-pudov .pudov-banner__text .pudov-banner-subtitle {
    margin-bottom: 10px
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__text .pudov-banner-subtitle {
        line-height: 120%;
        margin-bottom: 20px
    }
}

.new-pudov .pudov-banner__text .pudov-banner-title {
    font-size: 30px;
    line-height: 120%;
    width: 200px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-banner__text .pudov-banner-title {
        font-size: 40px;
        width: 290px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__text .pudov-banner-title {
        font-size: 65px;
        width: 450px
    }
}

.new-pudov .pudov-banner__text .pudov-banner-title em {
    color: #7c2582
}

.new-pudov .pudov-banner__text .pudov-badge {
    position: absolute;
    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;
    width: 154px;
    height: 154px;
    top: 105px;
    right: 23px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-banner__text .pudov-badge {
        top: 18px;
        right: unset;
        left: -80px;
        width: 168px;
        height: 168px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__text .pudov-badge {
        width: 290px;
        height: 290px;
        top: 36px;
        left: -155px
    }
}

.new-pudov .pudov-banner__text .pudov-badge__text {
    position: absolute;
    font-size: 24px;
    line-height: 135%;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-banner__text .pudov-badge__text {
        font-size: 27px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__text .pudov-badge__text {
        font-size: 43px
    }
}

.new-pudov .pudov-banner__image {
    width: 100%;
    height: 335px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-banner__image {
        width: 50%;
        height: 466px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__image {
        height: 500px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-banner__image img {
        -o-object-position: center right;
        object-position: center right
    }
}

.new-pudov .pudov-products {
    background-color: #f4f4f4;
    padding-bottom: 50px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products {
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-products {
        padding-bottom: 60px
    }
}

.new-pudov .pudov-products__wrapper {
    margin-top: -60px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products__wrapper {
        margin-top: -70px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-products__wrapper {
        margin-top: -140px
    }
}

.new-pudov .pudov-products__wrapper .pudov-products-slider {
    padding: 0 24px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider {
        padding: 7px 176px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider {
        padding: 7px 40px
    }
}

@media only screen and (min-width: 1440px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider {
        padding: 7px 120px
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider {
        padding: 7px 60px
    }
}

.new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper {
    padding-bottom: 32px
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper {
        padding-bottom: 50px
    }
}

.new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide {
    width: 156px;
    -webkit-transform: translateZ(0)
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide {
        width: 198px
    }
}

@media only screen and (min-width: 1024px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide {
        width: 280px
    }
}

.new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide .card-item {
    font-family: Montserrat, sans-serif;
    height: 340px;
    width: 156px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide .card-item {
        width: 198px
    }
}

@media only screen and (min-width: 1024px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide .card-item {
        width: 280px;
        height: 367px
    }
}

.new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-wrapper .swiper-slide .card-item__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-scrollbar {
    width: 326px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    height: 1px;
    background-color: #b7b7b7
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-scrollbar {
        width: 416px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-scrollbar {
        width: 666px
    }
}

.new-pudov .pudov-products__wrapper .pudov-products-slider .swiper-scrollbar-drag {
    height: 4px;
    background-color: #7c2582;
    border-radius: 0;
    top: -1px
}

.new-pudov .pudov-products__button {
    margin: 30px auto 0;
    background-color: #7c2582;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-products__button {
        margin: 35px auto 0
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-products__button {
        margin: 50px auto 0
    }
}

.new-pudov .pudov-slider {
    padding-top: 40px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider {
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider {
        position: relative;
        padding-top: 0
    }
}

.new-pudov .pudov-slider__subtitle {
    width: 310px;
    margin-left: 24px;
    margin-bottom: 18px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider__subtitle {
        width: 560px;
        margin-left: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider__subtitle {
        width: 484px;
        position: absolute;
        top: 60px;
        z-index: 2;
        margin-left: 149px
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-slider__subtitle {
        margin-left: 389px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper {
    padding-bottom: 75px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper {
        padding-bottom: 114px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper {
        padding-bottom: 0
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text {
    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-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px 29px;
    background: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text {
        padding: 0 40px 42px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text {
        width: 50%;
        height: 680px;
        padding: 140px 0 146px 149px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text {
        padding: 140px 0 146px 389px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-title {
        margin-bottom: 35px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-title__number {
    font-weight: 700;
    font-size: 26px;
    line-height: 120%;
    color: #7c2582;
    margin-right: 16px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-title__number {
        font-size: 40px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-title__number {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-title__name {
        width: 496px;
        min-height: 114px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-number-desktop {
    display: none
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-number-desktop {
        display: block;
        font-weight: 700;
        font-size: 44px;
        line-height: 120%;
        color: #7c2582;
        margin-bottom: 15px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-description {
    font-size: 14px;
    line-height: 140%;
    width: 325px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-description {
        font-size: 18px;
        width: 484px;
        margin-left: 77px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-description {
        margin-left: 0;
        width: 484px;
        min-height: 245px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-description > div {
        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: 136px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-remark {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    line-height: 130%
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color {
        margin-top: 24px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color__item {
    width: 18px;
    height: 18px;
    border: 2px solid #e7e7e7;
    border-radius: 50%;
    margin-right: 5px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color__item {
        height: 22px;
        width: 22px;
        margin-right: 6px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color__item {
        height: 32px;
        width: 32px;
        margin-right: 7px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color__item.white {
    border: 2px solid #000;
    background-color: #fff
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color__item.black {
    background-color: #000
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__text .slide-color__item.red {
    background-color: #bd1e32
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__image {
    width: 100%;
    height: 270px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__image {
        height: 370px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide__image {
        width: 50%;
        height: 680px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles {
    margin-bottom: auto;
    margin-top: 80px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles {
        margin-bottom: unset;
        margin-top: unset
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -15px;
        width: 435px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-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;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 235px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item {
        width: 363px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item {
        width: 105px;
        height: 208px;
        margin-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item:last-child {
    margin-bottom: 0
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__image {
    width: 50px;
    height: 70px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__image {
        width: 94px;
        height: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__image {
        width: 70px;
        height: 74px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__text {
    width: 94px;
    font-size: 9px;
    line-height: 125%;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__text {
        width: 142px;
        font-size: 13px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__text {
        width: 105px;
        font-size: 11px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__dish {
    width: 70px;
    height: 70px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__dish {
        width: 90px;
        height: 90px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles .nozzle-item__dish {
        width: 74px;
        height: 74px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__remark {
    position: absolute;
    bottom: -57px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 176px;
    font-size: 9px;
    line-height: 130%;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__remark {
        font-size: 10px;
        bottom: -85px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__remark {
        bottom: 22px;
        left: 262px;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__remark {
        left: 502px
    }
}

.new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__image {
    display: none
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__image {
        display: block
    }
}

.new-pudov .pudov-slider .swiper-scrollbar {
    position: absolute;
    width: 326px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    height: 1px;
    background-color: #b7b7b7;
    bottom: 44px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-scrollbar {
        width: 396px;
        bottom: 72px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-scrollbar {
        bottom: 64px;
        left: 149px;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-slider .swiper-scrollbar {
        left: 389px
    }
}

.new-pudov .pudov-slider .swiper-scrollbar-drag {
    height: 4px;
    background-color: #7c2582;
    border-radius: 0;
    top: -1px
}

.new-pudov .pudov-slider .swiper-button-next, .new-pudov .pudov-slider .swiper-button-prev {
    width: 11px;
    height: 21px;
    top: 335px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-button-next, .new-pudov .pudov-slider .swiper-button-prev {
        top: 415px;
        width: 26px;
        height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-button-next, .new-pudov .pudov-slider .swiper-button-prev {
        top: 320px;
        width: 40px;
        height: 80px
    }
}

.new-pudov .pudov-slider .swiper-button-next svg, .new-pudov .pudov-slider .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

.new-pudov .pudov-slider .swiper-button-next svg path, .new-pudov .pudov-slider .swiper-button-prev svg path {
    stroke-width: 7px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-button-next svg path, .new-pudov .pudov-slider .swiper-button-prev svg path {
        stroke-width: 4px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-button-next svg path, .new-pudov .pudov-slider .swiper-button-prev svg path {
        stroke-width: 2px
    }
}

.new-pudov .pudov-slider .swiper-button-next:after, .new-pudov .pudov-slider .swiper-button-prev:after {
    content: ""
}

.new-pudov .pudov-slider .swiper-button-prev {
    left: 32px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-button-prev {
        left: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-button-prev {
        left: calc(50% + 30px)
    }
}

.new-pudov .pudov-slider .swiper-button-next {
    right: 32px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider .swiper-button-next {
        right: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-slider .swiper-button-next {
        right: 30px
    }
}

.new-pudov .pudov-slider.first .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles {
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-slider.first .swiper-container .swiper-wrapper .pudov-slide.nozzle .pudov-slide__text .slide-nozzles {
        margin-top: unset
    }
}

.new-pudov .baker-functions {
    background-color: #e7417a;
    height: 840px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions {
        height: 1408px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions {
        height: 840px
    }
}

.new-pudov .baker-functions__wrapper {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 0 40px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 60px 0
    }
}

.new-pudov .baker-functions__wrapper .baker-functions__title {
    color: #fff;
    width: 327px;
    margin-left: 24px;
    margin-right: auto;
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 130%
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .baker-functions__title {
        width: 688px;
        margin-bottom: 80px;
        font-size: 44px;
        margin-left: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .baker-functions__title {
        width: 823px;
        margin-bottom: 76px;
        margin-left: auto;
        font-size: 48px;
        line-height: 120%;
        text-align: center
    }
}

.new-pudov .baker-functions__wrapper .baker-functions__title em {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .baker-functions__title em {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .baker-functions__title em {
        font-size: 48px;
        line-height: 58px
    }
}

.new-pudov .baker-functions__wrapper .functions__full-img {
    display: none
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__full-img {
        position: absolute;
        top: 194px;
        left: 300px;
        display: block;
        width: 563px;
        height: 464px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block {
        margin-bottom: 75px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block {
        margin-bottom: 0
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__half-image {
    height: 300px;
    width: 204px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__half-image {
        width: 432px;
        height: 440px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__half-image {
        display: none
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 120px;
    margin-right: 27px;
    margin-top: 29px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features {
        width: 270px;
        margin-right: 26px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features {
        width: 260px;
        margin-right: 0;
        margin-top: 20px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature {
    position: relative;
    margin-bottom: 40px;
    font-family: Montserrat, sans-serif
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature {
        font-family: Gotham Pro, sans-serif;
        margin-bottom: 110px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature {
        margin-bottom: 44px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__name {
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__name {
        font-weight: 700;
        font-size: 24px;
        line-height: 150%
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__name {
        font-weight: 400;
        font-size: 22px;
        line-height: 140%
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__descr {
    display: none
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__descr {
        display: block;
        font-size: 16px;
        line-height: 145%;
        color: #fff;
        margin-top: 6px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__remark {
    font-size: 9px;
    line-height: 145%;
    margin-top: 2px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__remark {
        font-size: 10px;
        line-height: 145%
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__remark {
        margin-top: 6px;
        line-height: 140%
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line {
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-1 {
    width: 103px;
    right: -6px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-1 {
        width: 120px;
        right: -26px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-1 {
        top: 10px;
        right: 6px;
        width: 177px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-2 {
    width: 114px;
    right: -6px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-2 {
        width: 120px;
        right: -26px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-2 {
        top: 31px;
        right: 6px;
        width: 128px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-3 {
    width: 103px;
    right: -6px;
    top: 10px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-3 {
        width: 151px;
        right: -26px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-3 {
        top: 32px;
        right: 6px;
        width: 247px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-4 {
    top: 9px;
    width: 60px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-4 {
        top: 18px;
        width: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-4 {
        top: 16px;
        width: 127px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-5 {
    width: 78px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-5 {
        width: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-5 {
        top: 30px;
        width: 127px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-6 {
    top: 16px;
    width: 60px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-6 {
        top: 36px;
        width: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature__line.line-6 {
        top: 15px;
        width: 108px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block__features .feature:last-child {
    margin-bottom: 0
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__half-image {
        width: 368px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features {
    width: 120px;
    margin-left: 11px;
    margin-right: 0;
    margin-top: 49px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features {
        width: 270px;
        margin-left: 60px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features {
        width: 260px;
        margin-left: 0;
        margin-top: 5px;
        margin-right: 12px
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature {
        margin-bottom: 87px;
        min-height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature {
        margin-bottom: 44px;
        min-height: unset
    }
}

.new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature__line {
    -webkit-transform: translateX(calc(-100% - 6px));
    transform: translateX(calc(-100% - 6px))
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature__line {
        -webkit-transform: translateX(calc(-100% - 23px));
        transform: translateX(calc(-100% - 23px))
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .baker-functions__wrapper .functions__container .functions-block:nth-child(2) .functions-block__features .feature__line {
        -webkit-transform: translateX(calc(-100% - 13px));
        transform: translateX(calc(-100% - 13px))
    }
}

.new-pudov .baker-functions__button {
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .new-pudov .baker-functions__button {
        bottom: 60px
    }
}

.new-pudov .pudov-compare {
    padding: 40px 0 54px;
    background-color: #f4f4f4
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare {
        padding: 60px 0 72px
    }
}

.new-pudov .pudov-compare__title {
    text-align: center;
    line-height: 120%;
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__title {
        margin-bottom: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__title {
        margin-bottom: 48px
    }
}

.new-pudov .pudov-compare__title em {
    color: #7c2582
}

.new-pudov .pudov-compare__slider {
    display: grid;
    grid-template-columns:128px 1fr;
    padding-bottom: 51px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider {
        grid-template-columns:216px 1fr
    }
}

@media only screen and (min-width: 1440px) {
    .new-pudov .pudov-compare__slider {
        grid-template-columns:296px 1fr
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-compare__slider {
        grid-template-columns:539px 1fr
    }
}

.new-pudov .pudov-compare__slider .compare-sidebar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 200px 0 0 24px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider .compare-sidebar {
        padding: 210px 0 0 40px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .compare-sidebar {
        padding: 238px 0 0 40px
    }
}

@media only screen and (min-width: 1440px) {
    .new-pudov .pudov-compare__slider .compare-sidebar {
        padding: 238px 0 0 120px
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-compare__slider .compare-sidebar {
        padding: 238px 0 0 363px
    }
}

.new-pudov .pudov-compare__slider .compare-sidebar__param {
    font-size: 13px;
    line-height: 130%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider .compare-sidebar__param {
        font-size: 18px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .compare-sidebar__param {
        font-size: 22px;
        margin-bottom: 27px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .compare-sidebar__param:nth-child(4), .new-pudov .pudov-compare__slider .compare-sidebar__param:nth-child(5) {
        margin-bottom: 12px
    }
}

.new-pudov .pudov-compare__slider .compare-sidebar__param:last-child {
    margin-bottom: 0
}

.new-pudov .pudov-compare__slider .swiper-container {
    width: 100%
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px;
    text-align: center;
    width: 178px;
    border-right: 1px solid #9e9e9e
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide {
        position: relative;
        width: 218px;
        padding: 0 9px;
        border-right: none
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide:last-child {
    border-right: none
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide:last-child:after {
    display: none
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        height: 527px;
        width: 1px;
        background-color: #9e9e9e
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__image {
    margin: 0 auto;
    width: 132px;
    height: 150px;
    background-color: #f4f4f4
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__image {
        width: 150px;
        height: 170px
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__image img {
    mix-blend-mode: multiply
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__name {
    margin-top: 12px;
    font-size: 10px;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__name {
        margin-bottom: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__name {
        margin-bottom: 38px;
        margin-top: 16px;
        font-size: 14px
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param {
    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;
    min-height: 34px;
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param {
        font-size: 16px;
        margin-bottom: 27px;
        min-height: 47px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param {
        font-size: 18px;
        line-height: 130%;
        min-height: 57px;
        margin-bottom: 29px
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param:nth-child(3) {
    min-height: unset
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param:nth-child(5) {
        min-height: unset
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param:nth-child(5) {
        min-height: 57px
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param:nth-child(6) {
    min-height: unset
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param:nth-child(6), .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__param:nth-child(7) {
        margin-bottom: 12px
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__button {
    margin: 10px auto 12px;
    text-decoration: none
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__button {
        margin: 30px auto 20px
    }
}

.new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__price {
    font-size: 10px;
    line-height: 130%;
    text-transform: uppercase
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-container .swiper-wrapper .compare-slide__price {
        font-size: 14px
    }
}

.new-pudov .pudov-compare__slider .swiper-scrollbar {
    position: absolute;
    width: 326px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    height: 1px;
    background-color: #b7b7b7;
    bottom: 0
}

@media only screen and (min-width: 768px) {
    .new-pudov .pudov-compare__slider .swiper-scrollbar {
        width: 506px;
        left: 226px;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .pudov-compare__slider .swiper-scrollbar {
        width: 396px
    }
}

@media only screen and (min-width: 1440px) {
    .new-pudov .pudov-compare__slider .swiper-scrollbar {
        left: 610px
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .pudov-compare__slider .swiper-scrollbar {
        left: 850px
    }
}

.new-pudov .pudov-compare__slider .swiper-scrollbar-drag {
    height: 4px;
    background-color: #7c2582;
    border-radius: 0;
    top: -1px
}

.new-pudov .cookingChef-about {
    padding: 40px 0 44px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about {
        padding: 60px 0 72px
    }
}

.new-pudov .cookingChef-about__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 40px;
    max-width: unset;
    width: 310px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about__title {
        font-size: 36px;
        margin-left: 40px;
        margin-bottom: 56px;
        width: 560px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about__title {
        font-size: 44px;
        width: 993px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        line-height: 135%
    }
}

.new-pudov .cookingChef-about__title em {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about__title em {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about__title em {
        font-size: 48px;
        line-height: 58px
    }
}

.new-pudov .cookingChef-about .index-slider {
    margin: 0
}

.new-pudov .cookingChef-about .index-slider .swiper-wrapper {
    padding-bottom: 26px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper {
        padding-bottom: 42px
    }
}

.new-pudov .cookingChef-about .index-slider .swiper-wrapper .swiper-slide {
    -webkit-transform: translateZ(0)
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item {
        width: 474px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item:not(.swiper-slide-active) .replace-slide__text {
        display: none
    }
}

.new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__img {
    height: 270px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__img {
        height: 370px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__img {
        height: 314px
    }
}

.new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text {
    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;
    width: 326px;
    margin: 20px auto 0
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text {
        width: 688px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text {
        width: 100%;
        margin: 5px 0 0
    }
}

.new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text .index {
    font-family: Bressay Trial, sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 22px;
    line-height: 120%;
    color: #7c2582;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text .index {
        font-size: 24px;
        line-height: 160%
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text .index {
        font-size: 30px
    }
}

.new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text .name {
    font-family: Gotham Pro, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    text-align: right;
    -ms-flex-item-align: center;
    align-self: center
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text .name {
        font-size: 20px;
        max-width: 450px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider .swiper-wrapper .item__text .name {
        max-width: 370px
    }
}

.new-pudov .cookingChef-about .index-slider__pagination .swiper-pagination-bullet {
    height: 1px;
    background-color: #b7b7b7
}

.new-pudov .cookingChef-about .index-slider__pagination .swiper-pagination-bullet.active {
    height: 4px;
    background-color: #7c2582
}

.new-pudov .cookingChef-about .index-slider__next, .new-pudov .cookingChef-about .index-slider__prev {
    width: 11px;
    height: 21px;
    top: 150px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider__next, .new-pudov .cookingChef-about .index-slider__prev {
        top: 180px;
        width: 26px;
        height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider__next, .new-pudov .cookingChef-about .index-slider__prev {
        top: 157px;
        width: 40px;
        height: 80px
    }
}

.new-pudov .cookingChef-about .index-slider__next svg, .new-pudov .cookingChef-about .index-slider__prev svg {
    width: 100%;
    height: 100%
}

.new-pudov .cookingChef-about .index-slider__next svg path, .new-pudov .cookingChef-about .index-slider__prev svg path {
    stroke-width: 7px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider__next svg path, .new-pudov .cookingChef-about .index-slider__prev svg path {
        stroke-width: 4px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider__next svg path, .new-pudov .cookingChef-about .index-slider__prev svg path {
        stroke-width: 2px
    }
}

.new-pudov .cookingChef-about .index-slider__next:after, .new-pudov .cookingChef-about .index-slider__prev:after {
    content: ""
}

.new-pudov .cookingChef-about .index-slider__prev {
    left: 32px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider__prev {
        left: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider__prev {
        left: 30px
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .cookingChef-about .index-slider__prev {
        left: 270px
    }
}

.new-pudov .cookingChef-about .index-slider__next {
    right: 32px
}

@media only screen and (min-width: 768px) {
    .new-pudov .cookingChef-about .index-slider__next {
        right: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .new-pudov .cookingChef-about .index-slider__next {
        right: 30px
    }
}

@media only screen and (min-width: 1920px) {
    .new-pudov .cookingChef-about .index-slider__next {
        right: 270px
    }
}

html:not(.macos):not(.ios) .cook-easy .cookingChef-info-slider .left-block__content .swiper-wrapper .item .item-index {
    top: 5px
}

@media only screen and (min-width: 768px) {
    html:not(.macos):not(.ios) .cook-easy .cookingChef-info-slider .left-block__content .swiper-wrapper .item .item-index {
        top: 3px
    }
}

.cook-easy {
    font-family: Gotham Pro, sans-serif;
    color: #000;
    font-weight: 400
}

.cook-easy em {
    color: #e7417a;
    font-style: italic;
    font-family: Bressay Trial, sans-serif;
    font-weight: 700
}

.cook-easy img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 !important
}

.cook-easy .cookingChef-banner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding: 40px 0;
    height: 630px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner {
        padding: 60px 0 21px;
        height: 490px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner {
        padding: 0;
        height: 680px
    }
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .container {
        width: calc(100% - 64px);
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .container {
        width: 1200px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-img {
    position: relative;
    width: 322px;
    height: 296px;
    margin: 0 auto;
    max-width: unset
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-img {
        width: 396px;
        height: 392px;
        margin-top: 17px;
        margin-left: 0;
        margin-right: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-img {
        width: 560px;
        height: 680px;
        margin: 0
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-img .discount-badge {
    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;
    position: absolute;
    top: -10px;
    right: 0;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: #e7417a;
    color: #fff;
    font-size: 31px;
    line-height: 120%;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-img .discount-badge {
        top: -40px;
        width: 130px;
        height: 130px;
        font-size: 43px;
        line-height: 120%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-img .discount-badge {
        top: 49px;
        width: 192px;
        height: 192px;
        font-size: 64px;
        line-height: 120%
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-img .discount-badge span {
    font-size: 11px;
    line-height: 120%;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-img .discount-badge span {
        font-size: 16px;
        line-height: 120%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-img .discount-badge span {
        font-size: 23px;
        line-height: 120%;
        margin-bottom: 3px
    }
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-info {
        margin: 0;
        max-width: 274px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-info {
        max-width: 436px;
        margin: 100px auto 0 100px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-info__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    letter-spacing: unset
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-info__name {
        text-align: left;
        font-size: 14px;
        line-height: 120%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-info__name {
        font-size: 23px;
        line-height: 120%;
        font-weight: 500
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-info__title {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    margin: 8px 0 25px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-info__title {
        text-align: left;
        font-size: 40px;
        line-height: 120%;
        margin: 10px 0 42px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-info__title {
        font-size: 70px;
        line-height: 120%;
        margin: 18px 0 76px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button {
    display: block;
    top: 417px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button {
        margin-top: 0;
        top: 233px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button .btn-live {
    font-family: Gotham Pro, sans-serif;
    font-size: 16px;
    line-height: 15px;
    border: none;
    -webkit-box-shadow: 0 0 10px rgba(115, 26, 109, .25);
    box-shadow: 0 0 10px rgba(115, 26, 109, .25);
    width: 274px;
    height: 52px
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .btn-live {
        width: 340px;
        height: 62px;
        font-size: 21px;
        line-height: 20px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button .btn-buy {
    width: 274px;
    height: 52px;
    font-size: 16px;
    line-height: 15px;
    background-color: #ea9000;
    color: #fff;
    margin-top: 20px
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .btn-buy {
        width: 340px;
        height: 62px;
        font-size: 21px;
        line-height: 20px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button .price-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 15px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .price-block {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .price-block {
        margin-top: 36px;
        max-width: 340px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button .price-block .price {
    font-family: Montserrat, sans-serif;
    margin-top: 0;
    width: auto;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .price-block .price {
        font-size: 30px;
        line-height: 39px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button .price-block .prev {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .price-block .prev {
        font-size: 21px;
        line-height: 27px
    }
}

.cook-easy .cookingChef-banner .cookingChef-banner-button .remark {
    display: none
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .remark {
        display: block;
        margin-top: 20px;
        font-weight: 400;
        font-size: 11px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner .cookingChef-banner-button .remark {
        margin-top: 38px
    }
}

.cook-easy .cookingChef-banner.last-screen {
    height: 643px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner.last-screen {
        height: 490px;
        padding: 45px 0 29px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner.last-screen {
        height: 680px;
        padding: 0
    }
}

.cook-easy .cookingChef-banner.last-screen .cookingChef-banner-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 327px;
    height: 256px;
    padding-right: 33px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-img {
        width: 382px;
        height: 416px;
        padding-right: 0;
        margin-top: 0;
        margin-left: 6px;
        margin-right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-img {
        width: 680px;
        height: 680px;
        margin-left: -120px;
        margin-right: 0
    }
}

.cook-easy .cookingChef-banner.last-screen .cookingChef-banner-img .discount-badge {
    display: none
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-info {
        margin-top: 15px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-info {
        max-width: 540px;
        margin: 100px auto 0 100px
    }
}

.cook-easy .cookingChef-banner.last-screen .cookingChef-banner-info .cookingChef-banner-info__title {
    max-width: 294px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-info .cookingChef-banner-info__title {
        font-size: 34px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-info .cookingChef-banner-info__title {
        font-size: 62px;
        line-height: 120%;
        max-width: 540px;
        margin: 18px 0 60px
    }
}

.cook-easy .cookingChef-banner.last-screen .cookingChef-banner-button {
    top: 430px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-button {
        top: 206px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-banner.last-screen .cookingChef-banner-button {
        top: 352px
    }
}

.cook-easy .cookingChef-info-slider {
    background-color: #f7f7f7
}

.cook-easy .cookingChef-info-slider .left-block {
    margin: 40px 24px 0
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .left-block {
        margin: 60px 40px 0
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block {
        margin: 60px 0 0 auto
    }
}

.cook-easy .cookingChef-info-slider .left-block__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .left-block__name {
        font-size: 14px;
        line-height: 120%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block__name {
        font-size: 20px;
        line-height: 150%
    }
}

.cook-easy .cookingChef-info-slider .left-block__content {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .left-block__content {
        margin-top: 15px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block__content {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 438px
    }
}

.cook-easy .cookingChef-info-slider .left-block__content .item .item-index {
    font-family: Bressay Trial, sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 26px;
    line-height: 120%;
    color: #e7417a;
    top: 0
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item .item-index {
        font-size: 40px;
        line-height: 120%;
        top: -5px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item .item-index {
        font-size: 44px;
        margin-top: 0
    }
}

.cook-easy .cookingChef-info-slider .left-block__content .item .item-name {
    font-size: 26px;
    line-height: 130%;
    font-weight: 500;
    margin-left: 46px;
    max-width: 264px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item .item-name {
        font-size: 36px;
        line-height: 130%;
        max-width: 560px;
        margin-left: 76px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item .item-name {
        max-width: 496px;
        font-size: 44px;
        margin-left: 0;
        margin-bottom: auto;
        min-height: 114px
    }
}

.cook-easy .cookingChef-info-slider .left-block__content .item .item-description {
    margin-left: 0;
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    max-width: 99%
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item .item-description {
        max-width: 484px;
        font-size: 18px;
        margin-top: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .left-block__content .item .item-description {
        margin-top: 15px;
        min-height: 126px
    }
}

.cook-easy .cookingChef-info-slider .cookingChef-info-slider__image {
    margin-top: 40px
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image {
        margin: 0 0 0 75px;
        max-height: 680px;
        width: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .item__img img {
        height: 680px;
        max-height: 680px
    }
}

.cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev {
    width: 10px;
    height: 21px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev {
        width: 26px;
        height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev {
        width: 40px;
        height: 80px
    }
}

.cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next svg, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

.cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next svg path, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev svg path {
    stroke-width: 7
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next svg path, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev svg path {
        stroke-width: 4
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-next svg path, .cook-easy .cookingChef-info-slider .cookingChef-info-slider__image .swiper-button-prev svg path {
        stroke-width: 3
    }
}

.cook-easy .cookingChef-info-slider .firstInfo-slider__scrollbar {
    width: 325px;
    height: 1px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-info-slider .firstInfo-slider__scrollbar {
        width: 396px;
        margin: 42px auto 0
    }
}

.cook-easy .cookingChef-info-slider .firstInfo-slider__scrollbar .swiper-scrollbar-drag {
    background-color: #e7417a
}

.cook-easy .cookingChef-about .cookingChef-about__subtitle, .cook-easy .cookingChef-info-slider .btn-live {
    display: none
}

.cook-easy .cookingChef-about .cookingChef-about-info {
    margin-top: 40px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .cookingChef-about-info {
        margin-top: 60px
    }
}

.cook-easy .cookingChef-about .cookingChef-about-info__title {
    display: none
}

.cook-easy .cookingChef-about .cookingChef-about-info__description {
    margin: 0;
    width: 100%;
    font-size: 26px;
    line-height: 135%;
    font-weight: 500;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .cookingChef-about-info__description {
        font-size: 40px;
        line-height: 135%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .cookingChef-about-info__description {
        font-size: 44px;
        max-width: 932px;
        margin: 0 auto
    }
}

.cook-easy .cookingChef-about .cookingChef-about-info__description em {
    font-weight: 700;
    font-size: 28px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .cookingChef-about-info__description em {
        font-size: 42px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .cookingChef-about-info__description em {
        font-size: 48px
    }
}

.cook-easy .cookingChef-about .temp-slider {
    margin-top: 26px
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider .item {
        width: 474px
    }
}

.cook-easy .cookingChef-about .temp-slider .item__img {
    height: 240px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider .item__img {
        height: 370px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider .item__img {
        height: 314px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider .item__text {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cook-easy .cookingChef-about .temp-slider .item__text .temp {
    font-family: Bressay Trial, sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    line-height: 160%;
    color: #e7417a
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider .item__text .temp {
        font-size: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider .item__text .temp {
        font-size: 24px
    }
}

.cook-easy .cookingChef-about .temp-slider .item__text .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider .item__text .name {
        font-size: 18px;
        max-width: 550px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider .item__text .name {
        font-size: 20px;
        max-width: 328px
    }
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider__bottom {
        margin: 29px auto 60px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider__bottom {
        margin: 20px auto 56px
    }
}

.cook-easy .cookingChef-about .temp-slider__bottom .max, .cook-easy .cookingChef-about .temp-slider__bottom .min {
    font-family: Bressay Trial, sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider__bottom .max, .cook-easy .cookingChef-about .temp-slider__bottom .min {
        font-size: 21px;
        line-height: 160%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider__bottom .max, .cook-easy .cookingChef-about .temp-slider__bottom .min {
        font-size: 24px
    }
}

.cook-easy .cookingChef-about .temp-slider__bottom .temp-slider__pagination .swiper-pagination-bullet {
    width: 65px;
    height: 1px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider__bottom .temp-slider__pagination .swiper-pagination-bullet {
        width: 78px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider__bottom .temp-slider__pagination .swiper-pagination-bullet {
        width: 96px
    }
}

.cook-easy .cookingChef-about .temp-slider__bottom .temp-slider__pagination .swiper-pagination-bullet.active {
    height: 4px;
    background-color: #e7417a
}

.cook-easy .cookingChef-about .temp-slider__next, .cook-easy .cookingChef-about .temp-slider__prev {
    width: 20px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .cook-easy .cookingChef-about .temp-slider__next, .cook-easy .cookingChef-about .temp-slider__prev {
        width: 26px;
        height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider__next, .cook-easy .cookingChef-about .temp-slider__prev {
        width: 40px;
        height: 80px
    }
}

.cook-easy .cookingChef-about .temp-slider__next svg, .cook-easy .cookingChef-about .temp-slider__prev svg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider__next {
        right: calc(50% - 690px)
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy .cookingChef-about .temp-slider__prev {
        left: calc(50% - 690px)
    }
}

.cook-easy-features {
    font-family: Gotham Pro, sans-serif;
    color: #000;
    font-weight: 400;
    background: linear-gradient(285.37deg, #474747 3.25%, #0b0a0a 96.86%);
    height: 640px
}

@media only screen and (min-width: 768px) {
    .cook-easy-features {
        height: 600px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features {
        height: 720px
    }
}

.cook-easy-features .container {
    height: 100%
}

.cook-easy-features img {
    margin: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cook-easy-features__wrapper {
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    padding: 32px 0 23px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .cook-easy-features__wrapper {
        grid-template-columns:minmax(0, 1fr) minmax(0, 347px);
        padding: 60px 0 15px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features__wrapper {
        grid-template-columns:minmax(0, 1fr) minmax(0, 587px);
        grid-column-gap: 100px;
        grid-row-gap: 57px;
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content;
        padding: 52px 0
    }
}

.cook-easy-features__names {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 130px));
    grid-column-gap: 38px;
    grid-row-gap: 16px;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
}

@media only screen and (min-width: 768px) {
    .cook-easy-features__names {
        grid-template-columns:repeat(2, minmax(0, 264px));
        grid-column-gap: 96px;
        grid-row-gap: 20px;
        grid-column: 1/span 2
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features__names {
        grid-template-columns:minmax(0, 280px);
        grid-row-gap: 16px;
        grid-column: 1
    }
}

.cook-easy-features__names .cook-easy-features__names-item {
    font-size: 12px;
    line-height: 130%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    color: hsla(0, 0%, 100%, .35)
}

@media only screen and (min-width: 768px) {
    .cook-easy-features__names .cook-easy-features__names-item {
        font-size: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features__names .cook-easy-features__names-item {
        font-size: 20px
    }
}

.cook-easy-features__names .cook-easy-features__names-item:nth-child(2) {
    grid-column: 1
}

.cook-easy-features__names .cook-easy-features__names-item:nth-child(3) {
    grid-column: 2;
    grid-row: 1
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features__names .cook-easy-features__names-item:nth-child(3) {
        grid-column: 1;
        grid-row: auto
    }
}

.cook-easy-features__names .cook-easy-features__names-item.active {
    position: relative;
    color: #fff
}

.cook-easy-features__names .cook-easy-features__names-item.active:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right-color: #9b2ca3;
    clear: both
}

.cook-easy-features__names .cook-easy-features__names-item:hover {
    cursor: pointer
}

.cook-easy-features__item-text {
    display: none;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .cook-easy-features__item-text {
        margin-top: 50px;
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features__item-text {
        font-size: 28px;
        margin-top: 0
    }
}

.cook-easy-features__item-text.active {
    display: block
}

.cook-easy-features__item-image {
    display: none;
    width: 327px;
    height: 324px;
    margin: auto auto 0
}

@media only screen and (min-width: 768px) {
    .cook-easy-features__item-image {
        width: 347px;
        height: 389px;
        margin: 72px 0 0
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features__item-image {
        width: 587px;
        height: 616px;
        grid-column: 2;
        grid-row: 1/span 2;
        margin: 0
    }
}

.cook-easy-features__item-image.active {
    display: block
}

.cook-easy-features__item-image img {
    -o-object-fit: contain;
    object-fit: contain
}

.cook-easy-big-bg {
    position: relative;
    height: 640px;
    padding: 32px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Gotham Pro, sans-serif;
    color: #000;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg {
        margin: 40px 0;
        padding: 40px 0;
        height: 520px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-big-bg {
        height: 640px;
        padding: 40px 0
    }
}

.cook-easy-big-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0
}

.cook-easy-big-bg__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg__background {
        left: unset;
        width: 650px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-big-bg__background {
        width: 1230px
    }
}

@media only screen and (min-width: 1920px) {
    .cook-easy-big-bg__background {
        width: 1470px
    }
}

.cook-easy-big-bg .container {
    height: 100%
}

.cook-easy-big-bg__wrapper {
    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%
}

.cook-easy-big-bg__title {
    font-weight: 500;
    font-size: 21px;
    line-height: 130%;
    color: #000;
    margin-bottom: 24px;
    width: 300px
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg__title {
        width: 400px;
        font-size: 30px;
        line-height: 140%;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-big-bg__title {
        width: 500px;
        margin-bottom: 60px;
        font-size: 37px;
        line-height: 130%
    }
}

.cook-easy-big-bg__text {
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    color: #000;
    width: 243px
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg__text {
        width: 330px;
        font-size: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-big-bg__text {
        width: 380px;
        font-size: 18px
    }
}

.cook-easy-big-bg__button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 193px;
    height: 36px;
    padding: 0 13px 0 43px;
    border: none;
    background-color: #77176e;
    border-radius: 60px;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    margin-top: auto
}

.cook-easy-big-bg__button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: 12px
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg__button:before {
        left: 32px
    }
}

.cook-easy-big-bg__button:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    left: 19px
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg__button:after {
        left: 39px
    }
}

@media only screen and (min-width: 768px) {
    .cook-easy-big-bg__button {
        width: 262px;
        height: 52px;
        padding: 0 33px 0 65px;
        font-size: 12px
    }
}

.cook-easy-big-bg__button:hover {
    cursor: pointer
}

.cook-easy-features-icons {
    position: relative;
    padding-top: 32px;
    background: linear-gradient(285.37deg, #474747 3.25%, #0b0a0a 96.86%);
    height: 876px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    font-family: Gotham Pro, sans-serif;
    color: #000;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons {
        height: 1102px;
        padding-top: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons {
        height: 720px;
        padding-top: 80px
    }
}

.cook-easy-features-icons img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 !important
}

.cook-easy-features-icons__title {
    font-weight: 500;
    font-size: 21px;
    line-height: 130%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons__title {
        width: 520px;
        font-size: 30px;
        line-height: 140%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons__title {
        width: 600px;
        font-size: 37px;
        line-height: 130%
    }
}

.cook-easy-features-icons__image {
    position: absolute;
    width: 375px;
    height: 394px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons__image {
        width: 768px;
        height: 569px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons__image {
        height: 720px;
        width: 740px;
        left: calc(50% + 175px);
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 1920px) {
    .cook-easy-features-icons__image {
        left: unset;
        right: 0
    }
}

.cook-easy-features-icons .features-content {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 24px;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons .features-content {
        margin-top: 60px;
        grid-template-columns:repeat(2, minmax(0, 296px));
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons .features-content {
        margin-top: 40px;
        grid-template-columns:repeat(2, minmax(0, 338px));
        grid-column-gap: 72px;
        grid-row-gap: 60px
    }
}

.cook-easy-features-icons .features-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 8px;
    row-gap: 8px
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons .features-content__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons .features-content__item {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.cook-easy-features-icons .features-content__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 8px;
    row-gap: 8px
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons .features-content__item-wrapper {
        width: 240px;
        grid-row-gap: 11px;
        row-gap: 11px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons .features-content__item-wrapper {
        width: 270px
    }
}

.cook-easy-features-icons .features-content__item-icon {
    width: 32px;
    height: 32px
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons .features-content__item-icon {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons .features-content__item-icon {
        width: 48px;
        height: 48px
    }
}

.cook-easy-features-icons .features-content__item-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons .features-content__item-title {
        font-size: 17px;
        line-height: 130%
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons .features-content__item-title {
        font-size: 20px
    }
}

.cook-easy-features-icons .features-content__item-text {
    font-size: 11px;
    line-height: 140%;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .cook-easy-features-icons .features-content__item-text {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .cook-easy-features-icons .features-content__item-text {
        font-size: 15px
    }
}

.cookEasy-dotSlider {
    background-color: #ea9000;
    padding: 40px 0;
    font-family: Gotham Pro, sans-serif;
    color: #000;
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider {
        padding: 60px 0 67px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider {
        padding: 35px 0
    }
}

.cookEasy-dotSlider .container {
    position: relative
}

.cookEasy-dotSlider em {
    color: #e7417a;
    font-style: italic;
    font-family: Bressay Trial, sans-serif;
    font-weight: 700
}

.cookEasy-dotSlider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 !important
}

.cookEasy-dotSlider__title {
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__title {
        max-width: 580px;
        margin: 0 auto;
        font-size: 44px;
        line-height: 120%
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__title {
        position: absolute;
        top: 85px;
        right: 0
    }
}

.cookEasy-dotSlider__title em {
    font-size: 28px;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__title em {
        font-size: 48px
    }
}

.cookEasy-dotSlider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper {
        margin-top: 43px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper {
        margin-top: 0;
        -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
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image {
    position: relative;
    width: 300px;
    height: 329px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image {
        width: 522px;
        height: 581px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image {
        width: 548px;
        height: 609px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot {
    display: block;
    position: absolute;
    border: 1px solid #7c2582;
    width: 34px;
    height: 34px;
    border-radius: 50%
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot {
        width: 60px;
        height: 60px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot:not(.active):hover {
    cursor: pointer
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot:before {
    position: absolute;
    top: 12px;
    left: 12px;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7c2582
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot:before {
        width: 15px;
        height: 15px;
        top: 23px;
        left: 23px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.active {
    background-color: #fff;
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.active:before {
    opacity: 0
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-1 {
    top: 142px;
    left: 37px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-1 {
        top: 224px;
        left: 54px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-1 {
        top: 271px;
        left: 37px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-2 {
    top: 195px;
    left: 71px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-2 {
        top: 337px;
        left: 122px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-2 {
        top: 350px;
        left: 116px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-3 {
    top: 251px;
    left: 34px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-3 {
        top: 450px;
        left: 70px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-3 {
        top: 472px;
        left: 87px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-4 {
    top: 23px;
    left: 167px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-4 {
        top: 35px;
        left: 284px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-4 {
        top: 54px;
        left: 299px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-5 {
    top: 120px;
    left: 116px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-5 {
        top: 206px;
        left: 201px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-6 {
    top: 35px;
    left: 51px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-6 {
        top: 61px;
        left: 84px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-machine__image .machine-dot.dot-6 {
        top: 77px;
        left: 82px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider {
    width: 100%;
    margin-top: 13px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider {
        margin-top: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider {
        margin-top: 260px;
        width: 580px;
        margin-left: 0;
        margin-right: 0
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content {
    margin: 0 auto;
    max-width: 254px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content {
        max-width: 444px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__title {
        font-size: 36px;
        line-height: 130%;
        margin-bottom: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__title {
        font-size: 28px;
        line-height: 140%;
        margin-bottom: 15px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__text {
        font-size: 18px;
        line-height: 140%
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__text {
        max-width: 376px;
        margin: 0 auto
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-row-gap: 11px;
    margin: 20px 10px 0
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub {
        grid-column-gap: 55px;
        margin: 30px 50px 0
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item {
    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
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item__image {
    width: 67px;
    height: 52px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item__image {
        width: 80px;
        height: 56px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item__image img {
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item__image img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-slider .swiper-slide .slide-content__sub .sub-item__text {
        font-size: 14px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-button {
    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;
    text-decoration: none;
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
    width: 193px;
    height: 36px;
    padding: 0 13px 0 43px;
    border: none;
    background-color: #fff;
    border-radius: 60px;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ea9000
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-button {
        width: 262px;
        height: 52px;
        padding: 0 33px 0 65px;
        font-size: 12px;
        margin-top: 47px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider__wrapper .cookEasy-button {
        position: absolute;
        top: 463px;
        right: 156px;
        z-index: 1
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #ea9000;
    border-radius: 50%;
    left: 12px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-button:before {
        left: 32px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-button:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #ea9000;
    border-radius: 50%;
    left: 19px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider__wrapper .cookEasy-button:after {
        left: 39px
    }
}

.cookEasy-dotSlider__wrapper .cookEasy-button:hover {
    cursor: pointer
}

.cookEasy-dotSlider .cookEasy-navNext, .cookEasy-dotSlider .cookEasy-navPrev {
    width: 10px;
    height: 25px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider .cookEasy-navNext, .cookEasy-dotSlider .cookEasy-navPrev {
        width: 26px;
        height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider .cookEasy-navNext, .cookEasy-dotSlider .cookEasy-navPrev {
        top: calc(50% - 70px)
    }
}

.cookEasy-dotSlider .cookEasy-navNext svg, .cookEasy-dotSlider .cookEasy-navPrev svg {
    width: 100%;
    height: 100%
}

.cookEasy-dotSlider .cookEasy-navNext svg path, .cookEasy-dotSlider .cookEasy-navPrev svg path {
    stroke-width: 5
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider .cookEasy-navNext svg path, .cookEasy-dotSlider .cookEasy-navPrev svg path {
        stroke-width: 2
    }
}

.cookEasy-dotSlider .cookEasy-navNext:after, .cookEasy-dotSlider .cookEasy-navPrev:after {
    content: ""
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button {
        padding: 90px 0 77px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-dotSlider__title {
        top: 0
    }
}

.cookEasy-dotSlider.no-button .cookEasy-machine__image {
    width: 300px;
    height: 311px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image {
        width: 522px;
        height: 541px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image {
        width: 496px;
        height: 513px
    }
}

.cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-1 {
    top: 66px;
    left: 171px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-1 {
        top: 97px;
        left: 245px
    }
}

.cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-2 {
    top: 92px;
    left: 70px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-2 {
        top: 114px;
        left: 134px
    }
}

.cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-3 {
    top: 274px;
    left: 150px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-3 {
        top: 417px;
        left: 260px
    }
}

.cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-4 {
    top: 210px;
    left: 82px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-4 {
        top: 295px;
        left: 163px
    }
}

.cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-5 {
    top: 204px;
    left: 234px
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-machine__image .machine-dot.dot-5 {
        top: 306px;
        left: 360px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-slider {
        margin-top: 158px
    }
}

.cookEasy-dotSlider.no-button .cookEasy-slider .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-slider .swiper-wrapper .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.cookEasy-dotSlider.no-button .cookEasy-slider .swiper-wrapper .swiper-slide .slide-content {
    max-width: unset
}

.cookEasy-dotSlider.no-button .cookEasy-slider .swiper-wrapper .swiper-slide .slide-content__text {
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    max-width: 254px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .cookEasy-dotSlider.no-button .cookEasy-slider .swiper-wrapper .swiper-slide .slide-content__text {
        font-size: 30px;
        max-width: 480px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-slider .swiper-wrapper .swiper-slide .slide-content__text {
        font-size: 33px;
        line-height: 150%;
        max-width: 434px
    }
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-slider .cookEasy-navNext, .cookEasy-dotSlider.no-button .cookEasy-slider .cookEasy-navPrev {
        top: 50%
    }
}

.cookEasy-dotSlider.no-button .cookEasy-slider .cookEasy-navNext {
    right: 0
}

.cookEasy-dotSlider.no-button .cookEasy-slider .cookEasy-navPrev {
    left: 0
}

@media only screen and (min-width: 1280px) {
    .cookEasy-dotSlider.no-button .cookEasy-button {
        display: none
    }
}

.referral-landing {
    background-color: #f7f7f7;
    font-family: Gotham Pro;
    margin-top: 80px
}

@media only screen and (min-width: 768px) {
    .referral-landing {
        margin-top: 100px
    }
}

.referral-landing .container {
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px
}

@media only screen and (min-width: 768px) {
    .referral-landing .container {
        width: calc(100% - 64px);
        margin-left: 32px;
        margin-right: 32px
    }
}

@media only screen and (min-width: 1024px) {
    .referral-landing .container {
        max-width: 944px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .container {
        max-width: 1200px
    }
}

.referral-landing .referral-banner {
    padding: 36px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner {
        padding: 70px 0 60px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        padding: 150px 0 80px
    }
}

.referral-landing .referral-banner .left {
    padding: 19px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .2);
    border-radius: 12px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 80px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .left {
        margin-top: 60px;
        padding: 25px 0 25px 32px;
        position: relative
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 35px 0 44px 40px;
        min-width: 654px;
        margin-top: 0
    }
}

.referral-landing .referral-banner .left .item {
    margin-top: 13px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .left .item {
        margin-top: 15px;
        max-width: 266px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .left .item {
        margin-top: 25px;
        max-width: 260px
    }
}

.referral-landing .referral-banner .left .item:first-child {
    margin-top: 0
}

.referral-landing .referral-banner .left .item .name {
    font-weight: 700;
    font-size: 31px;
    line-height: 120%;
    color: #7c2582
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .left .item .name {
        font-size: 40px
    }
}

.referral-landing .referral-banner .left .item .caption {
    margin-top: 4px;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .left .item .caption {
        margin-top: 8px;
        font-size: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .left .item .caption {
        font-size: 18px
    }
}

.referral-landing .referral-banner .left .img {
    position: absolute;
    right: -24px;
    top: 53px;
    width: 262px;
    height: 350px;
    z-index: -1
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .left .img {
        width: 431px;
        height: 521px;
        right: -32px;
        bottom: 0;
        top: auto;
        z-index: 1
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .left .img {
        width: 440px;
        height: 550px;
        right: -90px
    }
}

.referral-landing .referral-banner .left .img img {
    width: 100%;
    height: 100%
}

.referral-landing .referral-banner .right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 2
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 115px;
        margin-top: 20px
    }
}

.referral-landing .referral-banner .right .title {
    font-weight: 500;
    font-size: 30px;
    line-height: 130%;
    color: #000;
    padding: 0;
    max-width: 340px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .right .title {
        font-size: 51px;
        line-height: 120%;
        text-align: center;
        max-width: none
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .right .title {
        text-align: left
    }
}

.referral-landing .referral-banner .right .subtitle {
    margin-top: 14px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000;
    max-width: 196px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .right .subtitle {
        margin-top: 26px;
        font-size: 25px;
        text-align: center;
        max-width: none
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .right .subtitle {
        margin-top: 14px;
        font-size: 21px;
        text-align: left
    }
}

.referral-landing .referral-banner .right .btn {
    display: none;
    margin: 95px 0 0;
    width: 320px
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .right .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.referral-landing .referral-banner .btn {
    padding: 0;
    margin: 38px auto 0;
    width: 290px;
    height: 62px;
    background: #edaa00;
    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;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    text-transform: uppercase;
    color: #000;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-banner .btn {
        margin: 58px auto 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-banner .btn {
        display: none
    }
}

.referral-landing .referral-step {
    padding: 20px 0 36px;
    max-width: 1058px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step {
        padding: 70px 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step {
        padding: 80px 0
    }
}

.referral-landing .referral-step .title {
    padding: 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 130%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .title {
        font-size: 46px;
        line-height: 140%
    }
}

.referral-landing .referral-step .step-block {
    margin: 36px 0 60px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block {
        margin: 72px 0 74px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block {
        margin: 40px 0 82px
    }
}

.referral-landing .referral-step .step-block .item {
    margin-bottom: 58px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block .item {
        margin-bottom: 60px;
        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
    }

    .referral-landing .referral-step .step-block .item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }

    .referral-landing .referral-step .step-block .item:nth-child(2n) .info {
        margin-right: 0;
        margin-left: 42px
    }
}

@media only screen and (min-width: 768px)and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item:nth-child(2n) .info {
        margin-left: 66px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item {
        margin-bottom: 30px
    }
}

.referral-landing .referral-step .step-block .item:last-child {
    margin-bottom: 0
}

.referral-landing .referral-step .step-block .item .info {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block .item .info {
        max-width: 334px;
        margin-right: 42px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item .info {
        max-width: 460px;
        margin-right: 66px
    }
}

.referral-landing .referral-step .step-block .item .info .step {
    font-style: italic;
    font-weight: 400;
    font-size: 50px;
    line-height: 120%;
    text-transform: uppercase;
    color: #7c2582
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block .item .info .step {
        font-size: 55px;
        line-height: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item .info .step {
        font-size: 74px;
        line-height: 120%
    }
}

.referral-landing .referral-step .step-block .item .info .caption {
    margin-top: 18px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block .item .info .caption {
        margin-top: 16px;
        font-size: 21px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item .info .caption {
        margin-top: 26px;
        line-height: 150%
    }
}

.referral-landing .referral-step .step-block .item .info .notice {
    margin-top: 6px;
    font-weight: 400;
    font-size: 9px;
    line-height: 150%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block .item .info .notice {
        margin-top: 4px;
        font-size: 11px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item .info .notice {
        margin-top: 10px
    }
}

.referral-landing .referral-step .step-block .item .img {
    height: 248px;
    width: 100%;
    border-radius: 12px;
    margin-top: 22px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-step .step-block .item .img {
        width: 328px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .step-block .item .img {
        width: 450px;
        height: 340px
    }
}

.referral-landing .referral-step .step-block .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.referral-landing .referral-step .btn {
    padding: 0;
    margin: 0 auto;
    width: 290px;
    height: 62px;
    background: #edaa00;
    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;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    text-transform: uppercase;
    color: #000
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-step .btn {
        width: 320px
    }
}

.referral-landing .referral-video {
    padding: 16px 0;
    max-width: 1058px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-video {
        padding: 70px 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-video {
        padding: 80px 0
    }
}

.referral-landing .referral-video .title {
    font-weight: 500;
    font-size: 30px;
    line-height: 130%;
    color: #000;
    padding: 0;
    max-width: 640px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-video .title {
        font-size: 46px;
        line-height: 140%
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-video .title {
        max-width: 640px
    }
}

.referral-landing .referral-video__block {
    margin: 40px auto 0;
    width: 100%;
    height: 274px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-video__block {
        height: 378px;
        width: calc(100% - 64px);
        margin: 70px 32px 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-video__block {
        margin: 40px auto 0;
        width: 100%;
        height: 568px
    }
}

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

.referral-landing .referral-video__block svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 102px;
    height: 102px;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-video__block svg {
        width: 106px;
        height: 106px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-video__block svg {
        width: 160px;
        height: 160px
    }
}

.referral-landing .referral-video__block .video_card {
    max-width: none !important;
    width: 100%;
    height: 100%
}

.referral-landing .referral-privileges {
    padding: 30px 0 50px;
    max-width: 1058px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges {
        padding: 70px 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges {
        padding: 80px 0
    }
}

.referral-landing .referral-privileges .title {
    padding: 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 140%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .title {
        font-size: 46px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges .title {
        max-width: 818px
    }
}

.referral-landing .referral-privileges .privileges-group {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .privileges-group {
        margin-top: 70px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges .privileges-group {
        margin-top: 80px
    }
}

.referral-landing .referral-privileges .privileges-group .item {
    border-radius: 12px;
    padding: 26px 13px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 336px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(180deg, #edaa00, #edaa00 100px, #fff 0, #fff);
    margin-bottom: 30px;
    height: auto
}

.referral-landing .referral-privileges .privileges-group .item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .privileges-group .item {
        margin-bottom: 60px;
        padding: 18px 18px 14px;
        background: linear-gradient(180deg, #edaa00, #edaa00 138px, #fff 0, #fff)
    }

    .referral-landing .referral-privileges .privileges-group .item:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges .privileges-group .item {
        max-width: 294px;
        padding: 16px 26px 10px;
        margin-bottom: 70px
    }

    .referral-landing .referral-privileges .privileges-group .item:nth-last-child(-n+3) {
        margin-bottom: 0
    }
}

.referral-landing .referral-privileges .privileges-group .item .name {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    color: #000;
    margin: 0 auto;
    max-width: 300px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .privileges-group .item .name {
        height: 68px;
        max-width: 240px;
        font-size: 26px;
        line-height: 130%
    }

    .referral-landing .referral-privileges .privileges-group .item .name:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges .privileges-group .item .name {
        max-width: 230px
    }
}

.referral-landing .referral-privileges .privileges-group .item .icon {
    margin: 10px auto 6px;
    width: 64px;
    height: 64px;
    background: #7c2582;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .privileges-group .item .icon {
        margin: 6px auto 12px;
        width: 88px;
        height: 88px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges .privileges-group .item .icon {
        margin: 10px auto
    }
}

.referral-landing .referral-privileges .privileges-group .item .caption {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #000;
    max-width: 284px;
    margin: auto
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .privileges-group .item .caption {
        font-size: 18px;
        max-width: 300px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .referral-privileges .privileges-group .item .caption {
        max-width: 240px
    }
}

.referral-landing .referral-privileges .privileges-group .item .notice {
    margin: 2px auto 0;
    font-weight: 400;
    font-size: 9px;
    line-height: 140%;
    text-align: center;
    color: #000;
    max-width: 240px
}

@media only screen and (min-width: 768px) {
    .referral-landing .referral-privileges .privileges-group .item .notice {
        font-size: 11px
    }
}

.referral-landing .faq {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq {
        padding: 80px 0
    }
}

.referral-landing .faq-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq-title {
        font-size: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq-title {
        font-size: 50px
    }
}

.referral-landing .faq .accordion {
    margin: 40px 0 0
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion {
        margin: 40px 0 0 60px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion {
        margin: 68px 0 0 114px
    }
}

.referral-landing .faq .accordion__button {
    background-color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.referral-landing .faq .accordion__button .icon {
    display: block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), #812e87;
    background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), #812e87;
    background-position: 50%;
    background-size: 16px 2px, 2px 16px;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion__button .icon {
        width: 42px;
        height: 42px;
        background-size: 20px 2px, 2px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion__button .icon {
        width: 52px;
        height: 52px;
        background-size: 24px 2px, 2px 24px
    }
}

.referral-landing .faq .accordion__button .name {
    width: 100%;
    margin-left: 12px;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    color: #000
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion__button .name {
        max-width: 500px;
        font-size: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion__button .name {
        margin-left: 40px;
        max-width: 686px;
        font-size: 24px
    }
}

.referral-landing .faq .accordion__button-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion__button-wrap {
        padding: 30px 0
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion__button-wrap {
        padding: 40px 0
    }
}

.referral-landing .faq .accordion__button-wrap:first-child {
    padding-top: 0
}

.referral-landing .faq .accordion__button-wrap:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.referral-landing .faq .accordion__button.active .icon {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#eeaa07), to(#eeaa07)), #eeaa07;
    background: linear-gradient(#000, #000), linear-gradient(#eeaa07, #eeaa07), #eeaa07;
    background-position: 50%;
    background-size: 16px 2px, 2px 16px;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion__button.active .icon {
        background-size: 20px 2px, 2px 20px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion__button.active .icon {
        background-size: 24px 2px, 2px 24px
    }
}

.referral-landing .faq .accordion__text {
    background-color: inherit;
    margin-left: 44px;
    margin-top: 15px;
    padding: 0 0 0 10px;
    border-left: 2px solid #812e87;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    color: #000;
    border-radius: 0
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion__text {
        margin-left: 68px;
        margin-top: 20px;
        border-left: 4px solid #812e87;
        font-size: 14px;
        max-width: 485px;
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion__text {
        margin-left: 92px;
        margin-top: 30px;
        padding: 0 0 0 20px;
        max-width: 662px;
        font-size: 18px
    }
}

.referral-landing .faq .accordion__text a {
    color: #000
}

.referral-landing .faq .accordion__text .remark {
    font-size: 10px;
    line-height: 150%;
    margin-top: 5px;
    color: #777
}

@media only screen and (min-width: 768px) {
    .referral-landing .faq .accordion__text .remark {
        font-size: 12px;
        margin-top: 10px
    }
}

@media only screen and (min-width: 1280px) {
    .referral-landing .faq .accordion__text .remark {
        font-size: 14px
    }
}

a.a-inherit {
    color: inherit
}

a.a-uu, a.a-uu:hover {
    text-decoration: underline !important
}

a.a-nu:hover {
    text-decoration: underline
}

a.a-nu {
    text-decoration: none
}

a.a-nu.a-nu:hover {
    text-decoration: underline
}

a.a-nn, a.a-nn:hover {
    text-decoration: none
}

a.a-un {
    text-decoration: underline
}

a.a-un:hover {
    text-decoration: none
}

.n-ui-placeholder-pane {
    position: relative
}

.n-ui-placeholder-pane .n-ui-edit-toolbar {
    position: absolute;
    display: none
}

.n-ui-placeholder-pane:hover {
    outline: 2px solid #ff0
}

.n-ui-placeholder-pane:hover .n-ui-edit-toolbar {
    display: block;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    padding: 5px;
    background: #fff;
    z-index: 100;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3)
}

.n-ui-placeholder-pane:hover .n-ui-edit-toolbar i {
    background: url(/html/css/../img/icons/edit.svg) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%
}

.n-ui-acp-site-toolbar-pane {
    position: relative
}

.n-ui-acp-site-toolbar-pane .n-ui-btn-view {
    position: absolute;
    display: none
}

.n-ui-acp-site-toolbar-pane:hover {
    outline: 2px solid #ff0
}

.n-ui-acp-site-toolbar-pane:hover .n-ui-btn-view {
    display: block;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    padding: 5px;
    background: #fff;
    z-index: 100;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3)
}

.n-ui-acp-site-toolbar-pane:hover .n-ui-btn-view i {
    background: url(/html/css/../img/icons/edit.svg) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%
}

.n-ui-autocomplete-block .z-index-popup {
    z-index: 100
}

.n-ui-autocomplete-block .n-ui-popup {
    position: absolute;
    opacity: 0;
    -webkit-transform: scaleY(.1);
    transform: scaleY(.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: -1px;
    left: 0;
    min-width: 150px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    border: 1px solid #999;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 358px
}

.n-ui-autocomplete-block .n-ui-popup.n-ui-opened {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.n-ui-autocomplete-block .n-ui-popup ul {
    width: 100%;
    list-style: none outside none;
    padding: 0;
    margin: 0
}

.n-ui-autocomplete-block .n-ui-popup li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden
}

.n-ui-autocomplete-block .n-ui-popup li.n-ui-selected {
    background-color: #f2d7f4
}

.n-ui-autocomplete-block .n-ui-popup li.n-ui-selected:hover {
    background-color: #efcff1
}

.n-ui-autocomplete-block .n-ui-popup li:hover {
    background-color: #f2d7f4
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-nodes {
    padding-left: 15px
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0;
    background-color: #f8f8f8
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node > li:hover {
    background-color: #f6e3f7
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node > li.n-ui-selected {
    background-color: #f2d7f4
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node > li.n-ui-selected:hover {
    background-color: #efcff1
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-closed > li, .n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-opened > li {
    padding-left: 30px;
    cursor: pointer
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-closed > li a, .n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-opened > li a {
    padding-left: 0
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-closed .n-ui-toogle, .n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-opened .n-ui-toogle {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 8px
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-opened > .n-ui-toogle {
    background-image: url(/html/css/../img/icons/minus.svg)
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-closed > .n-ui-toogle {
    background-image: url(/html/css/../img/icons/plus.svg)
}

.n-ui-autocomplete-block .n-ui-popup .n-ui-node.n-ui-state-closed .n-ui-nodes {
    display: none
}

.n-ui-autocomplete-block .n-ui-selected-item {
    display: inline-block;
    max-width: 300px;
    background: #6f8191;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    margin: 0 5px 3px 0;
    cursor: default;
    color: #000
}

.n-ui-autocomplete-block .n-ui-selected-item .grid.table {
    display: table;
    width: auto;
    margin: 0
}

.n-ui-autocomplete-block .n-ui-selected-item .grid.table .col {
    display: table-cell
}

.n-ui-autocomplete-block .n-ui-selected-item.n-ui-unknown-text {
    background: #f1c2c2
}

.n-ui-autocomplete-block .n-ui-selected-item .n-ui-title {
    padding: 5px 0 5px 10px;
    cursor: default;
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis
}

.n-ui-autocomplete-block .n-ui-selected-item .n-ui-close {
    padding: 5px 10px;
    cursor: pointer;
    color: rgba(0, 0, 0, .5);
    -webkit-transition: .2s;
    transition: .2s
}

.n-ui-autocomplete-block .n-ui-selected-item .n-ui-close:hover {
    color: #000
}

.n-ui-autocomplete-block .n-ui-values {
    max-height: 250px;
    overflow-y: auto
}

.n-ui-autocomplete-block .n-ui-more {
    padding: 7px 10px;
    cursor: pointer;
    text-decoration: underline;
    color: #6f8191
}

.n-ui-autocomplete .z-index-popup {
    z-index: 100
}

.n-ui-autocomplete .n-ui-popup {
    position: absolute;
    opacity: 0;
    -webkit-transform: scaleY(.1);
    transform: scaleY(.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: -1px;
    left: 0;
    min-width: 150px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    border: 1px solid #999;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 358px
}

.n-ui-autocomplete .n-ui-popup.n-ui-opened {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.n-ui-autocomplete .n-ui-popup ul {
    width: 100%;
    list-style: none outside none;
    padding: 0;
    margin: 0
}

.n-ui-autocomplete .n-ui-popup li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden
}

.n-ui-autocomplete .n-ui-popup li.n-ui-selected {
    background-color: #f2d7f4
}

.n-ui-autocomplete .n-ui-popup li.n-ui-selected:hover {
    background-color: #efcff1
}

.n-ui-autocomplete .n-ui-popup li:hover {
    background-color: #f2d7f4
}

.n-ui-autocomplete .n-ui-popup .n-ui-nodes {
    padding-left: 15px
}

.n-ui-autocomplete .n-ui-popup .n-ui-node {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.n-ui-autocomplete .n-ui-popup .n-ui-node > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0;
    background-color: #f8f8f8
}

.n-ui-autocomplete .n-ui-popup .n-ui-node > li:hover {
    background-color: #f6e3f7
}

.n-ui-autocomplete .n-ui-popup .n-ui-node > li.n-ui-selected {
    background-color: #f2d7f4
}

.n-ui-autocomplete .n-ui-popup .n-ui-node > li.n-ui-selected:hover {
    background-color: #efcff1
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed > li, .n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened > li {
    padding-left: 30px;
    cursor: pointer
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed > li a, .n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened > li a {
    padding-left: 0
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed .n-ui-toogle, .n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened .n-ui-toogle {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 8px
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened > .n-ui-toogle {
    background-image: url(/html/css/../img/icons/minus.svg)
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed > .n-ui-toogle {
    background-image: url(/html/css/../img/icons/plus.svg)
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed .n-ui-nodes {
    display: none
}

.n-ui-autocomplete .n-ui-selected-item {
    display: inline-block;
    max-width: 300px;
    background: #6f8191;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    margin: 0 5px 3px 0;
    cursor: default;
    color: #000
}

.n-ui-autocomplete .n-ui-selected-item .grid.table {
    display: table;
    width: auto;
    margin: 0
}

.n-ui-autocomplete .n-ui-selected-item .grid.table .col {
    display: table-cell
}

.n-ui-autocomplete .n-ui-selected-item.n-ui-unknown-text {
    background: #f1c2c2
}

.n-ui-autocomplete .n-ui-selected-item .n-ui-title {
    padding: 5px 0 5px 10px;
    cursor: default;
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis
}

.n-ui-autocomplete .n-ui-selected-item .n-ui-close {
    padding: 5px 10px;
    cursor: pointer;
    color: rgba(0, 0, 0, .5);
    -webkit-transition: .2s;
    transition: .2s
}

.n-ui-autocomplete .n-ui-selected-item .n-ui-close:hover {
    color: #000
}

.n-ui-autocomplete .n-ui-values {
    max-height: 250px;
    overflow-y: auto
}

.n-ui-autocomplete .n-ui-more {
    padding: 7px 10px;
    cursor: pointer;
    text-decoration: underline;
    color: #6f8191
}

.clickable, .clk {
    cursor: pointer
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-inline {
    display: inline
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

.nowrap {
    white-space: nowrap
}

.zoom-image {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.zoom-image img {
    display: block;
    width: 100%;
    height: 100%
}

.zoom-image:after {
    content: "";
    display: block;
    position: absolute;
    background: url(/html/css/../img/icons/zoom_white.svg);
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .75));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .75));
    width: 24px;
    height: 24px;
    right: 5%;
    bottom: 5%;
    pointer-events: none
}

@-webkit-keyframes zoom-image-loading {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom-image-loading {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.zoom-image-loading {
    -webkit-animation-name: zoom-image-loading;
    animation-name: zoom-image-loading;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.pswp {
    display: none
}

.html-content .zoom-image, .html-content img {
    margin-right: 10px
}

img.video_anchor {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(/html/css/../img/images/placeholder.jpg) no-repeat 50% #fff;
    border: 1px solid #a9a9a9;
    min-width: 100px;
    min-height: 50px;
    margin: 5px 0 10px
}

.video_card {
    background: #000;
    overflow: hidden;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_card, .video_card .thumb_rel {
    position: relative
}

.video_card .thumb_rel .thumb {
    cursor: pointer;
    width: 100%
}

.video_card .thumb_rel .thumb img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.video_card .thumb_rel .play_btn {
    position: absolute;
    width: 70px;
    height: 50px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
    box-shadow: 0 0 12px rgba(0, 0, 0, .8);
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -25px;
    cursor: pointer
}

.video_card .thumb_rel:hover .play_btn {
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000
}

.video_card .thumb_rel:active .play_btn {
    margin-top: -24px;
    margin-left: -34px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .9);
    box-shadow: 0 0 12px rgba(0, 0, 0, .9)
}

.video_card .video {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.delivery-points-popup {
    width: 700px
}
/* End */


/* Start:/html/css/main.min.css?171022022928193*/
.profile__slider{max-width:100%;overflow:hidden;margin-bottom:20px}.profile__slider .home-slider__navigation{bottom:50%;z-index:2;width:calc(100% - 25px);left:12.5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);pointer-events:none;display:block}@media only screen and (max-width:992px){.profile__slider .home-slider__navigation{left:0;width:100%}}.profile__slider .navigation-button{height:32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}@media only screen and (max-width:992px){.profile__slider .navigation-button{width:calc(100% - 21px);margin-left:10px}}@media only screen and (max-width:767px){.profile__slider .navigation-button{width:calc(100% - 25px)}}.profile__slider .navigation-button .btn-navigation{top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;pointer-events:all}@media only screen and (max-width:767px){.profile__slider .navigation-button .btn-navigation{width:25px;height:25px}.profile__slider .navigation-button .btn-navigation .circle span{display:none}}.profile-inner{overflow:hidden}@media only screen and (min-width:320px){.profile-inner{max-width:100%;width:calc(100% - 68px)}}@media only screen and (min-width:768px){.profile-inner{max-width:calc(100% - 92px)}}@media only screen and (min-width:1024px){.profile-inner{max-width:580px}}@media only screen and (min-width:1280px){.profile-inner{max-width:837px}}.profile__slide-images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:15px;max-width:100%}.profile__slide-images img{max-height:175px;-o-object-fit:contain;object-fit:contain}@media only screen and (min-width:320px){.profile__slide-images img{max-height:107px;max-width:100%}}@media only screen and (min-width:767px){.profile__slide-images img{max-height:120px;max-width:100%}}@media only screen and (min-width:1280px){.profile__slide-images img{max-height:175px}}@media only screen and (min-width:320px){.profile__slide-images{margin-right:5px}}@media only screen and (min-width:1280px){.profile__slide-images{margin-right:15px}}.profile__slide-inner{padding:0 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:320px){.profile__slide-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (min-width:1280px){.profile__slide-inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.profile__slide-info{font-weight:600;color:#000}@media only screen and (max-width:767px){.profile__slide-info br{display:none}}@media only screen and (min-width:320px){.profile__slide-info{font-weight:400;font-size:16px;line-height:115%;text-align:center}}@media only screen and (min-width:767px){.profile__slide-info{font-size:18px;font-weight:600;line-height:140.4%}}@media only screen and (min-width:1280px){.profile__slide-info{font-size:20px;text-align:left}}.profile__bonus{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}@media only screen and (max-width:1280px){.profile__bonus{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.profile__bonus .profile__bonus-item{-webkit-box-flex:0;-ms-flex:0 0 42%;flex:0 0 42%;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}@media only screen and (max-width:320px){.profile__bonus .profile__bonus-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}@media only screen and (min-width:320px){.profile__bonus .profile__bonus-item{padding-bottom:20px}}@media only screen and (min-width:1280px){.profile__bonus .profile__bonus-item{padding-right:32px;padding-bottom:0}}.profile__bonus .profile__bonus-item::before{content:'';background:#ececec;height:calc(100% + 48px);top:-24px;right:0;position:absolute;width:1px}@media only screen and (max-width:1280px){.profile__bonus .profile__bonus-item::before{height:1px;width:calc(100% + 48px);left:-24px;top:auto;bottom:0}}.profile__bonus .profile__bonus-item .profile__bonus-info{font-weight:500;font-size:16px;line-height:20px;text-align:center;color:#58aee4}@media only screen and (max-width:480px){.profile__bonus .profile__bonus-item .profile__bonus-info{font-size:14px;line-height:130%}}.profile__bonus .profile__bonus-item .profile__bonus-info a{color:#58aee4;text-decoration:none}.profile__bonus .profile__bonus-item .profile__bonus-amount{color:#fff;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}@media only screen and (max-width:480px){.profile__bonus .profile__bonus-item .profile__bonus-amount{width:100%}}.profile__bonus .profile__bonus-item .profile__bonus-amount p{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;line-height:17px;text-align:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:13px 20px;background:#477706;border-radius:10px}@media only screen and (max-width:480px){.profile__bonus .profile__bonus-item .profile__bonus-amount p{font-size:14px;line-height:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}.profile__bonus .profile__bonus-item .profile__bonus-amount p span{text-align:left;margin-right:25px;font-weight:700;font-size:20px;line-height:24px}@media only screen and (max-width:480px){.profile__bonus .profile__bonus-item .profile__bonus-amount p span{font-size:16px;margin-right:0;line-height:20px}}.profile__bonus .profile__bonus-program{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}@media only screen and (min-width:320px){.profile__bonus .profile__bonus-program{padding-top:20px}}@media only screen and (min-width:1280px){.profile__bonus .profile__bonus-program{padding-left:30px}}.profile__bonus .profile__bonus-program .profile__bonus-title{margin-bottom:15px;font-weight:700;font-size:20px;line-height:24px;text-align:center}@media only screen and (min-width:320px){.profile__bonus .profile__bonus-program .profile__bonus-title{font-size:16px;line-height:20px}}@media only screen and (min-width:1280px){.profile__bonus .profile__bonus-program .profile__bonus-title{font-size:20px}}.profile__bonus .profile__bonus-program .profile__bonus-images{display:grid;grid-template-columns:repeat(4,1fr);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px 5px}@media only screen and (max-width:560px){.profile__bonus .profile__bonus-program .profile__bonus-images{grid-template-columns:repeat(2,1fr)}}.profile__bonus .profile__bonus-program .profile__bonus-images .profile__bonus-img{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}.profile__bonus .profile__bonus-program .profile__bonus-images .profile__bonus-img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.specOffers-products__slider .specOffers-products__card.swiper-slide{margin:0}.profile-products .specOffers-products__title{text-align:center;font-weight:700}.footer .footer-top .footer-links__group .footer-links__group-title.active+.footer-links__group-content{max-height:100%!important}.profile-edit__checkbox{background:#fff!important}.profile-edit__checkbox *{background:#fff!important}@media only screen and (max-width:560px){.profile-edit__checkbox{margin-top:12px}}.profile-products .specOffers-products__slider.specOffers-products__wrap .card-item{-webkit-box-shadow:none;box-shadow:none}.offers-media{display:grid;widht:100%;grid-area:3/1/4/3;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}@media only screen and (min-width:1280px){.offers-media{margin-top:0}}@media only screen and (max-width:580px){.offers-media{gap:10px}}.offers-media__info{margin-top:11px;font-family:Montserrat;font-style:normal;font-weight:700;font-size:16px;line-height:20px;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-align:center;color:#77176e}@media only screen and (max-width:580px){.offers-media__info{font-size:10px}}.offers-media__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.offers-media__img img,.offers-media__img svg{max-height:55px;max-width:100%}@media only screen and (max-width:580px){.offers-media__img img,.offers-media__img svg{max-height:35px}}.offers-media__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:125px;padding:5px;background:#fff;border-radius: 14px;}@media only screen and (max-width:580px){.offers-media__item{height:100px;border-radius:14px}}.content{color:orange}

.login-block__socials .custom-icon{
    width: 70px;
}
.order-summary-items{
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 20px;


}
.order-summary-items .order-item-small{
    display: flex;
}
.order-summary-items .order-item-small__img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin: 0 15px 0 0 ;
    flex: 0 0 60px;
}
.order-summary.order-summary-new{
    padding: 35px;
}
.order-summary-new .order-item-small{
    position: relative;
}
.order-item-name{
    margin-right: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130.4%;
    /* or 18px */


    /* Text 3 */

    color: #A5A5A5;
}
.order-item-prices{
    display: flex;
    flex-direction:column;
    text-align: right;
    white-space:nowrap
}
.order-item-prices .order-item-priceCurrent{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
}
.order-item-prices .order-item-priceOld{
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    text-decoration-line: line-through;
    color: #707070;
}
.order-item-quantity{
    position: absolute;
    top: 0;
    left: 0;
    border-radius:25px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    background: #2B2B2B;
    display: flex;
    align-items:center;
    justify-content:center;
    padding: 0 6px;
    transform: translate(-50%, -50%);

}
.order-summary-change {
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    text-decoration-line: underline;
    color: #707070;
    margin-bottom: 35px;

}
.order-summary-new .order-summary__total{
    padding-top: 25px;
    position: relative;
}
.order-summary-new .order-summary__total::before{
    content: '';
    position: absolute;
    top: 0;
    left: -35px;
    height: 1px;
    width: calc(100% + 70px);
    background: #E0E0E0;
}
.order-summary-new .order-summary__total .order-summary__result{
    margin-top: 0px;
    padding-top: 0px;
    border: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 10px;
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.order-summary-new .order-summary__total .order-summary__result span{
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: right;
    color: #000000;

}
.order-total__item{
    display: flex;
    justify-content:space-between;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
}
.order-green{
    color: #76B82A;
}
.order-total__item:not(:last-child){
    margin-bottom: 10px;

}
.order-summary-new .checkout__submit-btn{
    margin-top: 25px;
}
.order-total__item span{
    text-align: right;
}
.order-item-small__img img{
    width: 100%;
    height: 100%;


}
.checkout-new .checkout__order{
    max-width: 387px;
}
.order-summary-new .checkout__submit-btn{
    width: 100%;
    max-width: 100%;


}
.checkbox-default .checkbox__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;

}
.checkbox-default .checkbox__text a{
    text-decoration: underline;
    color: #141414;
}

.checkout-new__title-link{
    display: flex;
    flex-wrap:wrap;
    align-items:center;
    gap:22px;
}
.checkout-new__title-link a{
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    text-decoration-line: underline;
    color: #757575;font-weight: 400;

}
.checkout.checkout-new .section-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;

    color: #000000;
}
.checkbox {
    position: relative;
}
.checkbox:not(:last-child) {
    margin-bottom: 0.3125em;
}
.checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.checkbox__input:checked + .checkbox__label:before {
    background: #000;
}
.checkbox__label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 10px;
}
.checkbox__label:before {
    content: "";
    align-self: flex-start;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #a7a9ac;
}
.checkout-new .checkbox-default .checkbox__input + .checkbox__label:before {
    border-radius: 4px;
    border: 1px solid #A5A5A5;
}
.checkout-new  .checkbox-default .checkbox__text a{
    text-decoration: underline;

}
.checkout-new .checkbox-default .checkbox__input:checked + .checkbox__label:before {
    background: #77176E url('/html/css/../img/chk.svg') center center no-repeat;
    border: 1px solid #77176E;
}

.checkout-new .tab__item.delivery-tab{
    background: #fff;
    border-radius: 21px !important;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    height: auto;
    padding: 16px 25px 16px 66px;
    position: relative;
    max-width: 100%;
    width: 290px;
    box-sizing: border-box;
    color: #707070;
    text-align: left;
}
.checkout-new .tab__item.delivery-tab{
}
.checkout-new .tab__item.delivery-tab.current{
    color: #FFFFFF;
    background: #77176E;
}
.checkout-new .delivery-tabs__item.tab__item{
    padding:13px 15px ;

}
.checkout-new .checkout__order{
    margin-left: 20px;
}
.delivery-tab__name{
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;

}
.delivery-tab__info{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: none;

}
.delivery-tab__icon{
    position: absolute;
    top: 16px;left: 0;
    transform: translateX(100%);
}
.checkout-new  .tab__item{
    padding: 10px 25px ;

}
.checkout-new .checkout__main__personal-info .checkout-section__content .tab{
    display:inline-flex;
    box-sizing: border-box;

}
.delivery-textarea{
    display: flex;
    flex-direction: column;
}
.delivery-textarea .input-control{
    background: #FFFFFF;
    border-radius: 25px;
    outline:none;
    border:none;
    resize:none;
    height: 160px;
}
.order-delivery{
    padding-top: 35px;
    position: relative;
    margin-top: 40px;
}
.order-delivery:before{
    content:'';
    position: absolute;
    top: 0;
    left: -40px;
    width: calc(100% + 80px);
    height: 1px;
    background: #E0E0E0;
}
.order-delivery__date{
    display: flex;
    align-items: center;
    padding: 5px;background: #FFFFFF;
    border-radius: 25px;
    margin-bottom: 40px;
    max-width: 100%;
    overflow: auto;
}
.order-delivery__date-item .checkbox__label:before {
    display: none;
}
.order-delivery__date-item{
    height: 100%;
    flex: 1 0 auto;

}
.order-delivery__date-item .checkbox{
    padding: 0px 0px 0px 0px;
    color: #707070;

}
.order-delivery__date-item   .checkbox__text{
    border-radius: 21px;
    width: 100%;
    height: 100%;
    display: flex;
    font-weight: 700;
    flex-direction:column;
    min-height: 40px;
    justify-content:center;align-items: center;
    text-align: left;

    padding: 9px 15px;

}
.order-delivery__date-item   .checkbox__text span{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    flex: 1 1 auto;
    width: 100%;

}
.order-delivery__date-item   .checkbox__text span.checkbox-date{
    font-size: 20px;
    font-weight: 600;
    flex: 0 0 auto;
    line-height: 24px;
    display: flex;
    align-items:center;
}
.order-delivery__date-item   .checkbox__text span.checkbox-date span{
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
}
.order-delivery__date-item .checkbox__input:checked + .checkbox__label .checkbox__text{
    background: #77176E;
    color: #fff;
}
.order-delivery__time{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 575px;
    gap:30px 20px ;
}
.order-delivery__time .checkbox__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    /* Text */

    color: #414141;

}
.order-delivery__time .checkbox{
    padding-left: 0;
}
.order-delivery__time  .checkbox__label:before {
    content: "";
    align-self: flex-start;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid #A5A5A5;
    border-radius: 50%;
    box-sizing: border-box;
}

.order-delivery__time .checkbox__input:checked + .checkbox__label:before {
    border: 5px solid #77176E;;
    background: #fff;

}
.courier-delivery__error{
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #D41930;
    margin-top: 35px;

}
.checkout-new [data-subtab-content]:not(.current){
    display: none;
}
.checkout-new  #map{
    height: 570px;
    width: 100%;
    border-radius: 25px;

}

.checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__imit-radio{
    right: auto;
    left: 20px;
    width: 18px;
    height: 18px;
    top: 12px;
    transform:translateY(25%)
}
.checkout-new    .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item{
    padding-left: 55px;
}
.checkout-new  .pickup-point-item__date{
    position: absolute;
    right: 20px;
    top: 12px;font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    color: #00865E;
}

.checkout-new  .pickup-point-item__name{
    padding-right: 100px;
}
.checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__imit-radio{
    box-sizing: border-box;
    border-radius: 50%;border: 1px solid #A5A5A5;

}
.checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__imit-radio__active-point{
    display: none;

}

.checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item.active .pickup-point-item__imit-radio{
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #77176E ;
}
.checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__work-time,
.checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item__address
{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    max-width: 402px;

    /* Основной */

    color: #2B2B2B;
}

.checkout-new .order-delivery__time-item:last-child .checkbox{
    margin-bottom: 0 ;

}
.checkout-new .payment-tab__item  .checkbox{
    padding-left: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
    display: flex;
    align-items:center;

    /* Text */

    color: #414141;
}
.checkout-new .payment-tab__item .checkbox__label{
    display: flex;
    align-items:center;
}
.checkout-new .payment-tab__item  .checkbox__label:before {
    content: "";
    align-self: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid #A5A5A5;
    border-radius: 50%;

}

.checkout-new .payment-tab__item .checkbox__input:checked + .checkbox__label:before {
    border: 5px solid #77176E;
    background: #fff;

}
.payment-item:not(.active){
    display: none;
}
.input-file{
    position: relative;
    margin-top: 40px;
}
.input-file input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

}

.file-label{
    display: flex;
    justify-content:center;align-items: center;
    padding: 11px 20px;
    background: #FFFFFF;
    border: 1.5px dashed #77176E;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #77176E;
    font-weight: 500;
}
.file-label span{
    margin-right: 12px;
}
.file-item{
    display: flex;
    align-items:center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    /* Text */

    color: #414141;
}
.file-item:first-child{
    margin-top: 30px;
}
.delivery-map {
    border-radius: 25px;
    overflow: hidden;
}
.file-item:not(:last-child){
    margin-bottom: 20px;

}
.file-icon{
    margin-right: 12px;
}
.file-delete{
    margin-left: 20px;
    cursor: pointer;
}
.payment-item__banks{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.payment-item__bank{
    background: #FFFFFF;
    border-radius: 25px;
    padding: 40px 25px 15px ;
}
.payment-item__bank-image{
    margin-bottom: 25px;
    padding: 0px 28px 0px ;

}
.checkout-new .payment-item__bank .checkbox{
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */


    /* Text */

    color: #414141;

}
.payment-item__info{
    padding: 0px 28px 0px ;
    margin-bottom: 25px;

}
.checkout-new .payment-tab__item .checkbox__input:checked + .checkbox__label:before{
    box-sizing: border-box;
}
.checkout-new .payment-tab__item .checkbox__label:before{
    box-sizing: border-box;
}
.checkout-new .payment__methods .delivery-tabs.tab{
    margin-bottom: 0;
}
.checkout-new .payment__methods .delivery-tabs.tab .delivery-tabs__item{
    white-space: nowrap;
}
.checkout-new .payment__methods .delivery-tabs.tab .delivery-tabs__item.active{
    background: #77176E;
    color: #fff;
}
.checkout-new .payment__methods{
    margin-bottom: 40px;
}
.checkout-new .checkout__main__personal-info .checkout-section__content .payment__methods{
    padding: 0px 0px 0px 0px;
    background: transparent;
}
.checkout-new .textarea-paymant .input-wrap{
    display: flex;
    flex-direction: column;

}
.checkout-new .textarea-paymant{
    background: transparent;

}
.checkout-new .textarea-paymant .control-label{
    padding-left: 22px;
}
.checkout-new .textarea-paymant textarea{
    background: #FFFFFF;
    border-radius: 25px;
    overflow: auto;
    height: 150px;
    padding: 15px 22px;
    border: none;
    outline: none;
    resize: none;
}
.checkout-new .textarea-paymant .input-wrap .control-label{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
    color: #757575;
}
.checkout-new .checkout-section__content .checkout__group-chk{
    margin-top: 35px;

}
.checkout-new .checkout__group-chk .checkbox {
    padding-left: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #414141;
}
.order-summary-change a{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */

    text-align: right;
    text-decoration-line: underline;

    /* Text 2 */

    color: #757575;

}

@media (max-width: 1300px){
    .checkout-new.checkout .checkout__main{
        max-width: calc(100% - 407px);
    }
}
@media (max-width: 992px){
    .checkout-new.checkout {
        flex-direction: column;
    }
    .checkout-new.checkout .checkout__main{
        max-width: 100%;
    }
    .checkout-new .checkout__order{
        margin-left: 0;
    }
}
.delivery-tabs{
    max-width: 100%;
    overflow: auto;
    margin-bottom: 35px;
}
.checkout-new .checkout__main__personal-info .checkout-section__content .tabs-big{
    box-sizing: border-box;
}
@media (max-width: 767px){

    .checkout-new .checkout__main__personal-info .checkout-section__content .tabs-big{
        width: 100%;
    }
    .checkout-new .checkout__main__personal-info .checkout-section__content .tabs-big .tab__item{
        width: 100%;
    }


}
@media (max-width: 650px){
    .checkout-new .checkout__main__personal-info .checkout-section__content .tabs-big{
        flex-direction: column;
        gap: 10px;
    }

}
.delivery-tab__info{
    max-width: 200px;
}
.payment-item__checkbox{
    position: relative;
}
/* .checkbox input{
  width: 100%;
  height: 100%;
  position: absolute;
} */
.payment-item__checkbox .checkbox input{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.checkout-new .payment-tab__item .checkbox{
    position: initial;
}

@media (max-width: 1280px){
    @media (min-width:993px){
        .checkout-new .checkout__main__personal-info .checkout-section__content .tab.tabs-big{
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .checkout-new .checkout__main__personal-info .checkout-section__content .tab.tabs-big .delivery-tab{
            width: 100%;
        }
    }

}
.checkout__order{
    order: 1 !important;
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
}
@media (max-width: 480px){
    .checkout-new .checkout__group .tab__item{
        padding: 10px 10px ;

    }
    .checkout-new .checkout__main__personal-info .checkout-section__content .delivery-tabcontent .pickup .location-picker .pickup-point__list .pickup-point-item{
        padding-bottom: 40px;

    }
    .checkout-new .pickup-point-item__name{
        padding-right: 0;
    }
    .checkout-new .pickup-point-item__date{
        top: auto;
        bottom: 10px;
    }

}
@media (max-width: 1200px){
    .order-delivery:before{
        width: calc(100% + 48px);
        left: -24px;
    }
}

@media (max-width: 992px){
    .checkout-new .checkout__order{
        max-width: 100%;
    }
    .order-summary-items .order-item-small{
        justify-content: space-between;
    }
    .order-item-name{
        flex: 1 1 auto;
    }
    .scroll-blur{
        position: relative;
    }
    .scroll-blur::before{
        content: '';
        position: absolute;
        height: 100%;
        right: -1px;
        top: 0;
        width: 40px;
        height: 53px;
        backdrop-filter: blur(0.5px);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.958420868347339) 34%, rgba(255,255,255,1) 100%);
        border-top-right-radius: 25px ;
        border-bottom-right-radius: 25px ;
        opacity: 0.7;
        z-index: 2;
        pointer-events: none;
    }
    .scroll-blur .tab{
        padding-right: 40px;
    }
    .scroll-blur-55.scroll-blur::before{
        height: 64px;

    }
}
.checkout-title{
    text-align: center;
    font-size: 3rem;
    line-height: 1.12;
    font-weight: 700;
    padding: 36px 0;
}
@media (max-width: 767px){
    .order-delivery:before{
        width: calc(100% + 24px);
        left: -12px;
        box-sizing: border-box;
    }
    .checkout-title{
        text-align: center;
        font-size: 2rem;
        line-height: 1.12;
        font-weight: 700;
        padding: 36px 0;
    }

}

/* End */


/* Start:/local/templates/new.kenwood/asset/css/custom.css?175679079628984*/
.accordion__text.active {
    display: block !important;
    max-height: 100% !important;
}

.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

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

.fade:not(.show) {
    opacity: 0
}

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

.modal-open {
    overflow: hidden
}

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

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

.modal-fast-order {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-fast-order {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

.modal.fade.show {
    opacity: 1;
}

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

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

.modal.modal-static .modal-fast-order {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -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;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    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;
    width: 100%;
    pointer-events: auto;
    background-color: #f8f9fa;
    background-clip: padding-box;
    border: none;
    border-radius: .3rem;
    outline: 0
}

.modal-window.modal--auth--open--js.opened .modal-content {
    background-color: unset;
}

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #8693a2;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 3rem;
    font-family: 'Montserrat', 'sans-serif';
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #8693a2;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-fast-order {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal.fade.show .modal--default {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 50vh auto
}

.modal.fade.show .modal--default .modal-body .icon-close {
    display: block;
    margin-top: 15px
}

.modal--default {
    color: #000;
    max-width: none
}

.modal--default .modal-fast-order {
    max-width: none
}

.modal--default .modal-content {
    border: 12px;
    padding: 30px;
    max-width: 460px;
    margin: 0 auto;
    margin-top: 1.75rem
}

.modal--default .modal-content .modal-content {
    padding: 0
}

.modal--default .modal-body {
    padding: 0
}

.modal--default .custom-control {
    color: #8693a2
}

.modal--default .custom-control.custom-checkbox label:hover {
    cursor: pointer;
    color: #59aee4
}

.modal--default .custom-control.custom-checkbox .custom-control-input:not(:disabled):checked~.custom-control-label {
    color: #8693a2
}

.modal--default .close-cookie {
    top: -20px;
    right: -20px;
    line-height: 1;
    padding: .375rem
}

.modal--fullscreen .modal-fast-order,
.modal--fullscreen .modal-content {
    position: absolute;
    max-width: none;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.modal--fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    background-color: rgba(13, 38, 69, .9);
    overflow-y: auto
}

.modal--fullscreen .modal-content .close {
    display: inline-block;
    color: #fff
}

@media (min-width: 576px) {
    .modal--fullscreen .modal-content .close {
        position: fixed;
        top: 32px;
        right: 32px;
        opacity: 1
    }
    .modal--fullscreen .modal-content .close i {
        font-size: 32px
    }
}

.thanks-message {
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 30px 10px 30PX
}

.thanks-message__icon {
    margin-bottom: 20px
}

.thanks-message__title {
    font-size: 24px;
    line-height: 123%;
    text-align: center;
    color: #141414;
    margin-bottom: 16px
}

.thanks-message__text {
    font-size: 16px;
    line-height: 148%;
    text-align: center;
    color: #071a33
}

.thanks-message__text-numOrder {
    color: #59aee4
}

.modal-body-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.modal-body-header .modal-body-header-title {
    font-size: 18px;
    line-height: 20px;
}

.modal-body-header .close {
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
}

.modal-body .preorder-modal__title {
    font-family: 'Montserrat', 'sans-serif';
    font-weight: 500;
    margin-bottom: 15px;
}

.modal-body .input-floating label {
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #a5a5a5;
}

.submit_block_btn {
    text-align: center;
}

.submit_block_btn input {
    color: #fff;
    background-color: #77176e;
    padding: 15px 35px;
    border-radius: 35px;
    border: none;
}

.modal-body .form-control {
    height: 35px;
    border-radius: 20px;
    border: none;
    padding-left: 20px;
}

.modal-body .form-control::placeholder {
    font-weight: 400;
    color: #141414;
}

.has--coupon {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #77176e;
    cursor: pointer;
    margin: 25px 0;
}

.order-item.order_item_delete_notification {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    grid-template-columns: 95%;
}

.order-item.order_item_delete_notification .basket-items-list-item-removed-block {
    margin-right: 25px;
}

.order-item.order_item_delete_notification .basket-items-list-item-removed-block a {
    margin-right: 15px;
    color: #77176e;
    text-decoration: none;
}

.modal-dialog.modal-dialog-background,
.modal-dialog.modal__auth__pop {
    background-color: rgba(0, 0, 0, .6);
    z-index: 900;
}

.modal-dialog.modal--cart--js.active,
.modal-dialog.modal__auth__pop.modal--auth--js.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, .6);*/
    z-index: 1051;
    width: 100%;
    height: 100%
}

.modal-window .bucket .order-checkout {
    opacity: 0;
    visibility: hidden;
    z-index: -100;
    box-sizing: unset;
}

.modal-window.opened .bucket .order-checkout {
    opacity: 1;
    visibility: visible;
    z-index: 12;
}

.modal-content .btn.btn-white.close {
    opacity: 1;
}

.modal-content .btn.btn-purple:hover {
    color: #ffffff;
}

.container-bucket.empty-cart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 620px;
    max-height: 420px;
    height: 100vh;
    width: 100vh;
    font-size: 16px;
    line-height: 22px;
}

.bucket .order-checkout {
    left: 0;
}

button:focus {
    outline: none !important;
}

.basket-items-list-item-removed-block span {
    cursor: pointer;
}

.search--button {
    border: none;
    background: unset;
}

.confirm--block {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.confirm_form_message {
    color: #a5a5a5;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 20px;
    text-align: center;
}

.confirm-form-control {
    color: #555;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    height: 48px;
    margin-top: 8px;
    padding: 0;
    text-indent: 20px;
    border: none;
    width: 70%;
    border-radius: 40px;
}

.send_again_code {
    margin-top: 15px;
    text-align: center;
    color: #77176e;
}

.send_again_code .resend-link {
    color: #77176e;
}

.profile__tabs-link img {
    margin: 8px;
    fill: #141414;
    min-width: 24px
}

.send---code---form .plain {
    margin: 16px 0 22px;
    font-size: 14px;
    line-height: 160%;
    color: #141414;
    font-weight: 400
}

.send---code---form .confirm-form-control {
    width: 100%;
}

.send---code---form .send-code.text-center {
    text-align: center;
}

.send---code---form .modal-code__message {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #555;
    margin-top: 16px;
}

.n-ui-autocomplete {
    width: 100%;
}

.n-ui-autocomplete {
    width: 100%
}

.n-ui-autocomplete .input-floating {
    margin: 0 !important
}

.n-ui-autocomplete .z-index-popup {
    z-index: 202
}

.n-ui-autocomplete .n-ui-popup {
    pointer-events: none
}

.n-ui-autocomplete .n-ui-opened {
    pointer-events: auto
}

.n-ui-autocomplete .not-found__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 12px;
    overflow: hidden
}

.input-floating {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.input-floating:hover label {
    cursor: text;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
}

form .input-floating label {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
}

.input-floating label.label-phone-split-field {
    padding-left: 107px;
    -webkit-transition: padding-left .2s ease-in-out, font-size .2s ease-in-out, top .2s ease-in-out;
    -o-transition: padding-left .2s ease-in-out, font-size .2s ease-in-out, top .2s ease-in-out;
    transition: padding-left .2s ease-in-out, font-size .2s ease-in-out, top .2s ease-in-out
}

.input-floating label.label-phone-split-field-boot {
    color: transparent
}

.input-floating .form-control:-webkit-autofill+label,
.input-floating .form-control:placeholder-shown+label {
    color: #8693a2;
    font-size: 10px;
    line-height: 145%;
    top: 10px
}

.input-floating.active:hover label {
    color: #8693a2
}

.n-ui-autocomplete .z-index-popup {
    z-index: 100
}

.n-ui-autocomplete .n-ui-popup {
    position: absolute;
    opacity: 0;
    -webkit-transform: scaleY(.1);
    -ms-transform: scaleY(.1);
    transform: scaleY(.1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    top: -1px;
    left: 0;
    min-width: 150px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .3);
    border: 1px solid #999;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.n-ui-autocomplete .n-ui-popup.n-ui-opened {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.n-ui-autocomplete .n-ui-popup ul {
    width: 100%;
    list-style: none outside none;
    padding: 0;
    margin: 0
}

.n-ui-autocomplete .n-ui-popup li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden
}

.n-ui-autocomplete .n-ui-popup li.n-ui-selected {
    background-color: #f2d7f4
}

.n-ui-autocomplete .n-ui-popup li.n-ui-selected:hover {
    background-color: #efcff1
}

.n-ui-autocomplete .n-ui-popup .n-ui-nodes {
    padding-left: 15px
}

.n-ui-autocomplete .n-ui-popup .n-ui-node {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.n-ui-autocomplete .n-ui-popup .n-ui-node>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0;
    background-color: #f8f8f8
}

.n-ui-autocomplete .n-ui-popup .n-ui-node>li:hover {
    background-color: #f6e3f7
}

.n-ui-autocomplete .n-ui-popup .n-ui-node>li.n-ui-selected {
    background-color: #f2d7f4
}

.n-ui-autocomplete .n-ui-popup .n-ui-node>li.n-ui-selected:hover {
    background-color: #efcff1
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened>li,
.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed>li {
    padding-left: 30px;
    cursor: pointer
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened>li a,
.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed>li a {
    padding-left: 0
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened .n-ui-toogle,
.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed .n-ui-toogle {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 8px center
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-opened>.n-ui-toogle {
    background-image: url(/acp/img/svg/minus.svg)
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed>.n-ui-toogle {
    background-image: url(/acp/img/svg/plus.svg)
}

.n-ui-autocomplete .n-ui-popup .n-ui-node.n-ui-state-closed .n-ui-nodes {
    display: none
}

.n-ui-autocomplete .n-ui-selected-item {
    display: inline-block;
    max-width: 300px;
    background: #6f8191;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    margin: 0 5px 3px 0;
    cursor: default;
    color: #000
}

.n-ui-autocomplete .n-ui-selected-item .grid.table {
    display: table;
    width: auto;
    margin: 0
}

.n-ui-autocomplete .n-ui-selected-item .grid.table .col {
    display: table-cell
}

.n-ui-autocomplete .n-ui-selected-item.n-ui-unknown-text {
    background: #f1c2c2
}

.n-ui-autocomplete .n-ui-selected-item .n-ui-title {
    padding: 5px 0 5px 10px;
    cursor: default;
    max-width: 270px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.n-ui-autocomplete .n-ui-selected-item .n-ui-close {
    padding: 5px 10px;
    cursor: pointer;
    color: rgba(0, 0, 0, .5);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.n-ui-autocomplete .n-ui-selected-item .n-ui-close:hover {
    color: #000
}

.n-ui-autocomplete .n-ui-values {
    max-height: 250px;
    overflow-y: auto
}

.n-ui-autocomplete .n-ui-more {
    padding: 7px 10px;
    cursor: pointer;
    text-decoration: underline;
    color: #6f8191
}

.modal-content-kenwood-preorder .preorder-modal__button {
    -webkit-box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    box-shadow: 0 9px 13px rgba(119, 23, 110, .12);
    width: 100%;
    background: #77176e;
    color: #fff;
    font-size: 12px;
}

@media only screen and (min-width: 768px) {
    .modal-content-kenwood-preorder .preorder-modal__button {
        margin-top: 24px;
    }
}

.modal-content-kenwood-preorder .thanks-message {
    padding: 15px 30px;
}

.promo__block {
    margin-bottom: 20px;
    margin-top: 15px;
}

.form.form-login .privacy-policy a {
    color: #77176e;
}

.form.form-login .privacy-policy {
    font-size: 10px;
    line-height: 160%;
    font-weight: 400;
    margin-top: 18px;
    text-align: center;
}

.login-block {
    margin: 0 14px 40px;
}

.login-block .title {
    text-align: center;
}

.modal-content-kenwood-preorder .form-control {
    width: 94%;
}

.modal-fast-order .modal-body .form-control {
    width: 86%;
}

.modal-content.modal--similar--products {
    width: 780px;
    background: #ffffff;
}

.modal-dialog.order-modal.similar--modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.modal-dialog.order-modal.similar--modal .buyWithThis {
    background: #f8f9fa;
    position: relative;
    width: auto;
    padding-bottom: 25px;
    padding-top: 25px;
}

.modal-content.modal--similar--products .modal-body {
    padding: 1.5em;
}

.buyWithThis__slider-wrap.similar--slider--wrap {
    padding-left: 50px;
    padding-right: 50px;
}

.similar--modal--button {
    padding-top: 1.5em;
}

.similar--modal--button button {
    background: #77176e;
    line-height: 135%;
    color: #ffffff;
}

.input-floating.preorder-modal__fullname.legal_entity {
    display: flex;
    flex-direction: inherit;
    margin: 12px 0;
}

.input-floating.preorder-modal__fullname.legal_entity label {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    padding-left: 5px;
}

@media only screen and (min-width: 768px) {
    .modal-content.modal--similar--products {
        max-width: 688px
    }
}

.modal.modal--similar.fade .modal-dialog {
    transform: translate(0, 2%);
}

@media only screen and (min-width: 1024px) {
    .modal-content.modal--similar--products {
        max-width: 972px
    }
}

@media only screen and (min-width: 768px) {
    .login-block {
        margin: 0 20px 40px 40px;
    }
}

@media only screen and (min-width: 768px) {
    .form.form-login .privacy-policy {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .send---code---form .plain {
        font-size: 16px
    }
}

@media only screen and (min-width: 768px) {
    .profile__tabs-link img {
        margin: 0 16px 0 0
    }
}

@media (max-width: 1280px) {
    .pagination {
        padding-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .container-bucket.empty-cart-container {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .container-bucket.empty-cart-container {
        max-width: 520px;
        max-height: 380px;
    }
}

@media (max-width: 576px) {
    .modal--fullscreen .modal-content .close-wrapper {
        padding: 15px 0 15px 30px;
        background-color: #0d2645;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
    .modal--fullscreen .modal-content .close {
        margin-right: auto;
        float: none;
        top: 15px;
        left: 32px;
        opacity: 1
    }
    .modal--fullscreen .modal-content .close i {
        font-size: 20px
    }
    .container-bucket.empty-cart-container {
        max-width: 380px;
        max-height: 320px;
    }
    .pagination {
        padding-bottom: 30px;
    }
}

@media (max-width: 420px) {
    .container-bucket.empty-cart-container {
        max-width: 320px;
        max-height: 270px;
    }
}

@media (max-width: 380px) {
    .container-bucket.empty-cart-container {
        max-width: 300px;
        max-height: 250px;
    }
}

.checkout__main__personal-info__header__section-title .auth {
    font-size: 12px;
    color: #77176e;
    margin-left: 10px;
    cursor: pointer;
}

.legal_entity_input {
    width: 13px;
    height: 13px;
    margin: 0;
    cursor: pointer;
}

.legal_entity_label {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    padding-left: 7px;
    cursor: pointer;
}

.cookie-popup .btn {
    border-radius: 40px;
}

body .login-block__socials .custom-icon,
body .login-block__socials .custom-icon svg {
    width: 60px;
    height: 41px;
}

body .bucket .order-summary__promo .promocode-success__code {
    align-items: center;
}

body .card-item__labels .label-gift {
    display: block !important;
    padding: 2px 8px;
}

@media only screen and (max-width: 1024px) {
    body .card-item__labels .label-gift svg {
        width: 10px;
        height: 10px;
    }
}

.preorder--form--wrap form {
    margin: 0 16px;
    padding: 20px 0
}

@media only screen and (min-width: 768px) {
    .preorder--form--wrap form {
        margin: 0 40px;
        padding: 34px 0 30px
    }
}

.modal-content-kenwood-preorder .form-control {
    font-weight: 500;
    line-height: 26px;
    text-indent: 20px;
    padding: 0;
    height: 48px;
    color: #555;
    font-size: 12px;
    margin-top: 4px;
    border: none;
    border-radius: 40px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .modal-content-kenwood-preorder .form-control {
        margin-top: 8px;
        font-size: 14px;
    }
}

.input-floating.promocode label,
.input-floating.preorder-modal__fullname.buy--comment--block label {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
}

body .modal-dialog.modal--cart--js {
    margin: 0;
}

body .modal-dialog.modal--cart--js.active {
    margin: 30px auto;
}

.home-advantages___col {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 24px;
}

.home-advantages___col .advantage-item__logo {
    width: 24px;
    height: 24px;
    margin-right: 18px;
}

.home-advantages___col .advantage-item__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #555;
}

.home-advantages___col .advantage-item__logo img {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .home-advantages___col .advantage-item {
        height: 32px;
    }
    .home-advantages___col .advantage-item__logo {
        width: 32px;
        height: 32px;
    }
    .home-advantages___col .advantage-item {
        height: 32px;
    }
    .home-advantages___col {
        padding: 20px 40px;
    }
}

.home-advantages___col .advantage-item {
    flex: 1 1 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
}

@media (min-width: 576px) {
    .home-advantages___col .advantage-item {
        flex-basis: calc((100% / 2) - 1rem);
    }
}

@media (min-width: 1024px) {
    .home-advantages___col .advantage-item {
        flex-basis: calc((100% / 3) - 2rem);
    }
}

@media only screen and (min-width: 1280px) {
    .home-advantages___col {
        padding: 20px 25px;
        margin-bottom: 40px;
        width: 1150px;
    }
}

@media only screen and (max-width: 1280px) {
    .home-advantages___col {
        padding: 20px 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .home-advantages___col {
        padding: 24px;
        margin: 0;
    }
    .lang-container a {
        font-size: 8px !important;
    }
    .lang-container {
        margin-right: 0;
    }
}

@media (max-width: 576px) {
    .home-advantages___col .advantage-item {
        flex-basis: 100%;
    }
    .home-advantages___col {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        margin: 0 auto;
        padding: 24px;
        width: max-content;
    }
    .modal-content.modal--similar--products {
        width: 400px;
    }
}

@media (max-width: 400px) {
    .modal-content.modal--similar--products {
        width: 350px;
    }
}

.grecaptcha-badge {
    right: -300px!important;
}

.product__card .card__button {
    flex-wrap: wrap;
    gap: 15px;
}

.btn-analog-call,
.product__card .card__button .button__preorder {
    width: calc(100% / 2 - 10px);
    font-size: 10px;
}

.btn-analog-call {
    background: #f8f9fa;
    box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
    border-radius: 40px;
    border: none;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #77176e;
    padding: 13px 14px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, .12);
}

.control-label.preorder-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    font-weight: normal;
    margin-left: 0 !important;
    color: #141414;
}

.input-group.preorder-modal {
    padding: 0;
}

.profile__tabs-link:hover, .profile__tabs-link:active, .profile__tabs-link:focus{
    color: unset;
    text-decoration: none;
}

.promo-select-button {
    background: #f8f9fa;
    margin-top: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #555 !important;
    border: none;
    border-radius: 40px;
    max-height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}

.promo-select-block {
    position: relative;
}

.promo-select-arrow {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    right: 15px;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.promo-select-button option {
    font-size: 16px;
    font-weight: 600;
    color: #141414;
}

.lang-default {
    background: #73176d;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang-container {
    display: flex;
}

.lang-container a {
    text-align:center;
    text-decoration: none;
    font-size: 12px;
    color: white;
}
.whatsapp-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}

/* End */


/* Start:/local/templates/new.kenwood/components/niges/cookiesaccept/.default/style.css?17102204044458*/

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

.alert--fixed {
    padding: 1rem 0;
    position: fixed;
    font-size: 1.125rem;
    z-index: 850;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    color: #000
}

.alert .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.alert .container .row .col-lg-9,  .alert .container .row .col-lg-3{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.alert .container .row .col-md-4 .btn {
    color: #fff;
    border-radius: 40px;
    padding: 15px 2rem;
    font-size: 20px;
    border: 0;
    background-color: #59aee4;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    width: 100%!important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    -webkit-appearance: button;
    outline: 0!important;
    text-transform: none;
    overflow: visible;
    cursor: pointer;
}

.alert .container .row .col-lg-9 p:first-child {
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .alert .container .row .col-md-4 .btn {
        padding: 0.75rem 2rem;
        font-size: 16px;
    }

    .alert--fixed .description {
        font-size: 14px;
    }

    .alert .container .row .col-lg-9 p {
        margin-bottom: 1rem;
    }
}

@media (min-width: 576px) {
    .alert .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .alert .container .row .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .alert .container {
        max-width: 720px;
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 992px) {
    .alert .container {
        max-width: 960px;
    }
    .alert .container .row .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .alert .container .row .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (min-width: 1200px) {
    .alert .container {
        max-width: 1140px;
    }
}

.alert .container {
    padding-left: 60px;
    padding-right: 60px;
    margin-left: auto;
    width: 100%;
    margin-right: auto;
    max-width: 1280px;
}
/* End */


/* Start:/local/components/designcode/auth/templates/auth-popup/style.css?1710220400240*/
.btn_modal {
    width: 100%;
    border: none;
    cursor: pointer;
}

.modal-code input {
    width: 35px;
    height: 43px;
}

.modal-code__text.modal-code__message,
.modal-code__text.modal-code__link {
    display: none;
}
/* End */


/* Start:/local/templates/new.kenwood/components/designcode/sale.basket.basket/sale_basket_popup/style.css?1710220404422*/
.modal-content.pop-up-basket {
	box-sizing: unset;
}

#sc-cart-container div.empty {
	width: unset;
	height: unset;
	overflow: unset;
}

.not-available.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.not-available-item {
	margin-top: 3.5em;
}

.not_available_title {
	font-size: 1.5em;
	line-height: 1.7em;
	font-weight: 600;
}

.not_available_description {
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 500;
}
/* End */


/* Start:/local/templates/new.kenwood/template_styles.css?17102204042*/



/* End */
/* /local/templates/new.kenwood/asset/css/preloader.css?17102204011459 */
/* /html/css/vendor.css?175827791837395 */
/* /html/css/site.css?17582784581204706 */
/* /html/css/main.min.css?171022022928193 */
/* /local/templates/new.kenwood/asset/css/custom.css?175679079628984 */
/* /local/templates/new.kenwood/components/niges/cookiesaccept/.default/style.css?17102204044458 */
/* /local/components/designcode/auth/templates/auth-popup/style.css?1710220400240 */
/* /local/templates/new.kenwood/components/designcode/sale.basket.basket/sale_basket_popup/style.css?1710220404422 */
/* /local/templates/new.kenwood/template_styles.css?17102204042 */