body {
    font-family: 'Arial AMU', sans-serif;
    margin: 0
}

body.no-scroll {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    margin-bottom: 0
}

ul, ol {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

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

@font-face {
    font-family: 'kaiser-icon';
    src: url("../../assets/fonts/icon-font/fonts/kaiser-icon.eot?mpw1nk");
    src: url("../../assets/fonts/icon-font/fonts/kaiser-icon.eot?mpw1nk#iefix") format("embedded-opentype"), url("../../assets/fonts/icon-font/fonts/kaiser-icon.ttf?mpw1nk") format("truetype"), url("../../assets/fonts/icon-font/fonts/kaiser-icon.woff?mpw1nk") format("woff"), url("../../assets/fonts/icon-font/fonts/kaiser-icon.svg?mpw1nk#kaiser-icon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="ksr-"], [class*=" ksr-"] {
    font-family: 'kaiser-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ksr-edit-icon:before {
    content: "\e915"
}

.ksr-eye-icon:before {
    content: "\e914"
}

.ksr-notification-icon:before {
    content: "\e913"
}

.ksr-calendar-icon:before {
    content: "\e912"
}

.ksr-logout-icon:before {
    content: "\e911"
}

.ksr-view-grid-icon:before {
    content: "\e90f"
}

.ksr-view-list-icon:before {
    content: "\e910"
}

.ksr-star-icon:before {
    content: "\e90e"
}

.ksr-basket-icon:before {
    content: "\e900"
}

.ksr-burger-icon:before {
    content: "\e901"
}

.ksr-favorite-1-icon:before {
    content: "\e902"
}

.ksr-favorite-2-icon:before {
    content: "\e903"
}

.ksr-minus-icon:before {
    content: "\e904"
}

.ksr-next-icon:before {
    content: "\e905"
}

.ksr-next-more-icon:before {
    content: "\e906"
}

.ksr-phone-icon:before {
    content: "\e907"
}

.ksr-pin-icon:before {
    content: "\e908"
}

.ksr-plus-icon:before {
    content: "\e909"
}

.ksr-search-icon:before {
    content: "\e90a"
}

.ksr-select-icon:before {
    content: "\e90b"
}

.ksr-tick-icon:before {
    content: "\e90c"
}

.ksr-user-icon:before {
    content: "\e90d"
}

@font-face {
    font-family: 'Arial AMU';
    src: url("../../assets/fonts/ArialAMU.eot");
    src: url("../../assets/fonts/ArialAMU.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/ArialAMU.woff2") format("woff2"), url("../../assets/fonts/ArialAMU.woff") format("woff"), url("../../assets/fonts/ArialAMU.ttf") format("truetype"), url("../../assets/fonts/ArialAMU.svg#ArialAMU") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Arial AMU';
    src: url("../../assets/fonts/ArialAMU-Bold.eot");
    src: url("../../assets/fonts/ArialAMU-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/ArialAMU-Bold.woff2") format("woff2"), url("../../assets/fonts/ArialAMU-Bold.woff") format("woff"), url("../../assets/fonts/ArialAMU-Bold.ttf") format("truetype"), url("../../assets/fonts/ArialAMU-Bold.svg#ArialAMU-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../assets/fonts/Montserrat-Bold.eot");
    src: url("../../assets/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Bold.woff") format("woff"), url("../../assets/fonts/Montserrat-Bold.ttf") format("truetype"), url("../../assets/fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: fallback
}

html.story-font-size {
    font-size: 1.0674vmin
}

.ks-wrapper {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box
}

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

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

::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

::-webkit-scrollbar-thumb {
    background-color: #ff001f;
    border-radius: 2px
}

input, textarea, select, button {
    font-family: 'Arial AMU', sans-serif
}

input[type="password"] {
    font-family: 'Roboto', sans-serif
}

.ks-main-body {
    width: 100%
}

.ks-tel-input {
    padding-left: 90px !important
}

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

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

.alert {
    position: relative
}

.ks-profile-data-modal-body .ks-profile-page-field-col .iti--allow-dropdown {
    margin-bottom: 10px !important
}

.alert-danger {
    color: #ff324d
}

.alert-success {
    color: #83AF40
}

@media all and (max-width: 1280px) {
    .ks-wrapper {
        padding-right: 15px;
        padding-left: 15px
    }
}

@-moz-document url-prefix() {
    html {
        scrollbar-width: thin;
        scrollbar-color: #ff001f #ffffff
    }
}

.close-any-popup {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem
}

.close-any-popup button {
    background-color: transparent;
    border: none;
    outline: none;
    color: #4a90e2;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    text-transform: capitalize;
    font-weight: 700;
    cursor: pointer
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min, .irs-max {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: -7px;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: none
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 6px;
    background-color: #d8d8d8;
    border-radius: 3px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 6px;
    background-color: transparent
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 18px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: solid 2px #979797;
    background-color: #ffffff;
    transition: background-color .24s ease-in-out, border .24s ease-in-out
}

.irs--flat .irs-handle:hover {
    border: solid 2px #ffffff;
    background-color: #ff324d
}

.irs--flat .irs-min, .irs--flat .irs-max {
    display: none
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    font-size: 15px;
    color: #000000
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, #fff 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #fff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, #fff 0%, #B4B9BE 30%, #fff 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px #fff;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, #fff 0%, #919BA5 30%, #fff 100%)
}

.irs--big .irs-min, .irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle > i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, #fff 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #fff 0%, #919ba5 30%, #fff 100%)
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-min, .irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
    border-top-color: black
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-min, .irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-min, .irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

.ks-filter-range {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px
}

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2
}

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    border: 1px solid #bfbfbf;
    background-color: #efefef;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    font-family: Arial, sans-serif;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: initial;
    box-sizing: initial
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block
}

.date-picker-wrapper.single-date {
    width: auto
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline
}

.date-picker-wrapper .month-name {
    text-transform: uppercase
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: .01
}

.date-picker-wrapper .month-wrapper {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    cursor: default;
    position: relative;
    _overflow: hidden
}

.date-picker-wrapper .month-wrapper table {
    width: 190px;
    float: left
}

.date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: left
}

.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0;
    padding: 0
}

.date-picker-wrapper .month-wrapper table .day {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #ccc;
    cursor: default
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #9cdbf7
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: uppercase
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap
}

.date-picker-wrapper .time label {
    white-space: nowrap
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #333;
    cursor: pointer
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #cdecfa
}

.date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth {
    display: none
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #ffe684
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5
}

.date-picker-wrapper table .caption {
    height: 40px
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
    width: 27px
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
    background-color: #ccc;
    color: #fff
}

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0
}

.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden
}

.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #eee;
    z-index: 3
}

.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #eee;
    z-index: 3
}

.date-picker-wrapper .selected-days {
    display: none
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
    display: none
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #333
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    color: #fff;
    line-height: initial
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')
}

.date-picker-wrapper .time {
    position: relative
}

.date-picker-wrapper.single-month .time {
    display: block
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.date-picker-wrapper .time1 {
    float: left
}

.date-picker-wrapper .time2 {
    float: right
}

.date-picker-wrapper .hour {
    text-align: right
}

.minute {
    text-align: right
}

.date-picker-wrapper .hide {
    display: none
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
    background-color: #49e !important;
    color: #fff !important
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: none;
    background-color: #ff0;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3))
}

.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ff0;
    left: 50%;
    margin-left: -4px;
    bottom: -4px
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: 700
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

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

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

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

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

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

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

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

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

.swiper-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, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 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, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 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, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 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, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-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(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    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-active {
    opacity: 1;
    background: #007aff
}

.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%);
    -ms-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: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.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%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-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-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 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, 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: 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%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

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

.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;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-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;
    -ms-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;
    -ms-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%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.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
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.ks-header-wrapper {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 8
}

header.ks-header {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 5px;
    height: 94px;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
    z-index: 99999
}

header.ks-header.go-down {
    z-index: 999
}

header.ks-header.go-downer {
    z-index: 9
}

header.ks-header .ks-wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header.ks-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #354054
}

.ks-logo {
    display: block;
    height: 60px
}

.ks-header-fav-block {
    display: none
}

.ks-mobile-nav-row {
    display: none
}

@media all and (min-width: 1025px) {
    .ks-header-fav-block {
        display: block;
        margin-right: 19px;
        font-size: 22px;
        cursor: pointer;
        position: relative
    }

    .ks-header-fav-block:hover, .ks-header-fav-block:not(.no_after) {
        color: #ff001f
    }

    .ks-header-fav-block:hover:before, .ks-header-fav-block:not(.no_after):before {
        content: "\e903"
    }

    .ks-header-fav-block:after {
        content: attr(data-count);
        position: absolute;
        top: -6px;
        right: -8px;
        padding-right: 4px;
        padding-left: 4px;
        background-color: #4a90e2;
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 10px;
        line-height: 13px;
        font-weight: 700;
        border-radius: 2px
    }

    .ks-header-fav-block.no_after:after {
        display: none
    }
}

.ks-header-actions {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transform: translateY(0);
    position: relative;
    z-index: 2
}

.ks-search-wrapper {
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -260px;
    margin-top: -25px
}

.ks-search-overlay {
    display: none
}

.ks-search-result-block {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #cccccc;
    display: none;
    outline: none;
    z-index: 999999
}

.ks-search-result-block.goDown {
    z-index: 4
}

.ks-search-result-block.active {
    display: block
}

.ks-search-result-block.active + .ks-search-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999
}

.ks-search-result-block.active + .ks-search-overlay.goDown {
    z-index: 3
}

.ks-search-result-title {
    font-size: 22px;
    font-weight: bold;
    color: #1d1d1d;
    padding-bottom: 15px;
    padding-left: 14px;
    padding-right: 14px
}

.ks-search-result-list {
    width: 100%
}

.ks-search-result-list.loading {
    position: relative
}

.ks-search-result-list.loading .ks-search-result-list-el {
    opacity: 0
}

.ks-search-result-list.loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-image: url("./../../assets/img/loader.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    animation: loadingInfinite 0.8s infinite linear
}

@keyframes loadingInfinite {
    0% {
        transform: translate(-50%, -50%) rotateZ(0)
    }
    100% {
        transform: translate(-50%, -50%) rotateZ(360deg)
    }
}

.ks-search-result-list-el {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    padding-right: 191px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative
}

.ks-search-result-list-el:last-child {
    border-bottom: none
}

.ks-search-result-list-el .ks-prod-to-cart {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.ks-search-result-list-el .ks-prod-counter {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.ks-search-result-image {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.ks-search-field {
    height: 50px;
    position: relative
}

.ks-search-label {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #9b9b9b;
    cursor: text
}

.ks-search-result-text-info {
    padding-left: 20px;
    padding-top: 12px
}

.ks-search-result-prod-name {
    font-size: 15px;
    color: #000000;
    padding-bottom: 5px;
    display: block
}

.ks-search-result-prod-price {
    font-size: 15px;
    font-weight: bold;
    color: #d0021b
}

.ks-search-input {
    width: 520px;
    height: 100%;
    padding-left: 25px;
    padding-right: 85px;
    border-radius: 25px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    outline: none;
    box-sizing: border-box;
    font-size: 15px;
    color: #1d1d1d;
    position: relative;
    z-index: 999999
}

.ks-search-input.goDown {
    z-index: 4
}

.ks-search-input:focus + .ks-search-label {
    display: none
}

.ks-search-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 0 25px 25px 0;
    z-index: 999999
}

.ks-search-button.goDown {
    z-index: 4
}

.ks-search-button i {
    font-size: 20px;
    color: #1d1d1d
}

.ks-action-side-panel {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ks-curr-block {
    margin-right: 8px
}

.ks-lang-block {
    margin-right: 10px
}

.ks-authorisation-block {
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 30px
}

.ks-authorisation-block-dropdown-wrapper {
    position: absolute;
    top: 0;
    padding-top: 40px;
    right: 0;
    width: 250px;
    z-index: 2;
    display: none
}

div.ks-user-dropdown-parent {
    position: relative;
    color: #4a90e2 !important
}

div.ks-user-dropdown-parent:hover {
    color: #000 !important
}

div.ks-user-dropdown-parent i {
    position: static;
    margin-left: 10px;
    top: 50%;
    right: -19px;
    font-size: 12px;
    transform: translateY(-44%);
    color: #000;
    transition: transform .24s ease-in-out
}

span.ks-user-dropdown-parent {
    color: #000 !important
}

.ks-user-dropdown-parent:focus {
    outline: none
}

.ks-user-dropdown-parent:focus i {
    transform: translateY(-44%) rotate(180deg)
}

.ks-user-dropdown-parent:focus ~ .ks-authorisation-block-dropdown-wrapper {
    display: block
}

.ks-authorisation-block-dropdown {
    border: solid 1px #dee2e6;
    background-color: #ffffff;
    padding-top: 2px;
    width: 100%
}

.ks-authorisation-block-dropdown-el {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #dee2e6;
    font-size: 14px;
    font-weight: normal;
    color: #1d1d1d;
    transition: color .24s linear
}

.ks-authorisation-block-dropdown-el a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.ks-authorisation-block-dropdown-el a i {
    margin-right: 10px
}

.ks-authorisation-block-dropdown-el:hover {
    color: #ff324d
}

.ks-authorisation-block-logout {
    background-color: #f2f2f2
}

.ks-profile-icon {
    font-size: 20px;
    margin-right: 12px;
    color: #354054;
    transition: color .24s ease-in-out
}

.ks-authorisation-label {
    font-size: 14px;
    color: #1d1d1d;
    transition: color .24s ease-in-out
}

a.ks-authorisation-block:hover .ks-authorisation-label, a.ks-authorisation-block:hover .ks-profile-icon {
    color: #ff001f
}

.ks-cart-block {
    padding-left: 15px;
    padding-right: 15px;
    height: 46px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px
}

.ks-notif-block {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: -15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    color: #354054;
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.ks-notif-block span {
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    outline: none
}

.ks-notif-block span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ks-notif-block span:after {
    content: attr(data-notif);
    position: absolute;
    top: 7px;
    right: 7px;
    padding-right: 4px;
    padding-left: 4px;
    background-color: #4a90e2;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    font-weight: 700;
    border-radius: 2px
}

.ks-notif-block span:focus + .ks-notif-list-block {
    display: block
}

.ks-cart-icon {
    position: relative;
    font-size: 20px;
    color: #354054
}

.ks-cart-icon:after {
    content: attr(data-count);
    position: absolute;
    top: -6px;
    right: -8px;
    padding-right: 4px;
    padding-left: 4px;
    background-color: #ff0000;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    font-weight: 700;
    border-radius: 2px
}

.ks-mobile-search-button {
    display: none
}

.ks-mobile-hidden-burger {
    display: none
}

.ks-dropdown-inner .ks-dropdown-list-wrapper p {
    font-size: 14px;
    color: #1d1d1d;
    text-transform: uppercase;
    padding-left: 12px;
    box-sizing: border-box;
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.ks-dropdown-inner.curr:hover {
    margin-top: 55px;
    padding-top: 10px;
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08)
}

.ks-dropdown-inner.curr:hover .ks-dropdown-list-wrapper {
    display: block
}

.ks-dropdown-inner:not(.curr):hover {
    margin-top: 55px;
    padding-top: 10px;
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08)
}

.ks-dropdown-inner:not(.curr):hover .ks-dropdown-list-wrapper {
    display: block
}

.ks-dropdown-list {
    padding-top: 5px;
    padding-bottom: 5px
}

.ks-dropdown-list-el a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 28px;
    padding-left: 12px;
    text-transform: uppercase;
    font-size: 14px;
    color: #1d1d1d
}

.ks-dropdown-list-el:hover {
    transition: color .24s ease-in-out
}

.ks-dropdown-list-el:hover a {
    color: #ff001f
}

.ks-dropdown-list-el:hover img {
    border: 1px solid #ff001f
}

.ks-dropdown-list-el img {
    width: 28px;
    display: block;
    height: 18px;
    object-fit: cover;
    border: 1px solid transparent;
    transition: border .24s ease-in-out
}

.ks-mobile-search-modal {
    display: none
}

.ks-burger-menu {
    display: none
}

.ks-burger-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px
}

.ks-notif-list-block {
    position: fixed;
    display: none;
    z-index: 999;
    padding-top: 73px;
    top: 0;
    right: -16px;
    width: 360px;
    box-sizing: border-box;
    max-height: calc(100vh - 20px)
}

.ks-notif-list {
    width: 100%;
    height: calc(100vh - 140px);
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-top: 9px;
    padding-bottom: 32px;
    overflow: auto
}

.ks-notig-list-el {
    width: 100%;
    height: 85px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.ks-notig-list-el a {
    width: 100%;
    height: 100%;
    padding: 20px 40px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box
}

.ks-notig-list-el:after {
    content: "";
    position: absolute;
    top: 27px;
    right: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.ks-notig-list-el[data-viewed="true"]:after {
    background-color: #4a90e2
}

.ks-notig-list-el[data-viewed="false"]:after {
    background-color: #ccc
}

.ks-notif-label {
    width: 100%;
    height: 36px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #1d1d1d;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ks-notif-date {
    font-size: 12px;
    color: #9b9b9b;
    width: 100%;
    display: block;
    text-align: left
}

@media all and (max-width: 1600px) {
    .ks-user-last-name {
        display: none
    }
}

@media all and (max-width: 1542px) {
    .ks-search-wrapper {
        left: auto;
        right: 510px
    }
}

@media all and (max-width: 1280px) {
    .ks-action-side-panel {
        margin-left: 30px
    }

    .ks-search-wrapper {
        left: auto;
        right: 511px
    }

    .ks-notif-block {
        margin-right: 0
    }

    .ks-notif-list-block {
        right: 0
    }
}

@media all and (max-width: 1190px) {
    .ks-search-wrapper {
        width: auto;
        left: 209px;
        margin-left: 0
    }

    .ks-search-wrapper .ks-search-field, .ks-search-wrapper .ks-search-input {
        width: 100%
    }
}

@media all and (max-width: 1080px) {
    .ks-search-result-image {
        width: 60px;
        height: 60px
    }
}

.ks-burger-fav-button {
    display: none
}

.ks-burger-cat-icon {
    margin-right: 10px;
    height: 18px
}

.ks-category-page-wrapper {
    margin-bottom: 30px
}

.ks-category-el-wrapper {
    width: calc(100% + 15px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.ks-category-el-wrapper .ks-cat-grid-el {
    width: calc(20% - 17px);
    margin-right: 15px;
    margin-bottom: 15px
}

@media all and (max-width: 1110px) {
    .ks-category-el-wrapper .ks-cat-grid-el {
        width: calc(33.3333% - 17px);
        margin-right: 15px;
        margin-bottom: 15px
    }
}

@media all and (max-width: 1024px) {
    header.ks-header {
        height: 75px
    }

    .ks-authorisation-label {
        display: flex;
        align-items: center
    }

    div.ks-user-dropdown-parent i {
        transform: translateY(0)
    }

    .ks-notif-list-block {
        right: 50px
    }

    .ks-notif-block {
        position: absolute;
        right: 62px
    }

    .ks-burger-fav-button {
        font-size: 22px;
        height: 100%;
        display: flex;
        align-items: center;
        padding-top: 12px;
        margin-left: 36px;
        position: relative
    }

    .ks-burger-fav-button:after {
        content: attr(data-count);
        position: absolute;
        top: 23px;
        right: -8px;
        padding-right: 4px;
        padding-left: 4px;
        background-color: #4a90e2;
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 10px;
        line-height: 13px;
        font-weight: 700;
        border-radius: 2px
    }

    .ks-burger-fav-button:not(.no_after) {
        color: #ff001f
    }

    .ks-burger-fav-button:not(.no_after):before {
        content: "\e903"
    }

    .ks-burger-fav-button.no_after:after {
        display: none
    }

    .ks-logo {
        height: 44px
    }

    .ks-mobile-search-button {
        display: block;
        background-color: transparent;
        outline: none;
        border: none;
        font-size: 20px;
        position: absolute;
        right: 156px;
        top: 50%;
        transform: translateY(-50%)
    }

    .ks-mobile-search-button:nth-last-child(4) {
        right: 106px
    }

    .ks-authorisation-block {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 187px
    }

    .ks-authorisation-block:nth-last-child(5) {
        right: 140px
    }

    .ks-search-wrapper {
        display: none
    }

    .ks-cart-block {
        position: absolute;
        right: 97px;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 0
    }

    .ks-cart-block:nth-last-child(3) {
        right: 54px
    }

    .ks-mobile-hidden-burger {
        display: block;
        width: 25px;
        height: 50px;
        background-color: transparent;
        border: none;
        outline: none;
        padding-right: 15px;
        position: absolute;
        right: 15px;
        top: 53%;
        transform: translateY(-50%);
        margin-right: 10px;
        z-index: 4
    }

    .ks-mobile-hidden-burger span {
        position: absolute;
        top: 50%;
        right: 0;
        width: 20px;
        height: 2px;
        transform: translateY(-50%);
        display: block;
        background-color: #353739;
        transition: all .24s ease-in-out
    }

    .ks-mobile-hidden-burger span:after {
        content: "";
        position: absolute;
        top: -7px;
        left: 0;
        width: 100%;
        height: 2px;
        transform: translateY(50%);
        background-color: #353739;
        display: block;
        transition: all .24s ease-in-out
    }

    .ks-mobile-hidden-burger span:before {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 0;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
        background-color: #353739;
        display: block
    }

    .ks-mobile-hidden-burger.active span {
        transform: rotate(45deg);
        top: 45%
    }

    .ks-mobile-hidden-burger.active span:before {
        display: none
    }

    .ks-mobile-hidden-burger.active span:after {
        transform: rotate(-90deg);
        top: 0
    }

    .ks-mobile-nav-row {
        display: block;
        width: 100%;
        height: 50px;
        background-color: #354054
    }

    .ks-mobile-search-modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 74px 15px 20px 15px;
        box-sizing: border-box
    }

    .ks-mobile-search-modal.active {
        display: block
    }

    .ks-mobile-search-field {
        width: 100%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        height: 50px;
        margin-bottom: 20px
    }

    .ks-mobile-search-field + .ks-prod-grid {
        display: none !important
    }

    .ks-mobile-search-field .ks-mobile-search-input {
        width: 100%;
        height: 100%;
        padding-left: 25px;
        padding-right: 25px;
        border-radius: 25px;
        border: solid 1px #cccccc;
        background-color: #ffffff;
        outline: none;
        box-sizing: border-box;
        font-size: 15px;
        color: #1d1d1d;
        position: relative;
        z-index: 3
    }

    .ks-mobile-search-field .ks-mobile-search-button {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        outline: none;
        border: none;
        cursor: pointer;
        border-radius: 0 25px 25px 0;
        z-index: 3;
        box-sizing: border-box;
        padding: 0;
        transform: translateY(0)
    }

    .ks-mobile-search-modal .ks-prod-grid-el {
        background-color: #fff;
        margin-right: 20px;
        margin-bottom: 20px;
        width: calc(33.3333% - 20px) !important
    }

    .ks-mobile-search-modal .ks-prod-grid {
        height: calc(100% - 70px);
        overflow: auto
    }

    .ks-mobile-search-modal-close {
        position: absolute;
        top: 30px;
        right: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff;
        cursor: pointer
    }

    .ks-mobile-search-modal-close:after {
        content: "";
        width: 20px;
        height: 2px;
        background-color: #000;
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 31%
    }

    .ks-mobile-search-modal-close:before {
        content: "";
        width: 20px;
        height: 2px;
        background-color: #000;
        transform: rotate(-45deg);
        position: absolute;
        top: 50%;
        left: 31%
    }

    .ks-burger-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        height: 100%;
        opacity: 0;
        display: block;
        padding-top: 60px;
        box-sizing: border-box;
        z-index: 3;
        pointer-events: none
    }

    .ks-burger-menu.active {
        opacity: 1;
        pointer-events: auto
    }

    .ks-burger-menu.active .ks-burger-header, .ks-burger-menu.active .ks-burger-body {
        top: 0
    }

    .ks-burger-menu-overflow {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7)
    }

    .ks-burger-header {
        width: 100%;
        height: 60px;
        padding-top: 5px;
        padding-left: 15px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        position: absolute;
        top: -100%;
        box-sizing: border-box;
        z-index: 2;
        background-color: #fff;
        right: 0;
        transition: right .24s ease-in-out
    }

    .ks-burger-header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: rgba(255, 255, 255, 0.2)
    }

    .ks-burger-header img {
        height: 44px
    }

    .ks-burger-body {
        width: 100%;
        height: 100%;
        padding-top: 11px;
        box-sizing: border-box;
        position: relative;
        background-color: #fff;
        padding-bottom: 80px;
        z-index: 2;
        right: 0;
        transition: right .24s ease-in-out
    }

    .ks-burger-list {
        width: 100%;
        height: 100%;
        overflow: auto;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        padding-top: 15px
    }

    .ks-burger-list-title {
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 15px
    }

    .ks-burger-page-list {
        width: 100%;
        margin-bottom: 30px
    }

    .ks-burger-page-el {
        width: 100%
    }

    .ks-burger-page-el a {
        display: block;
        padding: 10px 0
    }

    .ks-burger-list-el {
        width: 100%;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        position: relative
    }

    .ks-burger-list-el:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.2)
    }

    .ks-burger-list-el:after {
        content: "";
        position: absolute;
        top: 0;
        pointer-events: none;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e2e2e2
    }

    .ks-burger-list-el.active .ks-burger-submenu-button {
        transform: rotate(180deg)
    }

    .ks-burger-list-el-inner {
        width: 100%;
        height: 45px;
        position: relative
    }

    .ks-burger-submenu {
        width: 100%;
        display: none;
        transition: max-height .24s linear, padding-bottom .24s linear
    }

    .ks-burger-submenu-el {
        font-size: 14px;
        height: 30px
    }

    .ks-burger-submenu-el a {
        display: flex;
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }

    .ks-burger-submenu-button {
        position: absolute;
        right: 0;
        top: 0;
        width: 36px;
        height: 45px;
        font-size: 11px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: tranform .24s ease-in-out
    }

    .ks-burger-list-el-link {
        color: #353739;
        font-size: 15px;
        text-transform: capitalize;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center
    }

    .ks-authorisation-block-dropdown-wrapper {
        position: fixed;
        right: -130px
    }
}

@media all and (max-width: 780px) {
    .ks-pages-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box
    }

    .ks-pages-wrapper .ks-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (max-width: 580px) {
    .ks-category-el-wrapper .ks-cat-grid-el {
        width: calc(50% - 17px)
    }
}

.ks-burger-action-row {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    box-sizing: border-box
}

.ks-burger-action-row:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #cfcfcf
}

.ks-burger-lang-el {
    margin-left: 20px;
    position: relative
}

.ks-burger-lang-el:first-child {
    margin-left: 0
}

.ks-burger-lang-el a {
    display: block;
    height: 23px
}

.ks-burger-lang-el img {
    width: 37px;
    height: 23px;
    object-fit: cover
}

.ks-burger-lang-el.active:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 1px solid #353739;
    border-radius: 4px;
    pointer-events: none
}

.ks-burger-lang-block {
    height: 100%;
    padding-top: 11px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ks-burger-curr-block {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

.ks-burger-curr-el {
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    position: relative
}

.ks-burger-curr-el .ks-burger-curr-el-inner {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ks-burger-curr-el .ks-burger-curr-el-inner a {
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #ff001f;
    color: #000
}

.ks-burger-curr-el.active a {
    background-color: #ff001f;
    color: #fff
}

.ks-burger-curr-label {
    font-size: 12px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: #94999f
}

.ks-mobile-nav-list-wrapper-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
    display: none
}

.ks-mobile-nav-list-wrapper-block.active {
    display: block;
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-name: fadeIn
}

.ks-mobile-nav-list-wrapper-block .ks-mobile-nav-list-wrapper {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-name: fadeInRight
}

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

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

.ks-mobile-nav-row-button {
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    padding-left: 17px;
    text-transform: uppercase;
    cursor: pointer
}

.ks-mobile-nav-list-wrapper {
    width: 100%;
    max-width: 300px;
    height: 100%;
    background-color: #fff;
    padding-top: 50px;
    position: relative
}

.ks-mobile-nav-list-title {
    position: absolute;
    top: 23px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5)
}

.ks-mobile-nav-list {
    width: 100%;
    height: 100%;
    overflow: auto
}

.ks-mobile-nav-list-submenu-wrapper {
    width: 100%;
    background-color: #fff;
    transition: width .24s ease-in-out;
    padding-left: 10px;
    display: none
}

.ks-mobile-nav-list-submenu-wrapper.active {
    width: 300px
}

.ks-mobile-nav-list-submenu-inner {
    width: 100%;
    background-color: #fff
}

.ks-mobile-nav-list-category-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 30px;
    box-sizing: border-box
}

.ks-mobile-nav-list-category-name button {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 50px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent
}

.ks-mobile-nav-list-category-name button:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-left: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    transform: rotate(45deg) translate(-50%, -50%)
}

.ks-mobile-nav-list-category-name h5 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 100
}

.ks-mobile-nav-list-el:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.ks-mobile-nav-list-el > div {
    position: relative
}

.ks-mobile-nav-list-el.active .ks-mobile-nav-list-dropdown:after {
    transform: rotate(225deg)
}

.ks-mobile-nav-list-el-label {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    height: 50px;
    font-size: 14px
}

.ks-mobile-nav-list-el-label img {
    width: 32px;
    margin-right: 10px
}

.ks-mobile-nav-list-el-label:not(:only-child) {
    position: relative;
    padding-right: 40px
}

.ks-mobile-nav-list-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    outline: none;
    width: 30px;
    height: 100%
}

.ks-mobile-nav-list-dropdown:after {
    content: "";
    position: absolute;
    top: 33%;
    left: 13%;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-right: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    transition: transform .24s ease-in-out
}

.ks-mobile-nav-list-submenu ul li {
    height: 50px
}

.ks-mobile-nav-list-submenu ul li:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.ks-mobile-nav-list-submenu ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    box-sizing: border-box
}

.ks-mobile-nav-list-submenu ul li a img {
    width: 32px;
    margin-right: 10px
}

.cookies_message_modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    box-sizing: border-box
}

.cookies_message_modal.active {
    display: flex
}

.cookies_message_modal_body {
    position: absolute;
    width: 100%;
    max-width: 600px;
    padding: 40px 20px 20px;
    background-color: #353739;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    border-radius: 7px
}

.cookies_message_title {
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 20px
}

.cookies_message_paragraph {
    color: #fff;
    font-size: 14px;
    margin-right: 20px
}

.cookies_message_button {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    height: 30px;
    display: flex;
    align-items: center;
    background-color: #ff324d;
    border: none;
    outline: none;
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
    cursor: pointer
}

.ks-mobile-nav-tab-wrapper {
    width: 100%;
    height: 100%;
    display: flex
}

.ks-mobile-nav-tab-el {
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
    position: relative;
    z-index: 99;
    cursor: pointer
}

@media all and (min-width: 561px) {
    .ks-mobile-nav-tab-el {
        padding-left: 50px;
        padding-right: 50px;
        background-color: #46536a;
        margin-right: 1px
    }

    .ks-mobile-nav-tab-el span:first-child {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 2px;
        background-color: #fff;
        display: block
    }

    .ks-mobile-nav-tab-el span:first-child:after {
        content: "";
        position: absolute;
        left: 0;
        top: -5px;
        width: 100%;
        height: 2px;
        background-color: #fff
    }

    .ks-mobile-nav-tab-el span:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 2px;
        background-color: #fff
    }
}

.ks-mobile-nav-tab-el span:last-child {
    position: absolute;
    right: 20px;
    top: 46%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: block
}

.ks-mobile-nav-tab-el.active {
    background-color: #fff;
    color: #353739
}

@media all and (min-width: 561px) {
    .ks-mobile-nav-tab-el.active span:first-child {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 2px;
        background-color: #353739;
        display: block
    }

    .ks-mobile-nav-tab-el.active span:first-child:after {
        content: "";
        position: absolute;
        left: 0;
        top: -5px;
        width: 100%;
        height: 2px;
        background-color: #353739
    }

    .ks-mobile-nav-tab-el.active span:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 2px;
        background-color: #353739
    }
}

.ks-mobile-nav-tab-el.active span:last-child {
    position: absolute;
    right: 20px;
    top: 46%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #353739;
    border-bottom: 2px solid #353739;
    display: block
}

.ks-mobile-nav-tab-result-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 125px;
    box-sizing: border-box;
    z-index: 22;
    display: none;
    background-color: rgba(0, 0, 0, 0.6)
}

.ks-mobile-nav-tab-result-wrapper.active {
    display: block
}

.ks-mobile-nav-tab-result {
    width: 50%;
    height: 100%;
    display: none;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}

.ks-mobile-nav-tab-result.active {
    display: block
}

.ks-mobile-nav-tab-result-list {
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
    box-sizing: border-box;
    overflow: auto
}

.ks-mobile-nav-tab-result-list-el {
    width: 100%
}

.ks-mobile-nav-tab-result-list-el > a {
    width: 100%;
    padding: 8px 38px 8px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 15px
}

.ks-mobile-nav-tab-result-list-el > a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 10px
}

.ks-mobile-nav-tab-result-list-el > a img ~ button {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none
}

.ks-mobile-nav-tab-result-list-el > a img ~ button:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-right: 1px solid #354054;
    border-bottom: 1px solid #354054;
    width: 6px;
    height: 6px;
    transition: transform .24s ease-in-out
}

.ks-mobile-nav-tab-result-list-el.active > a button:after {
    transform: translate(-50%, -50%) rotate(225deg)
}

.ks-mobile-cat-submenu {
    width: 100%;
    background-color: #f0f0f0;
    display: none
}

.ks-mobile-cat {
    width: 100%
}

.ks-mobile-cat > a {
    padding: 8px 38px 8px 46px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 15px
}

.ks-mobile-cat > a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 10px
}

.ks-mobile-cat > a img ~ button {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none
}

.ks-mobile-cat > a img ~ button:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-right: 1px solid #354054;
    border-bottom: 1px solid #354054;
    width: 6px;
    height: 6px;
    transition: transform .24s ease-in-out
}

.ks-mobile-cat.active > a button:after {
    transform: translate(-50%, -50%) rotate(225deg)
}

.ks-mobile-cat-sub-list {
    width: 100%;
    display: none
}

.ks-mobile-cat-sub-list .ks-mobile-cat-sub {
    width: 100%
}

.ks-mobile-cat-sub-list .ks-mobile-cat-sub a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 20px 8px 80px;
    box-sizing: border-box;
    font-size: 15px
}

@media all and (max-width: 760px) {
    .ks-mobile-search-modal {
        padding-right: 15px
    }

    .ks-mobile-search-modal .ks-prod-grid {
        width: calc(100% + 40px);
        margin-left: -20px;
        align-items: flex-start;
        height: calc(100% - 98px)
    }

    .ks-mobile-search-modal .ks-prod-grid-el {
        width: 33.3333% !important;
        margin-right: 0;
        margin-bottom: 0;
        border-color: #e5e5e5 !important;
        position: relative
    }

    .ks-mobile-search-modal .ks-prod-grid-el .ks-prod-status-row .ks-prod-status {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 12px;
        font-weight: bold;
        padding-left: 11px;
        padding-right: 11px;
        margin-top: 0;
        border-radius: 0
    }

    .ks-mobile-search-modal .ks-prod-grid-el .ks-prod-rating {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .ks-mobile-search-modal .ks-prod-grid-el .ks-rating-star {
        font-size: 10px
    }

    .ks-mobile-search-modal .ks-prod-grid-el .ks-prod-thumb-wrapper {
        width: 150px;
        height: 150px
    }

    .ks-mobile-search-modal .ks-prod-grid-el .ks-prod-price {
        margin-bottom: 20px
    }

    .ks-mobile-search-modal .ks-prod-grid-el .ks-prod-action-row {
        padding-left: 14px;
        padding-right: 15px
    }
}

@media all and (max-width: 700px) {
    .ks-authorisation-label {
        display: none
    }

    .ks-profile-icon {
        margin-right: 8px;
        font-weight: 700
    }

    .ks-authorisation-block-dropdown-wrapper {
        position: fixed;
        top: -34px;
        right: -196px;
        padding-top: 74px
    }

    .ks-authorisation-block {
        right: 183px
    }

    .ks-authorisation-block:nth-last-child(5) {
        right: 128px
    }

    .ks-mobile-nav-tab-result {
        width: 80%
    }
}

@media all and (max-width: 650px) {
    .ks-mobile-search-modal .ks-prod-grid-el {
        width: 50% !important
    }
}

@media all and (max-width: 560px) {
    .ks-header .ks-wrapper {
        padding-right: 0
    }

    .ks-authorisation-block-dropdown-wrapper {
        right: -169px
    }

    .ks-notif-block {
        right: 57px
    }

    .ks-notif-block span {
        width: 30px
    }

    .ks-notif-block span:after {
        right: -1px
    }

    .ks-cart-block {
        right: 99px;
        padding-right: 0
    }

    .ks-cart-block:nth-last-child(3) {
        right: 70px
    }

    .ks-mobile-search-button {
        right: 138px
    }

    .ks-authorisation-block {
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
        right: 171px
    }

    .ks-authorisation-block:nth-last-child(5) {
        right: 137px
    }

    .ks-notif-list-block {
        right: 0;
        width: 100%
    }

    .ks-notif-label {
        width: 100%
    }

    .ks-mobile-nav-tab-result-wrapper.active {
        display: flex;
        flex-direction: column;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1
    }

    .ks-mobile-nav-tab-result {
        width: 80%
    }

    .ks-mobile-nav-tab-result[data-num="1"] {
        align-self: flex-start;
        animation: fadeInLeft .24s 1 ease-in-out
    }

    .ks-mobile-nav-tab-result[data-num="2"] {
        align-self: flex-end;
        animation: fadeInRight .24s 1 ease-in-out
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translate3d(100%, 0, 0)
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }@keyframes fadeInLeft {
         from {
             opacity: 0;
             transform: translate3d(-100%, 0, 0)
         }
         to {
             opacity: 1;
             transform: translate3d(0, 0, 0)
         }
     }.ks-mobile-nav-tab-el {
          white-space: normal;
          font-size: 14px;
          width: 50%;
          text-align: left
      }

    .ks-mobile-nav-tab-el:last-child {
        border-left: 1px solid #4F5C72
    }

    .ks-mobile-nav-tab-el.active .ks-tab-chevron {
        border-right: 2px solid #364154;
        border-bottom: 2px solid #364154
    }
}

.ks-navigation-row {
    width: 100%;
    height: 50px;
    background-color: #354054
}

.ks-navigation-row .ks-wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ks-nav-cat-tab {
    height: 100%;
    position: relative;
    z-index: 9999
}

.ks-nav-tab-list {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.ks-nav-tab-el {
    height: 100%;
    min-width: 300px;
    background-color: #46536a;
    border: none;
    outline: none;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    margin-right: 1px;
    transition: all .24s ease-in-out
}

.ks-nav-tab-el.active {
    background-color: #fff;
    color: #354054
}

.ks-nav-tab-el.active .ks-tab-burger {
    background-color: #354054
}

.ks-nav-tab-el.active .ks-tab-burger:after, .ks-nav-tab-el.active .ks-tab-burger:before {
    background-color: #354054
}

.ks-nav-tab-el.active .ks-tab-chevron {
    border-color: #354054
}

.ks-tab-burger {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 2px;
    background-color: #fff;
    display: block
}

.ks-tab-burger:after {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    height: 2px;
    background-color: #fff
}

.ks-tab-burger:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: #fff
}

.ks-tab-chevron {
    position: absolute;
    right: 20px;
    top: 46%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: block
}

.ks-nav-tab-result {
    display: none;
    align-items: flex-start;
    height: calc(100vh - 164px);
    max-height: 490px
}

.ks-nav-tab-result.active {
    display: flex
}

.ks-nav-first-level-block {
    width: 300px;
    height: 100%;
    background-color: #fff;
    padding-top: 4px;
    box-sizing: border-box;
    overflow: auto
}

.ks-nav-first-level-block:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06)
}

@-moz-document url-prefix() {
    .ks-nav-first-level-block {
        scrollbar-width: thin
    }
}

.ks-nav-first-level-block:hover li:last-child .ks-nested-level-block-container {
    display: flex;
    position: absolute;
    left: 297px;
    padding-left: 3px;
    top: 0;
    width: 875px;
    z-index: 7
}

.ks-nav-first-level-block a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 34px;
    padding: 5px 37px 5px 54px;
    box-sizing: border-box;
    position: relative;
    color: #1d1d1d;
    font-size: 14px
}

.ks-nav-first-level-block a img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    object-fit: contain
}

.ks-nav-first-level-block a[data-type="nested"] {
    position: relative
}

.ks-nav-first-level-block a[data-type="nested"]:after {
    content: "";
    position: absolute;
    top: 39%;
    right: 16px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    border-right: 1px solid #354054;
    border-top: 1px solid #354054
}

.ks-nav-first-level-block a:hover {
    color: #ff324d;
    font-weight: 700
}

.ks-nav-first-level-block a:hover:after {
    border-color: #ff324d
}

.ks-nav-first-level-block li.hovered > a {
    color: #ff324d;
    font-weight: 700
}

.ks-nav-first-level-block li.hovered > a:after {
    border-color: #ff324d
}

.ks-nav-first-level-block li:hover > a:after {
    border-color: #ff324d
}

.ks-nested-level-block-wrapper {
    max-width: 590px;
    height: calc(100vh - 164px);
    max-height: 490px;
    overflow: auto;
    background-color: #fff
}

@-moz-document url-prefix() {
    .ks-nested-level-block-wrapper {
        scrollbar-width: thin
    }
}

.ks-nested-level-block {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    column-count: 2;
    padding-top: 11px
}

.ks-nested-level-block > li {
    position: relative;
    display: inline-block;
    min-width: 50%
}

.ks-nested-level-block > li > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 34px;
    padding-left: 54px;
    padding-right: 38px;
    box-sizing: border-box;
    position: relative;
    color: #1d1d1d
}

.ks-nested-level-block > li > a:hover {
    color: #ff324d;
    font-weight: 700
}

.ks-nested-level-block > li > a img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    object-fit: contain
}

.ks-nested-level-block > li ul li {
    margin-bottom: 0px
}

.ks-nested-level-block > li ul li:first-child {
    margin-top: 0px
}

.ks-nested-level-block > li ul li a {
    padding-left: 54px;
    padding-right: 20px;
    box-sizing: border-box
}

.ks-nested-level-block > li ul li a:hover {
    color: #ff324d;
    font-weight: 700
}

.ks-cat-thumbnail-image {
    width: 286px;
    height: calc(100vh - 164px);
    max-height: 490px;
    background: #FFF
}

.ks-cat-thumbnail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ks-overflow-nav-fixed-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none
}

.ks-overflow-nav-fixed-block.active {
    display: block
}

.ks-nav-tab-result-wrapper {
    position: absolute;
    left: 30px;
    top: 144px;
    z-index: 9999
}

.ks-navigation-cat-button {
    width: 300px;
    grid-area: navigationCategoryButton;
    outline: none;
    position: relative;
    z-index: 999999999
}

.ks-navigation-cat-button.low-index {
    z-index: 1
}

.ks-navigation-cat-button .ks-navigator-cat-button-inner, .ks-navigation-cat-button .ks-navigator-main-button-inner {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #354054;
    width: 300px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    position: relative
}

.ks-navigation-cat-button .ks-category-list-wrapper {
    position: static
}

.ks-navigation-cat-button .ks-hero-category-col {
    width: 100%;
    display: none
}

.ks-navigation-cat-button.active .ks-hero-category-col {
    display: block;
    overflow: auto
}

.ks-navigation-cat-button.active ~ .ks-popover-overflow {
    display: block;
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-name: fadeIn
}

@media all and (max-width: 1280px) {
    .ks-navigator-cat-button-inner, .ks-navigator-main-button-inner, .ks-navigation-cat-button {
        width: 260px !important
    }

    .ks-cat-thumbnail-image {
        display: none
    }

    .ks-nav-tab-result-wrapper {
        left: 15px
    }
}

.ks-navigation-body {
    height: 100%;
    display: flex;
    align-items: center
}

.ks-nav-icon-burger {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.ks-nav-icon-burger span {
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: relative
}

.ks-nav-icon-burger span:after, .ks-nav-icon-burger span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.ks-nav-icon-burger span:after {
    top: -5px
}

.ks-nav-icon-burger span:before {
    bottom: -5px
}

.ks-navigation-cat-label {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase
}

.ks-header-nav-list {
    display: flex;
    height: 100%;
    justify-content: flex-start
}

.ks-header-nav-list-el {
    display: flex;
    margin-left: 40px
}

.ks-header-nav-list-el a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d1d1d;
    font-size: 14px;
    font-weight: 700;
    transition: color .24s ease-in-out
}

.ks-header-nav-list-el:hover a, .ks-header-nav-list-el.active a {
    color: #ff324d
}

@media all and (max-width: 1280px) {
    .ks-header-nav-list-el {
        margin-left: 20px
    }
}

.ks-header-tel {
    padding-left: 37px;
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.ks-header-tel span:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 25px;
    color: #ff001f
}

.ks-category-list-dropdown {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 100%;
    width: 600px;
    height: 488px;
    background-color: #fff;
    transition: all .24s ease-in-out;
    pointer-events: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border: solid 1px #dee2e6;
    display: none !important
}

.ks-category-list-el:hover .ks-category-list-dropdown {
    top: 0;
    opacity: 1;
    pointer-events: auto
}

.ks-popover-overflow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none
}

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

.ks-category-sublist {
    width: 300px;
    padding-top: 18px
}

.ks-category-sublist-el-icon {
    display: block;
    height: 24px;
    margin-right: 15px
}

.ks-category-sublist-el-label {
    font-size: 14px;
    color: #1d1d1d;
    transition: color .24s ease-in-out
}

.ks-category-sublist-el-banner {
    width: 300px;
    height: 100%;
    background-color: #000
}

.ks-category-sublist-el-banner-inner-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.list-pagination {
    text-align: center;
    margin: 0 0 40px
}

.list-pagination .page-item {
    display: inline-block
}

.list-pagination .page-item a.page-link {
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #F1F1F1;
    color: #333
}

.list-pagination .page-item a.page-link:hover, .list-pagination .page-item.active a.page-link {
    background: #354054;
    color: #FFF;
    transition: ease 0.3s
}

@media all and (max-width: 1060px) {
    .ks-navigation-body .ks-header-tel {
        font-size: 15px;
        padding-left: 23px
    }

    .ks-navigation-body .ks-header-tel span:before {
        font-size: 18px
    }
}

@media all and (max-width: 1024px) {
    .ks-navigation-row {
        display: none
    }

    .ks-curr-block, .ks-lang-block {
        display: none
    }
}

.ks-footer {
    width: 100%;
    padding-top: 62px;
    background-color: #1d1d1d
}

.ks-footer-wrapper {
    width: 100%;
    max-width: 1600px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box
}

.ks-stores-and-connect-col {
    width: 25%;
    margin-right: 70px
}

.ks-footer-col-title {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding-bottom: 16px
}

.ks-footer-address {
    font-style: normal;
    margin-top: 4px;
    margin-bottom: 14px;
    display: flex;
    justify-content: flex-start;
    font-size: 15px;
    color: #acaca8
}

.ks-footer-address span {
    margin-right: 12px;
    font-size: 20px;
    color: #acaca8
}

.ks-footer-tel {
    width: 100%;
    font-size: 15px;
    color: #acaca8;
    padding-top: 5px
}

.ks-footer-email {
    width: 100%;
    display: block;
    padding-top: 17px;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #acaca8
}

.ks-footer-email a {
    color: #fff
}

.ks-footer-help-col {
    width: 25%;
    margin-right: 56px
}

.ks-footer-link {
    width: 100%;
    line-height: 1.63;
    font-size: 15px;
    color: #acaca8
}

.ks-footer-link a:hover {
    text-decoration: underline
}

.ks-footer-supermarket-col {
    width: 25%;
    margin-right: 70px
}

.ks-footer-delivery-col {
    width: 25%
}

.ks-stores-and-connect-col .payments {
    width: 100%;
    height: 32px;
    margin: 30px 0 0;
    background-image: url("/public/assets/img/payments.svg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain
}

.ks-footer .footer-copy {
    padding: 10px;
    color: #FFF;
    display: block;
    margin: 40px 0 0;
    text-align: center;
    background: #000;
    font-size: 13px
}

.ks-footer .footer-copy span {
    font-family: Verdana, Arial, sans-serif
}

.ks-selected {
    padding-left: 12px;
    padding-right: 36px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center
}

.ks-selected p {
    font-size: 14px;
    color: #1d1d1d;
    text-transform: uppercase
}

.ks-selected img {
    width: 28px
}

.ks-selected .ks-dropdown-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px
}

.ks-dropdown-list-wrapper {
    display: none
}

.owl-nav button {
    position: absolute;
    top: -40px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ff324d !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -10000px;
    overflow: hidden;
    font-family: 'kaiser-icon' !important;
    outline: none;
    transition: all .24s ease-in-out
}

.owl-nav button:hover {
    border-color: #d81c33 !important
}

.owl-nav button:hover:after {
    color: #d81c33
}

.owl-prev {
    right: 40px;
    background-color: transparent;
    cursor: pointer
}

.owl-prev:after {
    content: "\e905";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    text-indent: 2px;
    color: #ff324d;
    transition: all .24s ease-in-out;
    font-size: 15px
}

.owl-next {
    right: 0;
    background-color: transparent;
    cursor: pointer
}

.owl-next:after {
    content: "\e905";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
    color: #ff324d;
    margin-left: 2px;
    transition: all .24s ease-in-out;
    font-size: 15px
}

.ks-prod-under-sale {
    overflow: hidden
}

.ks-prod-under-sale .owl-prev {
    right: 55px
}

.ks-prod-under-sale .owl-next {
    right: 15px
}

.ks-prod-grid-el {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: calc(20% - 30px);
    margin-right: 30px;
    margin-bottom: 30px;
    border: solid 1px transparent;
    box-sizing: border-box;
    padding: 20px;
    position: relative
}

.ks-prod-grid-el:hover {
    border: solid 1px #cccccc;
    transition: border .24s ease-in-out
}

.item .ks-prod-grid-el, .swiper-slide .ks-prod-grid-el {
    width: 100%
}

.ks-prod-status-row {
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    box-sizing: border-box
}

.ks-prod-status {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    height: 18px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    margin-top: 4px
}

.ks-prod-status[data-status="in-stock"] {
    background-color: #7ed321
}

.ks-prod-status[data-status="in-stock"]:after {
    content: attr(data-in-stock)
}

.ks-prod-status[data-status="out-stock"] {
    background-color: #ccc
}

.ks-prod-status[data-status="out-stock"]:after {
    content: attr(data-out-stock)
}

.ks-prod-rating {
    padding-top: 2px;
    display: none;
    justify-content: flex-start;
    align-items: center
}

.ks-rating-star {
    margin-left: 2px;
    font-size: 12px;
    color: #cccccc
}

.ks-rating-star.active {
    color: #ffc107
}

.ks-prod-thumb-wrapper {
    width: 200px;
    height: 200px;
    position: relative
}

.ks-prod-thumb-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ks-prod-thumb-wrapper .item-label {
    width: 64px;
    height: 64px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px
}

.ks-prod-thumb-wrapper .item-label img {
    width: 100%
}

.ks-prod-title-wrapper {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box
}

.ks-prod-title {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    white-space: normal;
    margin-bottom: 17px;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ks-prod-price {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px
}

.ks-prod-real-price {
    font-size: 15px;
    font-weight: bold;
    color: #d0021b
}

.ks-prod-old-price {
    margin-left: 10px;
    font-size: 12px;
    color: #1d1d1d;
    position: relative
}

.ks-prod-old-price:after {
    content: "";
    position: absolute;
    left: -2px;
    width: calc(100% + 4px);
    height: 1px;
    background-color: #1d1d1d;
    top: 50%;
    transform: translateY(-50%)
}

.ks-list-view .ks-prod-old-price {
    margin-top: 0 !important;
    margin-left: 10px !important
}

.ks-prod-action-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    box-sizing: border-box
}

.ks-prod-to-fav {
    width: 24px;
    height: 22px;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #ccc;
    cursor: pointer;
    transition: color .24s ease-in-out
}

.ks-prod-to-fav.active {
    color: #ff2641
}

.ks-prod-to-fav.active:before {
    content: "\e903"
}

.ks-prod-to-fav:hover {
    color: #ff2641
}

.ks-prod-to-cart {
    width: 52px;
    height: 34px;
    background-color: #ff2641;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.ks-prod-to-cart:hover {
    background-color: #d81c33
}

.ks-prod-to-cart:disabled {
    cursor: default;
    background-color: #ccc
}

.ks-prod-counter {
    height: 34px;
    display: none;
    justify-content: space-between;
    align-items: center
}

.ks-prod-counter.active {
    display: flex
}

.ks-prod-action {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: color .24s ease-in-out, border .24s ease-in-out;
    cursor: pointer
}

.ks-prod-action span {
    pointer-events: none
}

.ks-prod-action:hover {
    color: #ff2641;
    border: 1px solid #ff2641
}

.ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"] {
    border: 1px solid rgba(204, 204, 204, 0.6);
    color: rgba(0, 0, 0, 0.6)
}

.ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus {
    outline: none
}

.ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus:after {
    content: attr(data-start-message) " " attr(data-lf-count) " " attr(data-end-message);
    position: absolute;
    bottom: 65px;
    right: 10px;
    background-color: #354054;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    max-width: calc(100% - 20px)
}

@media screen and (max-width: 767px) {
    .ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus:after {
        bottom: 41px;
        right: 10px
    }
}

.ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus:before {
    content: "";
    position: absolute;
    bottom: 60px;
    right: 33px;
    border-top: 5px solid #354054;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

@media screen and (max-width: 767px) {
    .ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus:before {
        bottom: 37px;
        right: 18px
    }
}

#ui-datepicker-div {
    z-index: 4 !important
}

.ks-pointer-none {
    width: 52px;
    height: 34px;
    background-color: #ccc;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background-color .24s ease-in-out;
    pointer-events: none
}

.ks-pointer-none:after {
    content: attr(data-label);
    font-family: 'Arial AMU', sans-serif;
    font-size: 14px;
    font-weight: bold;
    display: none;
    margin-left: 11px
}

.ks-prod-count {
    width: 56px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border-radius: 3px;
    border: solid 1px #cccccc;
    margin-right: 5px;
    margin-left: 5px;
    user-select: none
}

@media all and (max-width: 1400px) {
    .ks-prod-count {
        width: 40px
    }
}

.ks-hero-block {
    margin-bottom: 70px
}

.ks-hero-block .ks-wrapper {
    width: 100%;
    height: 490px;
    display: grid;
    grid-column-gap: 20px;
    grid-template-areas: "heroCatCol heroBannerCol";
    grid-template-columns: auto 11fr
}

.ks-hero-category-col {
    grid-area: heroCatCol;
    width: 300px;
    position: relative
}

.ks-hero-category-col.active {
    z-index: 999
}

.ks-hero-category-col .ks-category-list-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 3
}

.ks-hero-banner-wrapper-col {
    width: 100%;
    grid-area: heroBannerCol;
    padding-top: 20px;
    overflow: hidden
}

.ks-hero-banner-wrapper-col .ks-main-banner-inner-slider {
    height: 100%;
    overflow: hidden
}

.ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer {
    height: 100%
}

.ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer .owl-stage, .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer .owl-item, .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer .item {
    height: 100%
}

.ks-main-banner-inner-slider {
    position: relative
}

.ks-main-banner-inner-slider .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: center;
    align-content: center
}

.ks-main-banner-inner-slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 0, 31, 0.5);
    margin-right: 5px;
    margin-left: 5px;
    outline: none
}

.ks-main-banner-inner-slider .owl-dots .owl-dot.active, .ks-main-banner-inner-slider .owl-dots .owl-dot:hover {
    background-color: #ff001f
}

.ks-main-banner-inner-slider .owl-prev, .ks-main-banner-inner-slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff !important;
    border: none !important;
    font-size: 20px !important
}

.ks-main-banner-inner-slider .owl-prev span, .ks-main-banner-inner-slider .owl-next span {
    font-size: 30px !important
}

.ks-main-banner-inner-slider .owl-prev:after, .ks-main-banner-inner-slider .owl-next:after {
    font-size: 17px
}

.ks-main-banner-inner-slider .owl-prev {
    left: 20px
}

.ks-main-banner-inner-slider .owl-next {
    right: 20px
}

.ks-hero-banner-col {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    padding-right: 265px;
    box-sizing: border-box;
    position: relative
}

.ks-hero-banner-col > .ks-hero-banner {
    width: 100%
}

.ks-hero-banner-col > .ks-hero-banner .item {
    position: relative
}

.ks-hero-banner-col > .ks-hero-banner .item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.ks-hero-banner-col > .ks-hero-banner .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*object-fit: cover*/
}

.ks-hero-square-banner-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 245px;
    height: 100%
}

.ks-hero-square-banner-wrapper > .ks-hero-banner {
    width: 100%;
    height: 225px;
    position: relative
}

.ks-hero-square-banner-wrapper > .ks-hero-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ks-hero-square-banner-wrapper > .ks-hero-banner:first-child {
    margin-bottom: 20px
}

.ks-category-list-wrapper {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    box-sizing: border-box
}

.ks-category-list-wrapper input[type="checkbox"] {
    display: none
}

.ks-category-list-wrapper input[type="checkbox"] ~ .ks-category-read-more {
    font-size: 14px;
    color: #ff324d;
    height: 43px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

.ks-category-list-wrapper input[type="checkbox"] ~ .ks-category-read-more:after {
    content: attr(data-more)
}

.ks-category-list-wrapper input[type="checkbox"] ~ .ks-category-list .ks-category-list-el:first-child {
    padding-top: 4px
}

.ks-category-list-wrapper input[type="checkbox"] ~ .ks-category-list .ks-category-list-el:nth-child(-n+13) {
    display: block
}

.ks-category-list-wrapper input[type="checkbox"]:checked ~ .ks-category-list .ks-category-list-el {
    display: block
}

.ks-category-list-wrapper input[type="checkbox"]:checked ~ .ks-category-read-more:after {
    content: attr(data-less)
}

.ks-category-list {
    width: 100%
}

.ks-category-list-el {
    transition: color .24s ease-in-out
}

.ks-category-list-el:hover .ks-category-label {
    color: #ff001f
}

.ks-category-sublist-el {
    transition: color .24s ease-in-out
}

.ks-category-sublist-el:hover .ks-category-sublist-el-label {
    color: #ff001f
}

.ks-category-list-el a {
    display: flex;
    min-height: 34px;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 5px 30px 5px 15px
}

.ks-category-list-el a img {
    width: 24px;
    margin-right: 15px;
    display: block
}

.ks-category-list-el a .ks-category-label {
    font-size: 14px;
    color: #1d1d1d;
    transition: color .24s ease-in-out
}

.ks-category-list-el a .ks-category-chevron {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #354054
}

.ks-day-offer-section {
    width: 100%;
    margin-bottom: 50px
}

.ks-section-title-row {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eb1c24;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

.ks-swiper-slider-nav-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.ks-story-close-button {
    display: none
}

@media all and (max-width: 720px) {
    .ks-swiper-slider-nav-buttons {
        display: none
    }
}

.ks-swiper-slider-nav-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ff324d;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff324d;
    box-sizing: border-box;
    padding-left: 2px;
    cursor: pointer
}

.ks-swiper-slider-nav-btn:first-child {
    margin-right: 10px;
    transform: rotateY(180deg)
}

.ks-swiper-slider-nav-btn.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none
}

.ks-section-title {
    font-size: 26px;
    font-weight: 400;
    color: #1d1d1d
}

.ks-section-title a {
    height: 100%;
    display: flex;
    align-items: center
}

.ks-section-title span {
    padding-left: 10px;
    font-size: 30px
}

.ks-day-offer-slider {
    position: relative
}

.ks-day-offer-slider {
    padding-top: 20px
}

.ks-prod-grid {
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap
}

.ks-prod-grid .ks-search-result-list-el {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px
}

.ks-prod-grid .ks-search-result-list-el .ks-prod-to-cart, .ks-prod-grid .ks-search-result-list-el .ks-prod-counter {
    top: auto;
    bottom: 0;
    right: auto;
    left: 100px
}

.ks-mid-page-banner {
    width: 100%;
    margin-bottom: 80px
}

.ks-mid-page-banner img {
    width: 100%;
    margin: 0
}

.ks-category-grid-inner {
    width: calc(100% + 15px);
    margin-bottom: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.ks-category-grid .ks-section-title-row {
    margin-bottom: 30px
}

.ks-category-grid-el {
    width: calc(33.333% - 15px);
    margin-right: 15px;
    position: relative
}

.ks-category-grid-el a, .ks-category-grid-el .ks-href-placeholder {
    display: block;
    position: relative
}

.ks-category-grid-el a:after, .ks-category-grid-el .ks-href-placeholder:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 57.31%
}

.ks-category-grid-el a img, .ks-category-grid-el .ks-href-placeholder img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px
}

.ks-category-grid-el-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ks-category-grid-el-label {
    position: absolute;
    height: 50px;
    left: 0;
    bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff
}

.ks-prod-under-sale-slider, .ks-prod-under-sale-slider-new-slider {
    position: relative;
    padding-top: 20px;
    margin-bottom: 40px
}

.ks-main-prod-cat-block {
    width: 100%;
    margin-bottom: 65px
}

.ks-main-prod-cat-slider {
    width: calc(100% - 16px);
    position: relative;
    padding-top: 20px
}

.ks-main-prod-cat-slider .splide__arrow {
    top: -10px
}

.ks-main-prod-cat-slider .splide__arrow--next {
    right: 15px
}

.ks-main-prod-cat-slider .splide__arrow--prev {
    right: 55px
}

.ks-cat-grid {
    width: calc(100% + 25px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 6px;
    margin-left: -3px;
    box-sizing: border-box
}

.ks-cat-grid .owl-stage-outer {
    width: calc(100% + 6px);
    margin-left: -6px;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 15px
}

.ks-cat-grid .owl-stage {
    display: flex
}

.ks-cat-grid-el {
    border-radius: 3px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    height: 180px;
    margin-bottom: 15px;
    transition: border .24s ease-in-out;
    border: 1px solid transparent;
    margin-top: 5px
}

.ks-cat-grid-el:hover {
    border: 1px solid #ff334c
}

.ks-cat-grid-el-icon {
    width: 100%;
    height: 132px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ks-cat-grid-el-icon img {
    height: 72px
}

.ks-cat-grid-el-label {
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    color: #000000;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    box-sizing: border-box;
    min-height: 48px
}

.ks-subscribe-row {
    width: 100%;
    height: 60px;
    background-color: #f4f6fa
}

.ks-subscribe-row .ks-wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ks-store-links {
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ks-store-links a {
    flex: 1;
    min-width: 0
}

.ks-store-links a:not(:last-child) {
    margin-right: 8px
}

.ks-store-links img {
    display: block;
    width: 100%;
    height: 40px;
    object-fit: contain
}

.ks-subscribe-form {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ks-subscribe-label {
    font-size: 14px;
    font-weight: 700;
    color: #1d1d1d;
    margin-right: 15px
}

.ks-subscribe-input {
    width: 330px;
    height: 36px;
    border-radius: 3px;
    border: solid 1px #979797;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.86;
    color: #1d1d1d;
    outline: none;
    margin-right: 10px
}

.ks-subscribe-input::placeholder {
    color: #acaca8
}

.ks-subscribe-submit {
    border: none;
    outline: none;
    height: 36px;
    border-radius: 3px;
    background-color: #ff334c;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.ks-subscribe-submit:hover {
    background-color: #d81c33
}

.ks-prod-under-sale-slider .ks-prod-grid-el, .ks-prod-under-sale-slider-new-slider .ks-prod-grid-el {
    width: 100% !important
}

.ks-stories-list {
    width: calc(100% + 10px);
    font-size: 0;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    overflow: auto;
    white-space: nowrap
}

.ks-stories-list .owl-nav button {
    top: -70px
}

.ks-stories-list-el {
    width: calc(100% / 15);
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer
}

.ks-stories-list-el:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 0, 31, 0.5);
    z-index: 1;
    opacity: 0;
    transition: opacity .24s ease-in-out
}

.ks-stories-list-el:hover:before {
    opacity: 1
}

.ks-stories-list-el:after {
    content: "";
    width: 100%;
    padding-top: 148%;
    display: block
}

.ks-stories-list-el img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 4px
}

.ks-stories-list-el.new-story-el .ks-stories-list-el-border {
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 2px solid #ff001f;
    border-radius: 4px;
    pointer-events: none;
    box-sizing: border-box
}

.ks-stories-list-el-border {
    display: none
}

.ks-story-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1rem);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    padding: 6.5rem;
    box-sizing: border-box;
    display: none
}

.ks-story-modal.active {
    display: block
}

.ks-story-list {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0;
    padding-top: 4rem;
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 1rem
}

.ks-story-modal-close-button {
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    background-color: transparent;
    border: none;
    padding: 0;
    transform: rotate(45deg);
    font-size: 2rem;
    color: #fff;
    outline: none;
    cursor: pointer
}

.ks-story-list-el {
    width: 10rem;
    display: inline-block;
    margin-right: .5rem;
    margin-left: .5rem;
    position: relative;
    cursor: pointer
}

.ks-story-list-el img {
    width: 100%;
    display: block;
    border-radius: 1rem
}

.ks-story-list-el.active:after, .ks-story-list-el.not-viewed:after {
    content: "";
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    border-radius: 1.4rem;
    border: solid .1rem #ffffff;
    box-sizing: border-box;
    pointer-events: none
}

.ks-story-list-el.not-viewed:after {
    border: solid .1rem #ff001f;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem
}

.ks-story-selected-block {
    width: 100%;
    height: calc(100% - 19rem);
    padding-top: 4.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.ks-story-selected-block-inner {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative
}

.ks-story-selected-block-inner img {
    height: 100%;
    border-radius: 1rem
}

.ks-progress-bar {
    position: absolute;
    width: calc(100% - 7rem);
    height: .7rem;
    top: 3rem;
    left: 3.5rem;
    border-radius: .4rem;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1%, 1fr));
    grid-column-gap: .5rem
}

.ks-progress-bar-stick {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: .4rem;
    position: relative
}

.ks-progress-bar-stick span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: .4rem;
    background-color: #fff;
    transition: width 1s linear
}

.ks-progress-bar-stick span.no_anim {
    transition: width 0s
}

.ks-story-navigation-el {
    width: 4.8rem;
    height: 6.4rem;
    border-radius: .4rem;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem
}

.ks-story-navigation-el[data-index="prev"] {
    left: -8.8rem
}

.ks-story-navigation-el[data-index="prev"]:before {
    transform: rotate(90deg)
}

.ks-story-navigation-el[data-index="next"] {
    right: -8.8rem
}

.ks-story-navigation-el[data-index="next"]:before {
    transform: rotate(-90deg)
}

.ks-checkable-input-wrapper {
    position: relative
}

.ks-checkable-input-wrapper:after {
    content: attr(data-status);
    position: absolute;
    left: 0;
    font-size: 12px;
    transform: translateY(-50%);
    bottom: -15px
}

.ks-checkable-input-wrapper.active {
    margin-bottom: 20px
}

.ks-checkable-input-wrapper:before {
    content: "";
    position: absolute;
    top: 38px;
    left: 1px;
    width: calc(100% - 2px);
    height: 2px
}

.ks-checkable-input-wrapper.medium-pass {
    color: blue
}

.ks-checkable-input-wrapper.medium-pass:before {
    background-color: blue
}

.ks-checkable-input-wrapper.weak-pass {
    color: red
}

.ks-checkable-input-wrapper.weak-pass:before {
    background-color: red
}

.ks-checkable-input-wrapper.strong-pass {
    color: green
}

.ks-checkable-input-wrapper.strong-pass:before {
    background-color: green
}

.ks-checkable-input-wrapper.more-pass {
    color: gray
}

.ks-checkable-input-wrapper.more-pass:before {
    background-color: gray
}

.ks-checkable-input-wrapper button {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 5px));
    right: 15px;
    background-color: transparent;
    outline: none;
    border: none;
    color: #e0e0e0;
    font-size: 24px;
    padding: 0px
}

.change-pass-type {
    cursor: pointer
}

.ks-authorisation-form-input[type="text"] ~ .change-pass-type, .ks-profile-page-field-el[type="text"] ~ .change-pass-type {
    color: #354054
}

.ks-subscribe-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    padding: 20px;
    box-sizing: border-box
}

.ks-subscribe-modal.active {
    display: flex
}

.ks-subscribe-modal-inner {
    width: 100%;
    max-width: 600px;
    margin: auto;
    background-color: #fff;
    padding: 40px 58px 28px;
    position: relative;
    text-align: center
}

.ks-subscribe-modal-inner:before {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    text-transform: capitalize;
    display: block;
    font-size: 16px;
    margin-bottom: 40px
}

.ks-subscribe-modal-inner.good:before {
    content: attr(data-success)
}

.ks-subscribe-modal-inner.bad:before {
    content: attr(data-error)
}

.ks-subscribe-modal-inner button {
    border: none;
    outline: none;
    background-color: #ff001f;
    color: #fff;
    width: 100%;
    max-width: 250px;
    height: 44px;
    border-radius: 3px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width: 1650px) {
    .ks-prod-grid {
        width: 100%
    }

    .ks-day-offer-slider .ks-prod-grid-el {
        width: calc(100% / 6) !important;
        margin-right: 0
    }
}

@media all and (max-width: 1550px) {
    .ks-day-offer-slider .ks-prod-grid-el {
        width: calc(100% / 5) !important
    }
}

@media all and (max-width: 1280px) {
    .ks-header-tel {
        font-size: 17px;
        padding-left: 30px
    }

    .ks-header-tel span:before {
        font-size: 20px
    }

    .ks-hero-category-col {
        width: 300px
    }
}

@media all and (max-width: 1200px) {
    .ks-day-offer-slider .ks-prod-grid-el {
        width: calc(100% / 4) !important
    }
}

@media all and (max-width: 1070px) {
    .ks-subscribe-row .ks-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .ks-subscribe-row {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .ks-subscribe-form {
        margin-top: 20px;
        flex-wrap: wrap;
        width: 554px
    }

    .ks-subscribe-label {
        display: block;
        padding-bottom: 10px
    }

    .ks-stores-and-connect-col {
        order: 2;
        margin-right: 0
    }

    .ks-footer-delivery-col {
        margin-right: 70px
    }

    .ks-footer-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }

    .ks-footer-wrapper > div {
        margin-bottom: 20px
    }
}

@media all and (max-width: 1440px) {
    .ks-hero-square-banner-wrapper {
        display: none
    }

    .ks-hero-banner-col {
        padding-right: 0px
    }
}

@media all and (max-width: 1064px) {
    .ks-footer-wrapper {
        max-width: none;
        box-sizing: border-box
    }
}

@media all and (max-width: 1024px) {
    .ks-stories-list-el {
        width: calc(100% / 6)
    }

    .ks-header-actions {
        transform: initial
    }

    .ks-hero-banner-wrapper-col {
        height: 100%
    }

    .ks-hero-square-banner-wrapper > .ks-hero-banner {
        height: 235px
    }

    .ks-hero-block .ks-wrapper {
        display: block
    }

    .ks-hero-category-col {
        display: none
    }

    .ks-hero-banner-col {
        height: 100%
    }
}

@media all and (max-width: 983px) {
    .ks-footer-wrapper > div {
        width: 50%;
        margin-right: 0;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media all and (max-width: 930px) {
    .ks-day-offer-slider .ks-prod-grid-el {
        width: calc(100% / 3) !important
    }
}

@media all and (max-width: 900px) {
    .ks-cat-grid-el {
        box-shadow: none;
        border-top: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

    .swiper-slide:last-child .ks-cat-grid-el {
        border-right: 1px solid #e5e5e5
    }
}

@media all and (max-width: 790px) {
    .ks-hero-banner-col {
        display: block;
        padding-top: 0
    }

    .ks-mid-page-banner {
        margin-bottom: 30px
    }

    .ks-hero-banner {
        height: 491px
    }

    .ks-hero-square-banner-wrapper {
        display: none
    }

    .ks-hero-banner-col {
        padding-right: 0
    }

    .ks-hero-block .ks-wrapper {
        padding-right: 0;
        padding-left: 0
    }

    .ks-hero-banner-wrapper-col {
        padding-top: 0
    }
}

@media all and (max-width: 767px) {
    .ks-catalogue-list {
        margin-bottom: 30px
    }

    .ks-mid-page-banner {
        display: none
    }

    .ks-day-offer-slider .ks-prod-grid-el, .ks-prod-under-sale .ks-prod-grid-el, .ks-catalogue-list .ks-prod-grid-el {
        margin-bottom: 0;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el:nth-child(1), .ks-day-offer-slider .ks-prod-grid-el:nth-child(2), .ks-day-offer-slider .ks-prod-grid-el:nth-child(3), .ks-prod-under-sale .ks-prod-grid-el:nth-child(1), .ks-prod-under-sale .ks-prod-grid-el:nth-child(2), .ks-prod-under-sale .ks-prod-grid-el:nth-child(3), .ks-catalogue-list .ks-prod-grid-el:nth-child(1), .ks-catalogue-list .ks-prod-grid-el:nth-child(2), .ks-catalogue-list .ks-prod-grid-el:nth-child(3) {
        border-top: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el:nth-child(3n), .ks-prod-under-sale .ks-prod-grid-el:nth-child(3n), .ks-catalogue-list .ks-prod-grid-el:nth-child(3n) {
        border-right: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el:nth-child(1):only-child, .ks-day-offer-slider .ks-prod-grid-el:nth-child(2):last-child, .ks-prod-under-sale .ks-prod-grid-el:nth-child(1):only-child, .ks-prod-under-sale .ks-prod-grid-el:nth-child(2):last-child, .ks-catalogue-list .ks-prod-grid-el:nth-child(1):only-child, .ks-catalogue-list .ks-prod-grid-el:nth-child(2):last-child {
        border-right: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-thumb-wrapper, .ks-prod-under-sale .ks-prod-thumb-wrapper, .ks-catalogue-list .ks-prod-thumb-wrapper {
        width: 150px;
        height: 150px
    }

    .ks-day-offer-slider .ks-prod-status-row, .ks-prod-under-sale .ks-prod-status-row, .ks-catalogue-list .ks-prod-status-row {
        padding-left: 0;
        position: relative;
        height: 18px
    }

    .ks-day-offer-slider .ks-prod-status-row .ks-prod-status, .ks-prod-under-sale .ks-prod-status-row .ks-prod-status, .ks-catalogue-list .ks-prod-status-row .ks-prod-status {
        position: absolute;
        top: -11px;
        left: -11px;
        font-size: 12px;
        font-weight: bold;
        padding-left: 11px;
        padding-right: 11px;
        margin-top: 0;
        border-radius: 0
    }

    .ks-day-offer-slider .ks-prod-rating, .ks-prod-under-sale .ks-prod-rating, .ks-catalogue-list .ks-prod-rating {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .ks-day-offer-slider .ks-rating-star, .ks-prod-under-sale .ks-rating-star, .ks-catalogue-list .ks-rating-star {
        font-size: 10px
    }

    .ks-day-offer-slider .ks-prod-title, .ks-prod-under-sale .ks-prod-title, .ks-catalogue-list .ks-prod-title {
        margin-top: 6px;
        height: 36px;
        margin-bottom: 7px
    }

    .ks-day-offer-slider .ks-prod-price, .ks-prod-under-sale .ks-prod-price, .ks-catalogue-list .ks-prod-price {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .ks-day-offer-slider .ks-prod-price .ks-prod-old-price, .ks-prod-under-sale .ks-prod-price .ks-prod-old-price, .ks-catalogue-list .ks-prod-price .ks-prod-old-price {
        margin-left: 0;
        margin-top: 5px
    }

    .ks-day-offer-slider .ks-prod-grid-el, .ks-prod-under-sale .ks-prod-grid-el, .ks-catalogue-list .ks-prod-grid-el {
        padding-bottom: 3rem
    }

    .ks-day-offer-slider .ks-prod-action-row, .ks-prod-under-sale .ks-prod-action-row, .ks-catalogue-list .ks-prod-action-row {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .ks-day-offer-slider .ks-prod-to-cart, .ks-prod-under-sale .ks-prod-to-cart, .ks-catalogue-list .ks-prod-to-cart {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px
    }

    .ks-day-offer-slider .ks-pointer-none, .ks-prod-under-sale .ks-pointer-none, .ks-catalogue-list .ks-pointer-none {
        height: 30px
    }

    .ks-day-offer-slider .ks-prod-action, .ks-prod-under-sale .ks-prod-action, .ks-catalogue-list .ks-prod-action {
        width: 28px;
        height: 28px
    }

    .ks-day-offer-slider .ks-prod-count, .ks-prod-under-sale .ks-prod-count, .ks-catalogue-list .ks-prod-count {
        margin-left: 3px;
        margin-right: 3px;
        height: 28px
    }

    .ks-day-offer-slider .ks-prod-real-price, .ks-prod-under-sale .ks-prod-real-price, .ks-catalogue-list .ks-prod-real-price {
        font-size: 14px
    }

    .ks-day-offer-slider .ks-prod-old-price, .ks-prod-under-sale .ks-prod-old-price, .ks-catalogue-list .ks-prod-old-price {
        font-size: 12px
    }
}

@media all and (max-width: 720px) {
    .ks-stories-list-el {
        width: calc(100% / 4)
    }

    .ks-authorisation-form-submit button {
        width: 100% !important;
        max-width: none !important
    }

    .ks-cart-el-action-col {
        position: relative
    }

    .ks-cart-el-count-block {
        position: absolute;
        left: 9px;
        bottom: 11px
    }

    .ks-cart-el-count-price-block {
        position: static !important
    }

    .owl-nav button {
        display: none
    }

    .ks-prod-grid-el {
        padding: 10px
    }

    .ks-day-offer-slider .ks-prod-count, .ks-prod-under-sale .ks-prod-count, .ks-catalogue-list .ks-prod-count {
        width: 34px !important
    }

    .ks-day-offer-slider .ks-prod-rating, .ks-prod-under-sale .ks-prod-rating, .ks-catalogue-list .ks-prod-rating {
        top: 3px
    }

    .ks-day-offer-slider .ks-prod-count, .ks-prod-under-sale .ks-prod-count, .ks-catalogue-list .ks-prod-count {
        width: 23px
    }

    .ks-day-offer-slider .ks-prod-grid-el, .ks-prod-under-sale .ks-prod-grid-el, .ks-catalogue-list .ks-prod-grid-el {
        margin-bottom: 0;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el:nth-child(1), .ks-day-offer-slider .ks-prod-grid-el:nth-child(2), .ks-day-offer-slider .ks-prod-grid-el:nth-child(3), .ks-prod-under-sale .ks-prod-grid-el:nth-child(1), .ks-prod-under-sale .ks-prod-grid-el:nth-child(2), .ks-prod-under-sale .ks-prod-grid-el:nth-child(3), .ks-catalogue-list .ks-prod-grid-el:nth-child(1), .ks-catalogue-list .ks-prod-grid-el:nth-child(2), .ks-catalogue-list .ks-prod-grid-el:nth-child(3) {
        border-top: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el:nth-child(2n), .ks-prod-under-sale .ks-prod-grid-el:nth-child(2n), .ks-catalogue-list .ks-prod-grid-el:nth-child(2n) {
        border-right: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el {
        width: 50% !important;
        padding: 10px !important;
        padding-bottom: 50px !important
    }

    .ks-day-offer-slider .ks-prod-grid-el:nth-child(2n+1):last-child {
        border-right: 1px solid #e5e5e5
    }

    .ks-section-title {
        width: 100%;
        font-size: 20px;
        font-weight: 400
    }

    .ks-section-title a {
        justify-content: space-between
    }

    .ks-section-title a span {
        font-size: 22px
    }

    .ks-stories-list {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .ks-day-offer-section, .ks-category-grid-inner, .ks-main-prod-cat-block {
        margin-bottom: 40px
    }

    .ks-hero-block {
        margin-bottom: 30px
    }

    .ks-category-grid-inner {
        width: 100%
    }

    .ks-category-grid-el {
        margin-right: 0;
        width: 100%;
        height: auto
    }

    .ks-category-grid-el:not(:last-child) {
        margin-bottom: 10px
    }

    .ks-category-grid-el-thumbnail {
        height: auto;
        position: relative
    }
}

@media all and (max-width: 600px) {
    .ks-main-prod-cat-slider, .ks-prod-under-sale-slider, ks-prod-under-sale-slider-new-slider {
        padding-top: 45px
    }

    .owl-nav button {
        top: 8px
    }

    .ks-section-title-row {
        height: auto;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 10px
    }

    .ks-subscribe-input, .ks-subscribe-submit {
        width: 100%
    }

    .ks-subscribe-input {
        margin-bottom: 10px;
        margin-right: 0
    }

    .ks-subscribe-form {
        width: 100%
    }

    .ks-category-grid-el-label {
        height: 40px;
        bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        font-weight: normal
    }
}

@media all and (max-width: 767px) {
    .ks-no-link-image-wrapper, .ks-link-image-wrapper {
        display: block;
        position: relative;
        width: 100%
    }

    .ks-no-link-image-wrapper:after, .ks-link-image-wrapper:after {
        content: "";
        width: 100%;
        display: block;
        padding-top: 133%
    }

    .ks-hero-banner-col > .ks-hero-banner .item a {
        height: auto
    }

    .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider {
        height: auto;
        overflow: hidden
    }

    .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer {
        height: auto
    }

    .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer .owl-stage, .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer .owl-item, .ks-hero-banner-wrapper-col .ks-main-banner-inner-slider .owl-stage-outer .item {
        height: auto
    }

    .ks-hero-banner, .ks-hero-banner-col, .ks-hero-block {
        height: auto
    }

    .ks-hero-banner-wrapper-col {
        height: auto
    }

    .ks-hero-block .ks-wrapper {
        height: auto
    }
}

@media all and (max-width: 500px) {
    .ks-prod-under-sale-slider, .ks-day-offer-slider, .ks-catalogue-list, .ks-prod-under-sale-slider-new-slider {
        width: calc(100% + 30px) !important;
        margin-left: -15px !important;
        border-left: none !important
    }

    .ks-catalogue-list .ks-prod-grid-el:nth-child(1), .ks-catalogue-list .ks-prod-grid-el:nth-child(2), .ks-catalogue-list .ks-prod-grid-el:nth-child(3) {
        border-top: 1px solid #e5e5e5
    }

    .ks-catalogue-list .ks-prod-grid-el:nth-child(3) {
        border-top: none
    }

    .ks-catalogue-list .ks-prod-grid-el:nth-child(2n) {
        border-right: 1px solid #e5e5e5
    }

    .ks-catalogue-list .ks-prod-grid-el:nth-child(3n) {
        border-right: none
    }

    .ks-day-offer-slider .ks-prod-thumb-wrapper, .ks-prod-under-sale .ks-prod-thumb-wrapper {
        max-width: 130px;
        width: 100%;
        height: 130px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .ks-cat-grid-el-label {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px
    }

    .ks-footer-wrapper > div {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }

    .ks-story-navigation-el {
        display: none
    }

    .ks-story-navigation-el[data-index="next"] {
        right: 1rem
    }

    .ks-story-navigation-el[data-index="prev"] {
        left: 1rem
    }

    .ks-story-selected-block-inner {
        max-width: 100%;
        height: auto
    }

    .ks-story-selected-block-inner img {
        height: auto;
        width: 100%
    }

    .ks-prod-title-wrapper {
        padding-left: 5px;
        padding-right: 5px
    }

    .ks-prod-thumb-wrapper {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box
    }

    .ks-story-selected-block {
        align-items: center;
        height: auto
    }

    .ks-story-modal {
        display: none
    }

    .ks-story-modal.active {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 50px;
        box-sizing: border-box
    }

    .ks-story-close-button {
        display: flex;
        justify-content: center;
        align-content: center;
        position: absolute;
        bottom: 1rem;
        left: 0;
        width: 100%
    }

    .ks-story-close-button button {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
        height: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ff2641;
        color: #ffffff;
        font-size: 4.4rem;
        border: none;
        outline: none;
        border-radius: 0.3rem
    }

    .ks-story-close-button button:hover {
        background-color: #d81c33
    }

    .ks-header-wrapper {
        z-index: 99
    }

    .ks-story-modal-close-button {
        top: -9.5rem;
        right: 0.5rem;
        font-size: 5rem
    }
}

@media all and (max-width: 420px) {
    .ks-prod-grid-el {
        border-left: none !important
    }

    .ks-prod-grid-el:nth-child(2n) {
        border-left: 1px solid #e5e5e5 !important;
        border-right: none !important
    }
}

.ks-catalogue-wrapper {
    width: 100%;
    padding-top: 30px
}

.ks-catalogue-wrapper .ks-wrapper {
    display: grid;
    grid-template-columns: auto 11fr;
    grid-template-areas: "catalogueFilter catalogueGrid";
    grid-column-gap: 32px
}

.ks-filter-sidebar {
    grid-area: catalogueFilter;
    width: 300px
}

.ks-filter-sidebar .ks-filter-block {
    width: 100%
}

.ks-filter-el-title-wrapper {
    width: 100%;
    height: 50px;
    display: flex;
    justify-items: flex-start;
    align-items: center;
    cursor: pointer
}

.ks-filter-el-title {
    width: 100%;
    padding-left: 20px;
    padding-right: 34px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    color: #1d1d1d;
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.ks-filter-el-title img {
    margin-right: 8px;
    width: 24px
}

.ks-filter-el-title span {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 14px;
    color: #1d1d1d;
    transition: transform .24s ease-in-out;
    transform: rotateX(180deg) translateY(50%)
}

.ks-catalogue-grid {
    grid-area: catalogueGrid;
    width: 100%
}

.ks-filter-el {
    width: 100%;
    border-radius: 5px;
    background-color: #f4f6fa;
    margin-bottom: 10px
}

.ks-filter-el .ks-filter-el-body-wrapper > input {
    display: none
}

.ks-filter-el .ks-filter-el-body-wrapper > input:checked ~ .ks-filter-el-list .ks-filter-list-el {
    display: flex
}

.ks-filter-el .ks-filter-el-body-wrapper > input:checked ~ .ks-filter-show-button:after {
    content: attr(data-less)
}

.ks-catalogue-title-wrapper {
    width: 100%;
    min-height: 42px;
    border-bottom: 1px solid #eb1c24;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.norisult-message {
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 16px;
    color: #ff001f
}

.ks-catalogue-title {
    width: 100%;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: normal;
    color: #1d1d1d
}

.ks-catalogue-list {
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 40px
}

.ks-catalogue-list .ks-prod-grid-el {
    width: calc(20% - 30px)
}

.ks-catalogue-list .ks-prod-grid-el .ks-prod-to-cart:after, .ks-catalogue-list .ks-prod-grid-el .ks-pointer-none:after {
    content: attr(data-label);
    display: none
}

.ks-prod-list-details-list {
    display: none
}

.ks-catalogue-list.ks-list-view {
    width: 100%
}

.ks-catalogue-list.ks-list-view .ks-prod-list-details-list {
    display: block;
    position: absolute;
    top: 86px;
    left: 257px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71
}

.ks-catalogue-list.ks-list-view .ks-prod-list-details-list-el span:first-child:after {
    content: attr(data-char) " "
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 0;
    min-height: 252px;
    border: none;
    border-bottom: 1px solid #ccc;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 191px;
    position: relative
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-thumb-wrapper {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 200px;
    height: 200px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-status-row {
    position: static;
    left: 167px;
    bottom: 29px;
    width: auto;
    height: auto;
    padding-left: 0
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-status-row .ks-prod-status {
    position: absolute;
    left: 11px;
    top: 18px;
    z-index: 1
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-status-row .ks-prod-rating {
    position: absolute;
    top: 39px;
    right: 104px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-rating-star {
    font-size: 16px;
    margin-left: 3px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-price {
    position: absolute;
    white-space: nowrap;
    width: auto;
    right: 26px;
    top: 110px;
    margin-bottom: 0
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-real-price {
    font-size: 24px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-old-price {
    font-size: 14px;
    bottom: -5px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-title-wrapper {
    width: 100%;
    padding-left: 237px;
    padding-right: 110px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-title {
    height: auto;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-to-fav {
    position: absolute;
    top: 39px;
    right: 30px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-action-row {
    position: static;
    width: 0
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-to-cart, .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-pointer-none {
    width: auto;
    height: 44px;
    display: flex;
    align-items: center;
    padding-right: 22px;
    padding-left: 22px;
    position: absolute;
    bottom: 30px;
    right: 25px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-to-cart:after, .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-pointer-none:after {
    content: attr(data-label);
    font-family: 'Arial AMU', sans-serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-left: 11px
}

.ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-counter {
    position: absolute;
    bottom: 30px;
    right: 25px
}

.ks-day-offer-slider .ks-prod-grid-el {
    width: calc((100% / 6) - 30px)
}

.ks-filter-el-list {
    width: 100%
}

.ks-filter-el-list:last-child {
    padding-bottom: 10px
}

.restricted-access .access-body {
    width: 100%;
    max-width: 450px;
    height: auto;
    position: absolute;
    top: 150px;
    left: 50%;
    margin: 0 0 0 -225px;
    z-index: 100;
    background: #FFF url("../../assets/img/no-smoking.jpg") no-repeat center 40px;
    padding: 240px 20px 40px;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px
}

.close-restricted-access, .redirect-restricted-access {
    padding: 10px 45px;
    border-radius: 3px;
    display: inline-block;
    align-items: center;
    background-color: #ff324d;
    border: none;
    outline: none;
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
    cursor: pointer;
    margin: 0 5px
}

.restricted-access .access-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 50
}

.restricted-access .access-body p {
    margin: 30px 0
}

.restricted-access.hide {
    display: none
}

@media all and (max-width: 1320px) {
    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-to-fav {
        top: 13px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-status-row .ks-prod-rating {
        top: 13px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-real-price {
        font-size: 17px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-old-price {
        bottom: 0
    }
}

@media all and (max-width: 710px) {
    .ks-catalogue-title-wrapper {
        margin-bottom: 0
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-pointer-none {
        right: 15px;
        bottom: 15px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-price {
        position: static;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding-left: 90px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-price .ks-prod-real-price {
        font-size: 14px;
        font-weight: 400
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-price .ks-prod-old-price {
        font-size: 13px;
        font-weight: 400
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-to-fav {
        top: auto;
        right: auto;
        bottom: 21px;
        left: 15px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-status-row .ks-prod-status {
        bottom: 23px;
        top: auto;
        left: 54px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-title-wrapper {
        padding-left: 90px;
        padding-right: 38px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-title-wrapper .ks-prod-title {
        margin-top: 0;
        font-size: 15px;
        font-weight: normal;
        padding-bottom: 10px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-list-details-list {
        display: none
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el {
        min-height: 139px;
        padding: 15px;
        position: relative;
        display: block
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el:first-child {
        border-top: 1px solid #ccc
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-thumb-wrapper {
        width: 60px;
        height: 60px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-thumb-wrapper .item-label {
        width: 24px;
        height: 28px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-title {
        font-size: 16px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-to-cart {
        bottom: 17px;
        right: 15px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el .ks-prod-counter {
        bottom: 14px;
        right: 15px
    }

    .ks-catalogue-list.ks-list-view .ks-prod-grid-el {
        border-right: 1px solid #e5e5e5
    }
}

.ks-filter-list-el {
    padding-right: 20px;
    padding-left: 20px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 15px;
    cursor: pointer;
    display: none;
    transition: color .24s ease-in-out
}

.ks-filter-list-el:hover {
    color: #ff001f
}

.ks-filter-list-el:nth-child(-n+5) {
    display: flex
}

.ks-filter-list-el input {
    display: none
}

.ks-filter-list-el input:checked ~ .ks-checkbox-imit:after {
    top: -2px;
    opacity: 1
}

.ks-filter-list-el .ks-checkbox-imit {
    width: 20px;
    height: 20px;
    margin-right: 11px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    position: relative;
    overflow: hidden
}

.ks-filter-list-el .ks-checkbox-imit:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 5px;
    width: 8px;
    height: 16px;
    border-right: 2px solid #353739;
    border-bottom: 2px solid #353739;
    opacity: 0;
    transform: rotate(45deg);
    transition: all .24s ease-in-out
}

.ks-filter-show-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 47px;
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 15px;
    color: #4a90e2
}

.ks-filter-show-button:after {
    content: attr(data-more)
}

.ks-reset-filter-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding: 13px 11px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.ks-reset-filter-form:hover {
    text-decoration: underline
}

.ks-reset-filter-cross {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    position: relative
}

.ks-reset-filter-cross:after, .ks-reset-filter-cross:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3px;
    background-color: #ff2641
}

.ks-reset-filter-cross:hover:after, .ks-reset-filter-cross:hover:before {
    background-color: #d81c33
}

.ks-reset-filter-cross:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.ks-reset-filter-cross:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ks-reset-filter-label {
    font-size: 15px;
    font-weight: normal;
    color: #4a90e2
}

.ks-filter-brand-check-list {
    padding-left: 15px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.ks-filter-brand-check-list > input {
    display: none
}

.ks-filter-brand-check-list > .ks-filter-show-button {
    padding-left: 0
}

.ks-filter-brand-check-list-el {
    width: calc((100% / 3) - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    cursor: pointer
}

.ks-filter-brand-check-list-el:not(:nth-child(-n+7)) {
    display: none
}

.ks-filter-brand-check-list-el:nth-child(-n+7) {
    display: flex
}

.ks-filter-brand-check-list > input:checked ~ .ks-filter-brand-check-list-el {
    display: flex
}

.ks-filter-brand-check-list > input:checked ~ .ks-filter-show-button:after {
    content: attr(data-less)
}

.ks-filter-brand-icon-checkbox {
    display: none
}

.ks-filter-brand-icon-wrapper {
    width: 80px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    box-sizing: border-box;
    border: solid 2px transparent;
    transition: border .24s ease-in-out;
    text-align: center;
    font-size: 12px
}

.ks-filter-brand-icon-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ks-filter-brand-icon-wrapper:hover {
    border: solid 2px rgba(255, 38, 65, 0.7)
}

.ks-filter-brand-icon-checkbox:checked + .ks-filter-brand-icon-wrapper {
    border: solid 2px #ff2641
}

.ks-filter-color-check-list {
    padding-left: 10px;
    padding-right: 17px;
    padding-bottom: 9px;
    display: flex;
    justify-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.ks-filter-color-check-list-el {
    margin-right: 5px;
    margin-bottom: 5px
}

.ks-filter-color-checkbox {
    display: none
}

.ks-filter-color-wrapper {
    display: block;
    width: 34px;
    height: 34px;
    border: 5px solid #f2f2f2;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    cursor: pointer
}

.ks-filter-color-wrapper:after {
    content: "";
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -5px;
    top: -5px;
    border-radius: 50%;
    box-sizing: content-box;
    border: 2px solid transparent;
    transition: border .24s ease-in-out
}

.ks-filter-color-wrapper:hover:after {
    border: 2px solid #ccc
}

.ks-filter-color-checkbox:checked + .ks-filter-color-wrapper:after {
    content: "";
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -5px;
    top: -5px;
    border-radius: 50%;
    box-sizing: content-box;
    border: 2px solid #ccc
}

.ks-filter-el-body-wrapper {
    width: 100%
}

.ks-filter-el-title-wrapper.active .ks-filter-el-title span {
    transform: rotateX(0) translateY(-50%)
}

.ks-sidebar-category-submenu.parent {
    padding: 0 0 10px
}

.ks-sidebar-category-submenu {
    width: 100%;
    margin-bottom: 29px;
    padding: 0 0 0 39px;
    box-sizing: border-box
}

.history-back {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 8px 0 0
}

.history-back span {
    margin: 4px 0 0 0;
    display: block;
    transform: rotate(180deg);
    font-size: 12px;
    text-align: center
}

.ks-sidebar-category-submenu-el {
    width: 100%;
    margin-bottom: 7px
}

.ks-sidebar-category-submenu-el a {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ks-sidebar-category-submenu-el .ks-sidebar-category-submenu-icon {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.ks-sidebar-category-submenu-el .ks-sidebar-category-submenu-icon img {
    width: 100%
}

.ks-sidebar-category-submenu-label {
    font-size: 14px;
    letter-spacing: normal;
    color: #1d1d1d;
    font-weight: 400;
    transition: color .24s ease-in-out
}

.ks-sidebar-category-submenu-label:hover {
    color: #ff001f
}

.ks-sidebar-category-submenu-el.active a h3 {
    color: #ff001f
}

.ks-catalogue-view-variants {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ks-catalogue-view-variant {
    margin-left: 19px;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    transition: color .24s ease-in-out
}

.ks-catalogue-view-variant.active, .ks-catalogue-view-variant:hover {
    color: #ff001f
}

.ks-catalogue-sort-select {
    appearance: none;
    max-width: 230px;
    margin-left: 25px;
    height: 40px;
    position: relative;
    padding-right: 48px;
    padding-left: 14px;
    font-size: 14px;
    color: #1d1d1d;
    border-radius: 3px;
    border: solid 1px #cccccc;
    outline: none;
    background-image: url("./../../assets/img/ico/select.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 14px);
    background-size: 18px;
    cursor: pointer
}

.ks-catalogue-action-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 9px
}

.ks-filter-button {
    display: none
}

.ks-catalogue-wrapper ~ .ks-main-prod-cat-block .owl-nav button {
    top: -60px
}

.ks-nested-level-block-container:hover + a {
    color: #ff324d;
    font-weight: 700
}

.ks-nested-level-block-wrapper {
    z-index: 1
}

.ks-nested-level-block-container {
    display: none
}

.ks-nav-first-level-block:hover .maincat-firstlevel:last-child .ks-nested-level-block-container {
    display: flex;
    position: absolute;
    left: 297px;
    padding-left: 3px;
    top: 0;
    width: 875px;
    z-index: 5;
    box-shadow: 16px 0 8px 0 rgba(0, 0, 0, 0.06)
}

@-moz-document url-prefix() {
    .ks-nav-first-level-block:hover .maincat-firstlevel:last-child .ks-nested-level-block-container {
        margin-left: -6px;
        padding-left: 6px
    }
}

li.maincat-firstlevel:hover .ks-nested-level-block-container, li.maincat-firstlevel.hovered .ks-nested-level-block-container {
    display: flex;
    position: absolute;
    left: 297px;
    padding-left: 3px;
    top: 0;
    width: 875px;
    z-index: 7
}

@-moz-document url-prefix() {
    li.maincat-firstlevel:hover .ks-nested-level-block-container, li.maincat-firstlevel.hovered .ks-nested-level-block-container {
        margin-left: -6px;
        padding-left: 6px
    }
}

.ks-hero-category-col {
    position: relative
}

.ks-hero-category-col .ks-nav-first-level-block {
    width: 100%;
    height: 490px
}

.ks-hero-category-col .ks-nav-first-level-block:hover {
    box-shadow: -9px 1px 8px 0 rgba(0, 0, 0, 0.06)
}

.ks-close-mobile-filter {
    display: none
}

@media all and (max-width: 1700px) {
    .ks-catalogue-list {
        width: 100%
    }

    .ks-catalogue-list .ks-prod-grid-el {
        width: 20%;
        margin-right: 0
    }
}

@media all and (max-width: 1580px) {
    .ks-prod-grid-el {
        width: 25% !important
    }
}

@media all and (max-width: 1280px) {
    .ks-prod-grid-el {
        width: 33.333% !important
    }
}

@media all and (max-width: 1024px) {
    .ks-close-mobile-filter {
        display: block;
        width: 100%;
        max-width: 400px;
        height: 45px;
        background-color: #ff2641;
        position: fixed;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        border: none;
        outline: none;
        color: #ffffff
    }

    .ks-catalogue-wrapper .ks-wrapper {
        display: block
    }

    .ks-filter-sidebar {
        width: 100%
    }

    .ks-catalogue-grid {
        width: 100%;
        padding-top: 10px
    }

    .ks-filter-button {
        display: block;
        width: 48px;
        height: 48px;
        font-size: 18px;
        font-weight: 600;
        color: #353739;
        margin-bottom: 10px;
        border: none;
        outline: none;
        background-color: #f2f2f2;
        border-radius: 24px;
        cursor: pointer;
        background: #ff2641 url("/public/assets/img/filters.svg") center center no-repeat;
        background-size: 28px;
        position: fixed;
        top: 140px;
        right: 15px;
        z-index: 10;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
    }

    .ks-filter-button:hover {
        background-color: #d81c33
    }

    .ks-filter-block {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background-color: #fff;
        border: 10px solid transparent;
        box-sizing: border-box;
        overflow: auto;
        padding-bottom: 50px
    }

    .ks-filter-block.active {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ks-filter-block.active + .ks-filter-button {
        z-index: 99;
        top: 6px;
        width: 30px;
        height: 30px;
        background-color: transparent;
        display: none
    }

    .ks-filter-block.active + .ks-filter-button:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: 20px;
        height: 1px;
        background-color: #000
    }

    .ks-filter-block.active + .ks-filter-button:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
        width: 20px;
        height: 1px;
        background-color: #000
    }

    .ks-filter-brand-check-list-el {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .ks-filter-el {
        width: calc(50% - 5px)
    }
}

@media all and (max-width: 640px) {
    .ks-filter-block {
        display: none
    }

    .ks-filter-block.active {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }

    .ks-filter-el {
        width: 100%
    }

    .ks-catalogue-list.ks-list-view .ks-prod-to-cart, .ks-catalogue-list.ks-list-view .ks-pointer-none {
        padding-left: 15px !important;
        padding-right: 15px !important;
        height: 36px !important
    }

    .ks-catalogue-list.ks-list-view .ks-prod-to-cart:after, .ks-catalogue-list.ks-list-view .ks-pointer-none:after {
        display: none !important
    }

    .ks-catalogue-list.ks-list-view .ks-prod-real-price, .ks-catalogue-list.ks-list-view .ks-prod-old-price {
        font-size: 14px !important
    }
}

@media all and (max-width: 600px) {
    .ks-catalogue-wrapper ~ .ks-main-prod-cat-block .owl-nav button {
        top: -32px
    }

    .ks-filter-el {
        width: 100%
    }

    .ks-thumbnail-viewer-body .ks-thumbnail-viewer-secondary-image {
        margin-left: 5px;
        margin-right: 5px;
        width: 60px;
        height: 60px
    }

    .ks-thumbnail-viewer-body .ks-thumbnail-viewer-secondary-image-list {
        width: 100%;
        height: 110px
    }

    .ks-thumbnail-viewer-body .ks-thumbnail-viewer-main-image {
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
        height: calc(100% - 110px)
    }

    .ks-sidebar-category-submen.parent {
        display: none
    }

    .ks-sidebar-category-submenu {
        display: none
    }

    .history-back {
        display: none
    }

    .ks-catalogue-title {
        font-size: 20px
    }

    .ks-catalogue-wrapper {
        padding-top: 5px
    }
}

@media all and (max-width: 522px) {
    .ks-catalogue-title-wrapper {
        margin-bottom: 60px;
        position: relative
    }

    .ks-catalogue-action-block {
        position: absolute;
        bottom: -60px;
        right: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .ks-catalogue-view-variant {
        margin-left: 0
    }

    .ks-catalogue-view-variant.active {
        display: none
    }

    .ks-thumbnail-viewer-body .ks-thumbnail-viewer-main-image {
        width: calc(100% - 70px)
    }
}

@media all and (max-width: 500px) {
    .ks-catalogue-list .ks-prod-grid-el {
        width: 50% !important;
        border-right: 1px solid #e5e5e5 !important;
        border-left: none
    }
}

@media all and (max-width: 420px) {
    .ks-catalogue-list .ks-prod-grid-el {
        border-left: none !important;
        border-right: 1px solid #e5e5e5 !important
    }

    .ks-catalogue-list .ks-prod-grid-el:nth-child(2n) {
        border-left: none !important;
        border-right: none !important
    }
}

.ks-single-wrapper {
    width: 100%
}

.ks-single-section-title {
    width: 100%;
    box-sizing: border-box;
    position: sticky;
    font-size: 26px;
    font-weight: normal;
    color: #1d1d1d;
    top: 145px;
    left: 0;
    background-color: #fff;
    z-index: 3;
    padding-bottom: 11px
}

.ks-single-section-title:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eb1c24;
    position: absolute;
    bottom: 0;
    left: 0
}

.ks-single-section-inner {
    width: 100%;
    max-width: 1395px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    box-sizing: border-box
}

.free-description-text {
    padding: 20px 30px;
    background: #F1F1F1;
    border-radius: 10px;
    margin: 20px auto 40px;
    max-width: 1440px
}

.free-description-text ul {
    margin: 20px 0 0;
    padding: 0 0 0 20px
}

.free-description-text ul li {
    list-style-type: disc;
    padding: 5px
}

.free-description-text p {
    margin: 10px 0;
    line-height: 1.4
}

.free-description-text li p {
    margin: 0;
    line-height: 1
}

.ks-single-thumbnail-wrapper {
    padding-left: 128px;
    position: sticky;
    left: 0;
    top: 236px;
    margin-bottom: 20px
}

.ks-single-min-thumbnail-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 98px
}

.ks-single-min-thumbnail {
    width: 100%;
    height: 98px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    margin-bottom: 11px;
    transition: border .24s ease-in-out;
    cursor: pointer;
    padding: 10px;
    box-sizing: border-box
}

.ks-single-min-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ks-single-min-thumbnail:hover, .ks-single-min-thumbnail.active {
    border: solid 1px #ff324d
}

.ks-single-prod-main-thumbnail {
    width: 500px;
    height: 500px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    cursor: pointer;
    padding: 10px;
    box-sizing: border-box;
    position: relative
}

.ks-single-prod-main-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ks-single-prod-main-thumbnail .item-label {
    width: 64px;
    height: 64px;
    display: block;
    position: absolute;
    right: 20px
}

.ks-single-prod-main-thumbnail .item-label img {
    width: 100%
}

.ks-single-prod-main-thumbnail .item-label:nth-of-type(1) {
    top: 15px
}

.ks-single-prod-main-thumbnail .item-label:nth-of-type(2) {
    top: 94px
}

.ks-single-prod-main-thumbnail .item-label:nth-of-type(3) {
    top: 173px
}

.ks-single-prod-main-thumbnail .item-label:nth-of-type(4) {
    top: 252px
}

.ks-single-prod-main-thumbnail .item-label:nth-of-type(5) {
    top: 331px
}

.ks-single-prod-main-thumbnail .item-label:nth-of-type(6) {
    top: 410px
}

.ks-single-info-wrapper {
    position: relative;
    width: calc(100% - 630px);
    min-height: 500px;
    padding-right: 225px
}

.ks-single-info-same-cat-prod-list {
    width: 155px;
    position: absolute;
    top: 0;
    right: 0
}

.ks-single-info-same-cat-prod {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 155px;
    border: 1px solid #f2f2f2;
    margin-bottom: 11px;
    position: relative
}

.ks-single-info-same-cat-prod img {
    width: 80%;
    height: 80%;
    object-fit: contain
}

.ks-single-info-same-cat-prod:after {
    content: attr(data-prod-price);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    background-color: #ff324d;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap
}

.ks-single-info-inner {
    width: 100%;
    padding-left: 80px;
    box-sizing: border-box
}

.ks-single-status-row {
    width: 100%;
    height: 54px;
    margin-top: -17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 3px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.ks-single-status-col {
    display: flex;
    align-items: center
}

.ks-single-prod-status {
    padding-left: 20px;
    padding-right: 20px;
    height: 24px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 3px;
    margin-right: 20px
}

.ks-single-prod-status[data-status="in-stock"] {
    background-color: #7ed321
}

.ks-single-prod-status[data-status="in-stock"]:after {
    content: attr(data-in-stock)
}

.ks-single-prod-status[data-status="out-stock"] {
    background-color: #ccc
}

.ks-single-prod-status[data-status="out-stock"]:after {
    content: attr(data-out-stock)
}

.ks-single-prod-to-fav {
    width: 24px;
    border: none;
    outline: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding-left: 0;
    padding-right: 0;
    color: #ccc;
    margin-right: 20px;
    transition: color .24s ease-in-out;
    cursor: pointer
}

.ks-single-prod-to-fav.active {
    color: #ff2641
}

.ks-single-prod-to-fav.active:before {
    content: "\e903"
}

.ks-single-prod-to-fav:hover {
    color: #ff2641
}

.ks-single-rate-list {
    display: flex;
    align-items: center;
    display: none
}

.ks-single-rate {
    margin-right: 3px;
    font-size: 15px;
    color: #ccc
}

.ks-single-rate.active {
    color: #ffc107
}

.ks-prod-article-number {
    font-size: 18px;
    color: #000000
}

.ks-single-prod-form {
    width: 100%;
    padding-bottom: 20px;
    position: relative
}

.ks-single-prod-variant-title {
    width: 100%;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    display: none
}

.ks-breadcrumb {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 20px
}

.ks-breadcrumb-item {
    font-size: 13px
}

.ks-breadcrumb-item:not(:last-child):after {
    content: " / ";
    color: #000
}

a.ks-breadcrumb-item {
    color: #ff001f
}

.ks-single-desc-el {
    width: 100%;
    display: flex
}

.ks-single-desc-el span {
    font-size: 14px;
    line-height: 1.71;
    color: #000
}

.ks-single-desc-el span:first-child {
    display: block
}

.ks-single-desc-el span:first-child:first-letter {
    text-transform: uppercase
}

.ks-single-desc-el span:first-child:after {
    content: attr(data-char) " "
}

.ks-single-prod-variant-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.ks-single-prod-variant {
    width: 60px;
    height: 60px;
    margin-right: 16px;
    background-color: #ffffff;
    cursor: pointer
}

.ks-single-prod-variant input {
    display: none
}

.ks-single-prod-variant img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: solid 1px #cccccc;
    transition: border .24s ease-in-out
}

.ks-single-prod-variant input:checked + img {
    border: 1px solid #ff324d
}

.ks-single-product-price {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px
}

.ks-single-product-current-price {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #d0021b
}

.ks-single-product-old-price {
    font-size: 14px;
    text-align: center;
    color: #9b9b9b;
    margin-left: 25px;
    display: block;
    position: relative
}

.ks-single-product-old-price:after {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    width: calc(100% + 4px);
    height: 1px;
    background-color: #ff2641
}

.ks-single-to-cart-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    position: relative
}

.ks-single-prod-counter.ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus:after {
    width: calc(100% - 150px);
    bottom: auto;
    top: -1px
}

.ks-single-prod-counter.ks-calculator-block.inactive .ks-prod-calculator-btn[data-index="plus"]:focus:before {
    right: auto;
    left: 140px;
    border-right: 5px solid #354054;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: auto;
    top: 13px
}

.ks-single-prod-counter {
    margin-right: 10px;
    align-items: center;
    justify-content: flex-start;
    display: none
}

.ks-single-prod-counter.active {
    display: flex
}

.ks-single-prod-action {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    transition: border .24s ease-in-out
}

.ks-single-prod-action:hover {
    border: solid 1px #ff2641
}

.ks-single-prod-count {
    width: 56px;
    height: 34px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    margin-right: 5px;
    margin-left: 5px;
    pointer-events: none
}

.ks-single-to-cart-button {
    padding-left: 22px;
    padding-right: 22px;
    height: 34px;
    border-radius: 3px;
    background-color: #ff2641;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: background-color .24s ease-in-out
}

.ks-single-to-cart-button span {
    margin-right: 11px;
    font-size: 20px
}

.ks-single-to-cart-button:hover {
    background-color: #d81c33
}

.ks-pointer-det-none {
    padding-left: 22px;
    padding-right: 22px;
    height: 34px;
    border-radius: 3px;
    background-color: #ccc;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    pointer-events: none
}

.ks-pointer-det-none span {
    margin-right: 11px;
    font-size: 20px
}

.ks-single-text-info {
    width: 100%
}

.ks-single-text-info-title {
    width: 100%;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 700
}

.ks-single-description {
    width: 100%
}

.ks-single-description h2, .ks-single-description h3, .ks-single-description h4, .ks-single-description h5, .ks-single-description h6 {
    padding-bottom: 10px
}

.ks-single-description p {
    font-size: 14px;
    line-height: 1.71;
    color: #000000;
    padding-bottom: 10px
}

.ks-single-description a {
    font-size: 14px;
    line-height: 1.71;
    color: #4a90e2
}

.ks-single-description li {
    font-size: 14px;
    line-height: 1.71;
    color: #000000
}

.ks-thumbnail-viewer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9
}

.ks-thumbnail-viewer.active {
    display: flex
}

.ks-thumbnail-viewer-body {
    width: calc(100% - 40px);
    max-width: 990px;
    height: calc(100% - 50px);
    background-color: #fff;
    position: relative
}

.ks-thumbnail-viewer-close-button {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.ks-thumbnail-viewer-close-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #d8d8d8
}

.ks-thumbnail-viewer-close-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: #d8d8d8
}

.ks-thumbnail-viewer-main-image {
    width: calc(100% - 190px);
    height: calc(100% - 140px);
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box
}

.ks-thumbnail-viewer-main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ks-thumbnail-viewer-secondary-image-list {
    width: 100%;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ks-thumbnail-viewer-secondary-image {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    border: solid 1px #cccccc;
    cursor: pointer;
    transition: border .24s ease-in-out;
    padding: 10px;
    box-sizing: border-box
}

.ks-thumbnail-viewer-secondary-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ks-thumbnail-viewer-secondary-image:hover, .ks-thumbnail-viewer-secondary-image.active {
    border: solid 1px #ff0000
}

@media all and (max-width: 720px) {
    .ks-single-wrapper ~ .ks-main-prod-cat-block .owl-nav button {
        display: block;
        top: 14px
    }

    .ks-main-prod-cat-slider {
        padding-top: 46px
    }
}

@media all and (max-width: 1390px) {
    .ks-single-prod-main-thumbnail {
        width: 400px;
        height: 400px;
        margin-bottom: 33px
    }
}

@media all and (max-width: 1290px) {
    .ks-single-info-inner {
        padding-left: 30px
    }

    .ks-single-thumbnail-wrapper {
        padding-left: 110px
    }

    .ks-single-info-wrapper {
        padding-right: 180px
    }
}

@media all and (max-width: 1155px) {
    .ks-single-info-same-cat-prod-list {
        display: none
    }

    .ks-single-info-wrapper {
        padding-right: 0
    }

    .ks-single-info-wrapper {
        width: calc(100% - 511px)
    }
}

@media all and (max-width: 1024px) {
    .ks-single-thumbnail-wrapper {
        padding-left: 0;
        padding-right: 110px
    }

    .ks-single-prod-main-thumbnail {
        width: 300px;
        height: 300px
    }

    .ks-single-info-wrapper {
        width: calc(100% - 410px);
        min-height: 350px
    }

    .ks-single-min-thumbnail-list {
        left: auto;
        right: 0
    }

    .ks-single-section-title {
        top: 125px
    }
}

@media all and (max-width: 760px) {
    .ks-single-section-title {
        top: 125px
    }

    .ks-single-min-thumbnail:only-child {
        width: 98px
    }

    .ks-single-thumbnail-wrapper {
        width: 100%;
        top: 165px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-left: 0;
        padding-right: 0;
        left: auto;
        top: auto;
        position: relative;
        padding-bottom: 100px
    }

    .ks-single-section-inner {
        flex-wrap: wrap
    }

    .ks-single-min-thumbnail-list {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        top: auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .ks-single-info-wrapper {
        width: 100%;
        padding-left: 0
    }

    .ks-single-info-inner {
        padding-left: 0
    }
}

@media all and (max-width: 600px) {
    .ks-single-wrapper ~ .ks-main-prod-cat-block .owl-nav button {
        top: 14px
    }
}

@media all and (max-width: 480px) {
    .ks-single-section-inner {
        padding-left: 0;
        padding-right: 0
    }

    .ks-single-section-title {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 20px
    }

    .ks-single-prod-main-thumbnail {
        width: 100%;
        height: 250px;
        margin-bottom: 0
    }

    .ks-single-section-inner {
        padding-top: 10px
    }

    .ks-single-min-thumbnail {
        height: 75px
    }

    .ks-single-to-cart-block {
        width: 100%;
        flex-direction: column;
        align-items: flex-start
    }

    .ks-single-prod-counter {
        margin-bottom: 10px
    }

    .ks-single-status-row {
        min-height: 54px;
        padding-bottom: 30px;
        box-sizing: content-box;
        position: relative
    }

    .ks-prod-article-number {
        position: absolute;
        bottom: 5px;
        left: 0
    }
}

body.no-scroll {
    position: absolute;
    overflow: hidden
}

.ks-cart-main-wrapper {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box
}

.ks-cart-title-row {
    width: 100%;
    border-bottom: 1px solid #eb1c24;
    padding: 20px 0 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 26px
}

@media all and (max-width: 767px) {
    .ks-day-offer-slider .ks-prod-grid-el:not(:nth-child(3n)), .ks-prod-under-sale .ks-prod-grid-el:not(:nth-child(3n)), .ks-catalogue-list .ks-prod-grid-el:not(:nth-child(3n)) {
        border-right: 1px solid #e5e5e5
    }

    .ks-day-offer-slider .ks-prod-grid-el, .ks-day-offer-slider .ks-prod-grid-el, .ks-prod-under-sale .ks-prod-grid-el, .ks-prod-under-sale .ks-prod-grid-el, .ks-catalogue-list .ks-prod-grid-el, .ks-catalogue-list .ks-prod-grid-el {
        border-left: none
    }

    .ks-catalogue-list {
        border-left: 1px solid #e5e5e5
    }
}

.ks-cart-body-wrapper {
    width: 100%;
    display: grid;
    grid-template-areas: "cartBody cartForm";
    grid-template-columns: 11fr auto;
    grid-column-gap: 30px;
    margin: 20px 0
}

.ks-cart-body {
    grid-area: cartBody;
    width: 100%
}

.ks-cart-form {
    grid-area: cartForm;
    width: 430px;
    display: block
}

.ks-cart-el {
    width: 100%;
    padding: 15px 30px 15px 15px;
    border: solid 1px #eaecef;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    min-height: 131px
}

.ks-cart-el[data-istp="1"] .ks-prod-calculator-btn {
    pointer-events: none;
    opacity: 0.3
}

.ks-cart-el[data-istp="1"] .ks-cart-el-remove {
    display: none
}

.ks-cart-el-thumbnail {
    display: block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0
}

.ks-cart-el-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ks-cart-el-info {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 140px;
    position: relative;
    padding-right: 10px;
    min-height: 100px
}

.ks-cart-el-title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 15px;
    max-width: 250px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.ks-cart-el-price-block {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.ks-cart-el-price-block .ks-cart-el-current-price {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #d0021b;
    display: block;
    margin-right: 10px
}

.ks-cart-el-price-block .ks-cart-el-old-price {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1d1d1d;
    display: block;
    position: relative
}

.ks-cart-el-price-block .ks-cart-el-old-price:after {
    content: "";
    position: absolute;
    width: calc(100% + 1px);
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: #1d1d1d
}

.ks-cart-el-rate-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: none
}

.ks-cart-el-rate-list .ks-cart-el-rate-star {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    font-size: 12px;
    color: #cccccc
}

.ks-cart-el-rate-list .ks-cart-el-rate-star.active {
    color: #ffc107
}

.ks-cart-el-status {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    height: 18px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    white-space: nowrap;
    margin-right: 20px
}

.ks-cart-el-status[data-status="in-stock"] {
    background-color: #7ed321
}

.ks-cart-el-status[data-status="in-stock"]:after {
    content: attr(data-in-stock)
}

.ks-cart-el-status[data-status="out-stock"] {
    background-color: #ccc
}

.ks-cart-el-status[data-status="out-stock"]:after {
    content: attr(data-out-stock)
}

.ks-cart-el-status-block {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ks-cart-el-remove-icon {
    position: relative;
    width: 12px;
    height: 12px;
    margin-right: 8px
}

.ks-cart-el-remove-icon:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    top: 11px;
    left: 4px;
    transform: rotate(45deg) translate(-50%, -50%);
    background-color: #4a90e2
}

.ks-cart-el-remove-icon:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    top: 1px;
    left: 5px;
    transform: rotate(-45deg) translate(-50%, -50%);
    background-color: #4a90e2
}

.ks-cart-el-count-price-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 27px;
    position: relative
}

.ks-cart-el-count-block.inactive .ks-cart-el-count-button.ks-prod-calculator-btn[data-index="plus"]:focus:before {
    right: 105px;
    bottom: 40px
}

.ks-cart-el-count-block.inactive .ks-cart-el-count-button.ks-prod-calculator-btn[data-index="plus"]:focus:after {
    bottom: 45px
}

.ks-cart-el-count-block {
    height: 34px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 40px
}

.ks-cart-el-count-button {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #999999;
    cursor: pointer
}

.ks-cart-el-count-number {
    width: 56px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #000000
}

.ks-cart-el-action-price-block {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #d0021b;
    white-space: nowrap;
    width: 91px
}

.ks-cart-el-action-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

.ks-cart-el-remove {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    color: #4a90e2;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer
}

.ks-cart-form-block {
    width: 100%;
    padding: 24px 30px 30px;
    background-color: #F4F6FA;
    margin-bottom: 15px;
    box-sizing: border-box
}

.ks-cart-form-element {
    width: 100%
}

.ks-cart-form-field {
    width: 100%;
    margin-bottom: 10px
}

@media screen and (min-width: 671px) and (max-width: 1024px) {
    .ks-cart-form-field.check-tel-itl {
        margin-bottom: 58px
    }
}

.ks-cart-form-input-label {
    width: 100%;
    display: block;
    padding-bottom: 10px;
    font-size: 15px;
    color: #4a4a4a
}

.ks-cart-form-field .iti, .ks-cart-form-field.freetext {
    margin: 0px
}

.ks-cart-form-input {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000000;
    outline: none
}

.ks-cart-form-input.empty {
    border-color: #ff334c
}

.ks-cart-form-select {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 40px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000000;
    outline: none;
    appearance: none;
    position: relative;
    background-image: url("./../../assets/img/ico/chevron-down.svg");
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 12px
}

.ks-cart-form-select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 19px;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #1d1d1d;
    border-right: 1px solid #1d1d1d;
    transform: translateY(-50%) rotate(45deg)
}

.ks-cart-form-textarea {
    width: 100%;
    height: 65px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding: 10px 20px;
    box-sizing: border-box;
    outline: none;
    resize: none;
    line-height: 1.5
}

.ks-cart-form-submit {
    width: 100%;
    height: 50px;
    background-color: #ff324d;
    font-size: 15px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 15px;
    position: relative
}

.ks-cart-form-submit.no-address:focus:after {
    content: attr(data-message);
    position: absolute;
    bottom: -20px;
    left: 0;
    border-radius: 2px;
    color: #ff324d;
    font-size: 13px
}

.ks-cart-form-submit span {
    display: block;
    margin-left: 5px;
    margin-right: 5px
}

.ks-cart-form-more-info {
    width: 100%;
    font-size: 14px;
    color: #4a90e2;
    display: none;
    justify-content: flex-start;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 4px;
    margin-bottom: 19px;
    background-color: transparent
}

.ks-cart-form-more-info span {
    font-size: 20px;
    display: block;
    margin-right: 5px
}

.ks-cart-form-more-info span img {
    width: 13px;
    height: 13px;
    object-fit: contain;
    display: block
}

.ks-cart-form[data-address-bool="false"] .ks-cart-form-more-info {
    display: flex
}

.ks-cart-form[data-address-bool="false"] .ks-address-block {
    display: none
}

.ks-address-block {
    width: 100%;
    padding: 15px 20px 20px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    margin-bottom: 15px
}

.ks-cart-sidebar-title {
    width: 100%;
    padding-bottom: 9px;
    font-size: 18px;
    font-weight: bold;
    color: #000000
}

.ks-cart-address {
    width: 100%;
    font-size: 15px;
    line-height: 1.47;
    color: #000000;
    padding-bottom: 18px
}

.ks-cart-add-address {
    font-size: 15px;
    color: #4a90e2;
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
    height: 17px;
    cursor: pointer;
    margin-bottom: 4px
}

.ks-cart-add-address span {
    display: block;
    margin-right: 5px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 1px
}

.ks-cart-payment-method {
    width: 100%;
    padding: 15px 20px 0;
    box-sizing: border-box;
    background-color: #F4F6Fa;
    margin-bottom: 25px
}

.ks-payment-method-radio-group {
    width: 100%;
    padding-top: 11px;
    box-sizing: border-box
}

.ks-payment-method-radio-group:last-child {
    padding-bottom: 20px
}

.ks-cart-form-input-not-registered {
    display: none
}

.ks-cart-form-input-not-registered.active {
    display: block
}

.ks-payment-method-radio-field {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer
}

.ks-payment-method-radio-field:not(:last-child) {
    margin-bottom: 15px
}

.ks-payment-method-radio-field input {
    display: none
}

.ks-payment-method-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    margin-right: 10px;
    position: relative
}

.ks-payment-method-dot:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #ff324d;
    transition: width .24s ease-in-out, height .24s ease-in-out
}

.ks-payment-method-label {
    font-size: 15px;
    color: #000000;
    display: flex;
    align-items: center
}

.ks-payment-method-label img {
    width: 32px;
    height: 20px;
    object-fit: contain;
    margin-right: 16px
}

.ks-payment-method-radio-field input:checked ~ .ks-payment-method-dot:after {
    width: 12px;
    height: 12px
}

.ks-cart-form-payment-num-data-block {
    margin-bottom: 10px
}

.ks-cart-form-price-data {
    width: 100%;
    margin-bottom: 15px
}

.ks-cart-form-price-data {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.ks-cart-form-price-label {
    margin-right: 7px;
    font-size: 15px;
    color: #1d1d1d;
    white-space: nowrap
}

.ks-cart-form-price-dot-row {
    width: 100%;
    margin-bottom: 2px;
    border: dashed 1px #cccccc
}

.ks-cart-form-price-num, .ks-cart-form-price-delivery, .ks-cart-form-price-top-result, .ks-cart-form-bonus-num {
    margin-left: 7px;
    white-space: nowrap;
    font-size: 15px;
    color: #1d1d1d
}

.ks-cart-form-price-num.bonus, .ks-cart-form-price-delivery.bonus, .ks-cart-form-price-top-result.bonus, .ks-cart-form-bonus-num.bonus {
    color: #ff324d
}

.ks-cart-form-price-data.bonus {
    display: none
}

.ks-cart-form-price-data.bonus.active {
    display: flex
}

.ks-cart-form-price-data:first-child .ks-cart-form-price-num {
    font-weight: 700
}

.ks-cart-form-price-num-data-block {
    padding-bottom: 10px
}

.ks-cart-date-time-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    color: #4a90e2;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 2
}

.ks-cart-date-time-button span {
    font-size: 24px;
    margin-right: 10px;
    display: block
}

.ks-cart-select-date-time {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 19px;
    cursor: pointer;
    display: none;
    position: relative
}

.ks-cart-select-date-time.active {
    display: block
}

.ks-cart-date-input {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.ui-datepicker {
    z-index: 2
}

.ks-cart-address-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 40px;
    box-sizing: border-box;
    overflow: auto
}

.ks-cart-address-modal.active {
    display: flex
}

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

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

.ks-cart-address-modal-body {
    width: 100%;
    max-width: 900px;
    padding: 40px;
    background-color: #fff;
    margin: auto;
    box-sizing: border-box;
    display: none
}

.ks-cart-address-modal.active .ks-cart-address-modal-body {
    display: block;
    animation-name: fadeInUp;
    animation-duration: .5s;
    animation-fill-mode: both
}

.ks-cart-address-modal-title {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eb1c24;
    font-size: 20px;
    font-weight: normal;
    color: #1d1d1d;
    box-sizing: border-box
}

.ks-cart-address-modal-form {
    width: calc(100% - 394px);
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box
}

.ks-cart-address-modal-form-field {
    width: 100%;
    margin-bottom: 10px
}

.ks-cart-address-modal-form-label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ks-cart-address-modal-form-label > .ks-cart-address-modal-form-input, .ks-cart-address-modal-form-label .iti .ks-cart-address-modal-form-input {
    width: 250px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 15px
}

.ks-cart-address-modal-form-input-wrapper {
    width: 250px;
    height: 34px;
    position: relative
}

.ks-cart-address-modal-form-input-wrapper input {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 15px;
    outline: none
}

.ks-cart-address-modal-form-input-wrapper select {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 15px;
    outline: none
}

.ks-cart-address-modal-form-label .iti {
    width: 250px;
    margin: 0px
}

.ks-cart-address-modal-form-input.empty {
    border: 1px solid #ff334c !important
}

.ks-cart-address-modal-form-lbl {
    width: calc(100% - 250px);
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    padding-right: 10px;
    box-sizing: border-box
}

.ks-cart-address-modal-form-lbl + .iti {
    width: 250px;
    margin-bottom: 0
}

select.ks-cart-address-modal-form-input {
    appearance: none;
    background-image: url("./../../assets/img/ico/chevron-down.svg");
    background-position: calc(100% - 21px);
    background-repeat: no-repeat;
    background-size: 12px
}

.ks-cart-address-check-to-save {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ks-cart-address-check-label {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10px
}

.ks-cart-address-check-label input {
    margin-left: 0;
    margin-right: 10px;
    width: 20px;
    height: 20px
}

.ks-cart-address-form-action {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 19px;
    margin-top: 19px;
    border-top: 1px solid #eb1c24
}

.ks-cart-address-form-action button {
    width: 183px;
    height: 44px;
    border: none;
    outline: none;
    margin-left: 15px;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer
}

.ks-cart-address-form-close {
    background-color: #f1f1f1;
    font-size: 14px;
    color: #0e0e0e
}

.ks-cart-address-form-submit {
    background-color: #ff334c;
    font-size: 14px;
    color: #ffffff;
    transition: background-color .24s ease-in-out
}

.ks-cart-address-form-submit:hover {
    background-color: #d81c33
}

.ks-cart-address-modal-form-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.ks-cart-address-map {
    width: 364px;
    padding-top: 20px;
    position: relative
}

.ks-cart-address-map #map {
    width: 100%;
    height: 100%
}

.ks-cart-date-time-wrapper {
    width: 100%;
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr
}

.ks-cart-date-time-wrapper input.empty, .ks-cart-date-time-wrapper select.empty {
    border: 1px solid #ff334c
}

.ks-cart-set-date {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000000;
    outline: none
}

.ks-cart-set-time {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000000;
    outline: none;
    appearance: none;
    position: relative;
    background-image: url(./../../assets/img/ico/chevron-down.svg);
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 12px
}

.ks-cart-sign-block-wrapper {
    width: 100%
}

.ks-cart-not-sign-block {
    width: 100%;
    padding: 20px 17px;
    background-color: #f2f2f2;
    margin-bottom: 15px;
    box-sizing: border-box
}

.ks-cart-not-sign-paragraph {
    font-size: 14px;
    color: #000
}

.ks-cart-not-sign-button-wrapper {
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    box-sizing: border-box;
    margin-top: 13px
}

.ks-cart-not-sign-button-wrapper button {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #ff324d;
    border-radius: 3px;
    border: none;
    cursor: pointer
}

.ks-cart-not-sign-button-wrapper button i {
    font-size: 20px;
    margin-right: 11px
}

.addbonuscard {
    color: #4a90e2
}

.ks-checkable-input-wrapper input.ks-authorisation-form-input {
    margin-bottom: 10px
}

.ks-checkable-input-wrapper:last-child input.ks-authorisation-form-input {
    margin-bottom: 20px
}

.ks-cart-sign-form {
    width: 100%;
    margin-bottom: 15px;
    position: relative
}

.ks-cart-sign-form .ks-authorisation-form-double-input-wrapper input {
    height: 40px
}

.ks-cart-sign-form .ks-authorisation-tab-header {
    height: 50px
}

.ks-cart-sign-form .ks-cart-form-price-num-data-block {
    margin-top: 31px;
    margin-bottom: 5px
}

.ks-cart-sign-form .ks-authorisation-form-title {
    display: none
}

.ks-cart-sign-form .ks-authorisation-tab-el {
    height: 50px;
    font-size: 15px
}

.ks-cart-sign-form .ks-authorisation-tab-el:not(.active) {
    opacity: 0.5;
    background-color: #F4F6Fa;
    color: #9b9b9b;
    border-bottom: 2px solid #fff
}

.ks-cart-sign-form .ks-authorisation-tab-el:not(.active):first-child {
    border-right: 2px solid #fff
}

.ks-cart-sign-form .ks-authorisation-tab-el:not(.active):last-child {
    border-left: 2px solid #fff
}

.ks-cart-sign-form .ks-authorisation-tab-el.active {
    background-color: #F4F6Fa
}

.ks-cart-sign-form .ks-authorisation-tab-body {
    background-color: #F4F6Fa
}

.ks-cart-sign-form .ks-authorisation-radio-block {
    margin-top: 0
}

.ks-cart-sign-form .ks-authorisation-form-inner {
    margin-top: 0
}

.ks-cart-sign-form .ks-authorisation-form-input {
    height: 40px;
    margin-bottom: 10px;
    font-size: 14px
}

.ks-cart-sign-form .ks-authorisation-reset-password {
    font-size: 14px
}

.ks-cart-sign-form .ks-authorisation-remember-checkbox {
    font-size: 14px
}

.ks-cart-sign-form .ks-authorisation-form-submit button {
    min-width: 144px;
    width: 100%
}

.ks-cart-sign-form .ks-authorisation-action-row {
    margin-bottom: 20px
}

.ks-cart-sign-form .ks-authorisation-radio-el:first-child {
    margin-right: 25px
}

.ks-cart-sign-form .ks-sign-with-social {
    width: 100%
}

.ks-cart-sign-form .ks-sign-with-social-title-block h2 {
    background-color: #f2f2f2
}

.ks-password-wrapper-block {
    width: 100%;
    position: relative;
    margin-bottom: 10px
}

.ks-password-wrapper-block button {
    position: absolute;
    right: 15px;
    top: 8px;
    background-color: transparent;
    outline: none;
    border: none;
    color: #e0e0e0;
    font-size: 24px;
    padding-left: 0;
    padding-right: 0;
    margin: 0px
}

.loginpage .ks-password-wrapper-block button {
    top: 13px
}

input[type="text"], input[type="password"], input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ks-cart-address-filled-button {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    background-color: #ff2641;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 20px;
    border: none;
    outline: none;
    cursor: pointer
}

.ks-cart-address-filled-button i {
    margin-right: 11px;
    font-size: 18px
}

.ks-cart-address-filled-button:hover {
    background-color: #d81c33
}

.ks-sign-with-social-body {
    width: 100%
}

.ks-sign-with-social-body .ks-sign-with-social-el {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    overflow: hidden
}

.ks-sign-with-social-body .ks-sign-with-social-el[data-index="facebook"] {
    background-color: #4267b2;
    color: #fff;
    margin-bottom: 13px
}

.ks-sign-with-social-body .ks-sign-with-social-el[data-index="google"] {
    background-color: #fff;
    color: #000
}

.ks-sign-with-social-body .ks-sign-with-social-el a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 5px 7px;
    font-size: 14px;
    box-sizing: border-box
}

.ks-sign-with-social-body .ks-sign-with-social-el img {
    width: 24px;
    margin-right: 9px;
    display: block
}

.ks-authorisation-page-wrapper .ks-sign-with-social-el[data-index="google"] {
    border: 1px solid #ccc
}

.ks-sign-with-social-title-block {
    width: 100%;
    height: 16px;
    margin-bottom: 20px;
    margin-top: 21px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.ks-sign-with-social-title-block:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #d8d8d8
}

.ks-sign-with-social-title-block h2 {
    font-size: 14px;
    font-weight: normal;
    padding-left: 14px;
    padding-right: 14px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.ks-continue-without-sign-in {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ks-continue-without-sign-in button {
    max-width: 100%;
    padding: 12px 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #4a4a4a;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
    transition: all .24s ease-in-out
}

.ks-continue-without-sign-in button:hover {
    color: #fff;
    background-color: #ff334c;
    border: 1px solid #ff334c
}

.ks-continue-with-signin {
    width: 100%;
    margin: 0 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.ks-continue-with-signin button {
    max-width: 100%;
    padding: 0px;
    border: 0px;
    color: #4a90e2;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
    transition: all .24s ease-in-out
}

.ks-cart-sign-inner-form {
    width: 100%;
    background-color: #f2f2f2
}

.ks-cart-sign-inner-tab-wrapper {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between
}

.ks-cart-sign-inner-tab {
    width: 100%;
    font-size: 15px;
    color: #1d1d1d;
    display: flex;
    align-items: center;
    justify-content: center
}

.ks-cart-sign-inner-tab:not(.active) {
    background-color: #ff334c;
    color: #ffffff
}

.ks-cart-sign-inner-tab-result-wrapper {
    width: 100%
}

.ks-cart-sign-inner-tab-result {
    width: 100%;
    padding: 30px 20px 28px
}

.ks-cart-sign-radio-group {
    width: 100%
}

.ks-cart-form-tween-field-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 9px;
    margin-bottom: 10px
}

.ks-payment-by-bonus-card-wrapper {
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 30px
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-elem {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    cursor: pointer
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-elem span {
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 10px;
    display: block;
    border: solid 1px #cccccc;
    background-color: #ffffff
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-elem span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ff324d;
    width: 0;
    height: 0;
    transition: all .1s linear
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-input-wrapper {
    width: 100%;
    display: none;
    margin-top: 20px;
    position: relative;
    user-select: none
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-input-wrapper input {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 100px;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    font-size: 14px;
    color: #000
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-input-wrapper input::placeholder {
    color: #9b9b9b
}

.ks-payment-by-bonus-card-wrapper .ks-bonus-card-input-wrapper .bonus-card-balance {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    color: #ff324d;
    white-space: nowrap;
    right: 10px;
    bottom: 10px
}

.ks-payment-by-bonus-card-wrapper #bonus-card-check {
    display: none
}

.ks-payment-by-bonus-card-wrapper #bonus-card-check:checked ~ .ks-bonus-card-elem span:after {
    width: 12px;
    height: 12px
}

.ks-payment-by-bonus-card-wrapper #bonus-card-check:checked ~ .ks-bonus-card-input-wrapper {
    display: block
}

.ks-payment-by-bonus-card-wrapper #bonus-card-check:checked ~ .ks-bonus-card-input-wrapper.active:after {
    content: attr(data-more);
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% + 4px);
    font-size: 11px;
    color: #ff324d
}

.success-page {
    width: 100%;
    max-width: 680px;
    margin: 100px auto;
    padding: 70px 20px 70px 290px;
    background: url("./../../assets/img/success.svg") left center no-repeat;
    background-size: 230px;
    color: #3E4A6B;
    box-sizing: border-box
}

.success-page h1 {
    font-size: 30px;
    margin: 0 0 20px
}

.success-page .continue-shopping {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 3px;
    background-color: #ff334c;
    font-size: 14px;
    color: #ffffff;
    margin-top: 20px;
    transition: background-color .24s ease-in-out
}

.success-page .continue-shopping:hover {
    background-color: #d81c33
}

@media all and (max-width: 1120px) {
    .success-page {
        padding-left: 0;
        text-align: center;
        padding-top: 100px;
        background-position: top center;
        background-size: 82px
    }

    .success-page > div {
        padding-left: 15px;
        padding-right: 15px
    }

    .ks-cart-form {
        width: 350px
    }

    .ks-cart-form-tween-field-wrapper {
        display: block
    }

    .ks-cart-form-tween-field-wrapper .ks-cart-form-tween-field:first-child {
        margin-bottom: 10px
    }
}

@media all and (max-width: 1024px) and (min-width: 671px) {
    .ks-cart-form-field-wrapper {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .ks-cart-form-tween-field-wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px
    }

    .ks-cart-form-field.check-tel-itl {
        margin-bottom: 10px
    }
}

@media all and (max-width: 1024px) {
    .ks-cart-body-wrapper {
        display: block
    }

    .ks-cart-form {
        width: 100%
    }

    .ks-cart-form-field.freetext {
        margin-top: 10px
    }

    .ks-cart-address-modal-form-wrapper {
        flex-direction: column;
        align-items: stretch
    }

    .ks-cart-address-map {
        width: 100%;
        height: 200px
    }

    .ks-cart-address-modal-form {
        width: 100%
    }

    .ks-cart-address-modal-body {
        max-width: 600px
    }

    .ks-cart-address-modal.active .ks-cart-address-modal-body {
        animation-name: fadeIn
    }
}

@media all and (max-width: 790px) {
    .ks-cart-el {
        padding: 0;
        border-radius: 5px;
        background-color: #f4f6fa;
        flex-direction: column;
        border: 0px
    }

    .ks-cart-el-info {
        width: 100%;
        height: 120px;
        padding-left: 140px;
        position: relative;
        box-sizing: border-box;
        padding-right: 10px
    }

    .ks-cart-el-thumbnail {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 100px;
        height: 100px;
        background-color: #fff;
        padding: 2px
    }

    .ks-cart-el-status-block {
        display: none
    }

    .ks-cart-el-title {
        padding: 0px;
        margin: 0 0 5px;
        font-size: 16px;
        font-weight: normal;
        color: #000000
    }

    .ks-cart-el-price-block .ks-cart-el-current-price {
        font-weight: normal
    }

    .ks-cart-el-info-block {
        margin-left: 0
    }

    .ks-cart-el-action-col {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        display: flex;
        box-sizing: border-box;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row
    }

    .ks-cart-el-count-price-block {
        margin-bottom: 0
    }

    .ks-cart-el-remove {
        margin-left: 15px
    }

    .ks-cart-el-count-block {
        margin-right: 15px
    }

    .ks-cart-el-count-number, .ks-cart-el-count-button {
        background-color: #fff
    }

    .ks-cart-el-action-col {
        min-height: 40px
    }
}

@media all and (max-width: 670px) {
    .ks-cart-form-field-wrapper {
        column-count: 1
    }
}

@media all and (max-width: 560px) {
    .ks-cart-main-wrapper {
        padding-left: 10px;
        padding-right: 10px
    }

    .ks-cart-el-action-price-block {
        width: auto
    }

    .ks-cart-form-block {
        padding: 20px 10px 30px
    }

    .ks-cart-el-count-number {
        width: 36px
    }

    .ks-cart-el-remove {
        text-indent: -10000px
    }

    .ks-cart-address-modal {
        padding: 10px
    }

    .ks-cart-address-modal-body {
        padding: 20px
    }

    .ks-cart-address-modal-form-lbl {
        width: 120px
    }

    .ks-cart-address-modal-form-input {
        width: calc(100% - 120px)
    }

    .ks-cart-address-check-to-save {
        padding-left: 0
    }
}

@media all and (max-width: 420px) {
    .ks-cart-el-thumbnail {
        width: 70px;
        height: 70px
    }

    .ks-cart-el-info {
        padding-left: 94px
    }

    .ks-cart-el-info {
        height: 100px
    }

    .ks-cart-el-count-block {
        margin-right: 9px
    }

    .ks-cart-title-row {
        font-size: 20px;
        margin-bottom: 15px
    }

    .ks-wrapper {
        padding-right: 15px;
        padding-left: 15px
    }

    .ks-cart-form-block {
        padding-left: 15px;
        padding-right: 15px
    }

    .ks-cart-address-modal-form-label {
        flex-wrap: wrap;
        margin-bottom: 15px
    }

    .ks-cart-address-modal-form-lbl {
        width: 100%;
        height: auto;
        padding-bottom: 10px
    }

    .ks-cart-address-modal-form-input-wrapper {
        width: 100%
    }

    .ks-cart-address-modal-form-label > .ks-cart-address-modal-form-input, .ks-cart-address-modal-form-label .iti .ks-cart-address-modal-form-input {
        width: 100%
    }

    .ks-cart-address-modal-form-input {
        width: 100%
    }

    .ks-cart-address-form-action button:first-child {
        margin-left: 0
    }

    .ks-cart-date-time-wrapper {
        display: block
    }

    .ks-cart-set-date {
        margin-bottom: 20px
    }
}

#main_order_form.no-address .ks-cart-form-submit:before {
    content: attr(data-message);
    position: absolute;
    bottom: -21px;
    color: #ff324d;
    left: 0
}

.ks-authorisation-page-wrapper {
    width: 100%;
    box-sizing: border-box;
    background-color: #f1f1f1;
    padding: 50px 10px 80px
}

.ks-authorisation-page-wrapper .ks-checkable-input-wrapper:before {
    top: 48px
}

.ks-authorisation-tab-wrapper {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff
}

.ks-authorisation-tab-header {
    width: 100%;
    height: 60px;
    display: flex
}

.ks-authorisation-tab-el {
    width: 50%;
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #9b9b9b;
    cursor: pointer;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    background-color: #F2F2F2;
    opacity: 0.5
}

.ks-authorisation-tab-el.active {
    background-color: #fff;
    color: #1D1D1D;
    cursor: default;
    opacity: 1
}

.ks-authorisation-tab-body {
    background-color: #fff
}

.ks-authorisation-form {
    display: none;
    width: 100%;
    box-sizing: border-box
}

.ks-authorisation-form.active {
    display: block
}

.ks-authorisation-form-title {
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #1d1d1d;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 30px
}

.ks-authorisation-form-inner {
    width: 100%
}

.ks-authorisation-form-inner input[type="email"] {
    margin-bottom: 10px
}

.ks-authorisation-form-input {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #cccccc;
    font-size: 15px;
    font-weight: normal;
    color: #000
}

.ks-authorisation-form-input::placeholder {
    color: #000
}

.ks-authorisation-action-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.ks-authorisation-remember-checkbox {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #000;
    cursor: pointer
}

.ks-authorisation-remember-checkbox input {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0
}

.ks-authorisation-remember-checkbox a {
    color: #4a90e2
}

.ks-authorisation-reset-password {
    font-size: 15px;
    color: #4a90e2;
    text-decoration: none
}

.ks-authorisation-form-submit {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.ks-authorisation-form-submit button:disabled {
    opacity: 0.6;
    pointer-events: none
}

.ks-authorisation-form-submit button {
    min-width: 183px;
    width: 100%;
    height: 44px;
    background-color: #ff334c;
    font-size: 14px;
    font-weight: bold;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    transition: background-color .24s ease-in-out
}

.ks-authorisation-form-submit button:hover {
    background-color: #d81c33
}

.ks-not-same-msg {
    color: #ff334c;
    padding-bottom: 10px;
    font-size: 14px;
    display: none
}

.ks-not-same-msg.active {
    display: block
}

.ks-authorisation-radio-block {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px
}

.ks-authorisation-radio-block.mail ~ .iti--allow-dropdown {
    display: none
}

.ks-authorisation-radio-el {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    font-size: 15px
}

.ks-authorisation-radio-el:first-child {
    margin-right: 30px
}

.ks-authorisation-radio-imit {
    display: block;
    width: 20px;
    height: 20px;
    border: solid 1px #cccccc;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box;
    margin-right: 10px
}

.ks-authorisation-radio-imit:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #ff334c;
    transition: width .24s ease-in-out, height .24s ease-in-out, background-color .24s ease-in-out
}

.ks-authorisation-radio-imit:after:hover {
    background-color: #d81c33
}

.ks-authorisation-radio-el input[type="radio"] {
    display: none
}

.ks-authorisation-radio-el input[type="radio"]:checked + .ks-authorisation-radio-imit:after {
    width: 14px;
    height: 14px
}

.ks-authorisation-form-double-input-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.ks-authorisation-form-double-input-wrapper input {
    width: calc(50% - 5px);
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #cccccc;
    font-size: 15px;
    font-weight: normal;
    color: #000
}

.ks-authorisation-form-input-info {
    display: block;
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 20px
}

.ks-authorisation-form-verify {
    width: 100%;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 34px
}

.ks-authorisation-form-paragraph {
    font-size: 15px;
    line-height: 1.38;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0
}

.ks-authorisation-form-paragraph strong {
    font-weight: 700
}

.ks-authorisation-verification-code {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

.ks-authorisation-verification-code input {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    text-align: left;
    margin-bottom: 20px;
    font-size: 15px;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.ks-authorisation-verification-code input.actcode {
    text-align: center;
    -moz-appearance: textfield
}

.ks-authorisation-verification-code input.actcode::-webkit-outer-spin-button, .ks-authorisation-verification-code input.actcode::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ks-authorisation-verification-code input::placeholder {
    color: #9b9b9b
}

.ks-authorisation-verification-code > button {
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff334c;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    transition: background-color .24s ease-in-out
}

.ks-authorisation-verification-code > button[disabled] {
    opacity: 0.6;
    pointer-events: none
}

.ks-authorisation-verification-code > button:hover {
    background-color: #d81c33
}

.ks-countdown {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0 !important;
    text-align: center
}

.ks-countdown.opacity {
    opacity: 0
}

#verify_submit {
    cursor: pointer
}

#verify_again {
    cursor: pointer;
    display: none;
    height: auto;
    background: transparent;
    color: #4a90e2;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0
}

.ks-authorisation-form {
    padding: 0
}

.ks-authorisation-form > .ks-authorisation-form-inner, .ks-authorisation-form > .registrationForm {
    padding: 20px;
    box-sizing: border-box
}

@media all and (max-width: 1024px) {
    .ks-authorisation-page-wrapper {
        padding-top: 20px
    }

    .ks-authorisation-radio-block {
        flex-direction: column;
        align-items: flex-start
    }

    .ks-authorisation-radio-el {
        align-items: flex-start;
        margin-bottom: 15px
    }

    .ks-authorisation-form-double-input-wrapper {
        flex-wrap: wrap
    }

    .ks-authorisation-form-double-input-wrapper input {
        width: 100%
    }

    .ks-authorisation-form-double-input-wrapper input:first-child {
        margin-bottom: 10px
    }

    .ks-authorisation-remember-checkbox {
        display: block;
        padding-left: 30px;
        box-sizing: border-box;
        position: relative
    }

    .ks-authorisation-remember-checkbox input {
        position: absolute;
        top: 0;
        left: 0
    }

    .ks-authorisation-action-row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .ks-authorisation-reset-password {
        margin-top: 10px
    }

    .ks-authorisation-form-verify {
        padding: 20px 30px
    }
}

@media all and (max-width: 600px) {
    .ks-authorisation-tab-el {
        font-size: 15px
    }

    .ks-authorisation-page-wrapper {
        padding-bottom: 20px
    }
}

.ks-pages-wrapper {
    width: 100%;
    height: 100%;
    display: grid;
    grid-auto-columns: auto 11fr;
    grid-template-areas: "pagesSidebar pagesContent";
    grid-column-gap: 40px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box
}

.ks-pages-sidebar {
    grid-area: pagesSidebar;
    width: 300px;
    height: 100%
}

.ks-pages-content {
    grid-area: pagesContent;
    width: 100%;
    height: 100%
}

.ks-pages-content:only-child {
    width: calc(100% + 40px);
    grid-area: unset
}

.ks-pages-list {
    width: 100%;
    padding-bottom: 40px
}

.ks-pages-list-el {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #dee2e6;
    box-sizing: border-box
}

.ks-pages-list-el a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    color: #1d1d1d
}

.ks-pages-list-el.active a {
    font-weight: bold;
    color: #ff324d
}

.ks-pages-list-el:hover a {
    color: #ff324d
}

.ks-pages-banner-list {
    width: 100%;
    margin-bottom: 50px
}

.ks-pages {
    width: 296px;
    background-color: #d8d8d8;
    margin-bottom: 30px;
    position: relative
}

.ks-pages img {
    width: 100%;
    display: block
}

.ks-pages-content-title-block {
    width: 100%;
    font-size: 26px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eb1c24;
    display: flex;
    align-items: center
}

h1.ks-pages-content-title-block {
    color: #1d1d1d;
    font-weight: normal
}

.ks-pages-content-title-el {
    font-size: 26px;
    color: #1d1d1d
}

.ks-pages-content-title-el a {
    color: #4a90e2
}

.ks-pages-content-title-el:not(:first-child):before {
    content: " / "
}

.ks-pages-content-title-el:not(:last-child):before {
    color: #4a90e2
}

.ks-pages-content-block {
    width: 100%;
    margin-bottom: 80px
}

.ks-pages-content-block img {
    max-width: 50%;
    margin: 20px
}

.ks-pages-content-block h2 {
    font-size: 32px;
    padding-bottom: 20px
}

.ks-pages-content-block h3 {
    font-size: 24px;
    padding-bottom: 20px
}

.ks-pages-content-block h4, .ks-pages-content-block h5, .ks-pages-content-block h6 {
    font-size: 18px;
    padding-bottom: 20px
}

.ks-pages-content-block p {
    font-size: 15px;
    line-height: 1.5;
    color: #1d1d1d;
    padding-bottom: 20px
}

.ks-pages-content-block ul {
    list-style: circle;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 20px
}

.ks-pages-content-block ol {
    list-style: decimal;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 20px
}

.ks-pages-content-block li {
    margin-bottom: 20px;
    font-size: 15px
}

.ks-sidebar-toggle-button {
    display: none
}

.ks-profile-page {
    width: 100%
}

.ks-profile-title-block {
    width: 100%;
    display: block;
    padding-bottom: 11px;
    font-size: 26px;
    color: #1d1d1d;
    font-weight: 400;
    position: relative
}

.ks-profile-title-block:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eb1c24
}

.ks-profile-section-body {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 49px
}

.ks-profile-page-field-row {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ks-profile-page-submit-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ks-profile-page-submit-btn-inner {
    width: 50%;
    align-items: center;
    justify-content: flex-start
}

.ks-profile-page-submit-btn {
    border: none;
    outline: none;
    height: 44px;
    border-radius: 3px;
    background-color: #ff334c;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    transition: background-color .24s ease-in-out;
    min-width: 183px;
    position: relative
}

.ks-profile-page-submit-btn.inactive {
    opacity: 0.6;
    pointer-events: none
}

.ks-profile-page-submit-btn:hover {
    background-color: #d81c33
}

.ks-success-msg-btn {
    color: #5E9D18;
    text-align: left;
    display: block;
    margin: 10px 0 20px
}

.ks-profile-section-body ~ .ks-profile-section-body {
    padding-bottom: 16px
}

.ks-profile-page-field-col {
    width: 50%;
    position: relative
}

.ks-profile-page-field-col .iti {
    margin: 0px
}

.ks-profile-page-field-col .ks-checkable-input-wrapper button {
    top: 63%
}

.ks-profile-page-field-col .ks-checkable-input-wrapper:after {
    bottom: -25px
}

.ks-profile-page-field-col .new_pass_btn {
    position: absolute;
    top: 63%;
    transform: translateY(calc(-50% - 5px));
    right: 12px;
    background-color: transparent;
    outline: none;
    border: none;
    color: #e0e0e0;
    font-size: 24px
}

.ks-old-pass-err-message {
    display: none;
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    color: #ff334c;
    font-size: 14px
}

.ks-profile-page-field-col.wrong-pass .ks-old-pass-err-message {
    display: block
}

.ks-profile-page-field-col.wrong-pass .ks-profile-page-field-el {
    border-color: #ff334c
}

.ks-profile-old-pass-eye-checker + .change-pass-type {
    position: absolute;
    top: 63%;
    transform: translateY(calc(-50% - 5px));
    right: 12px;
    background-color: transparent;
    outline: none;
    border: none;
    color: #e0e0e0;
    font-size: 24px;
    padding: 0px
}

.ks-change-pass-btn:disabled {
    opacity: 0.6
}

.ks-profile-page-field-el {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-right: 52px;
    padding-left: 15px;
    font-size: 15px;
    color: #000000;
    border-radius: 3px;
    border: solid 1px #cccccc;
    outline: none
}

.ks-profile-page-field-el:focus {
    border: 1px solid #354054
}

select.ks-profile-page-field-el {
    appearance: none
}

.ks-profile-page-field-label {
    font-size: 15px;
    color: #000
}

.ks-profile-page-field-status {
    position: absolute;
    top: 22px;
    right: 16px;
    font-size: 20px;
    color: #6db21d;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    z-index: 5
}

.ks-profile-page-field-status:first-child {
    z-index: 5;
    transform: translateY(-15px)
}

.ks-profile-page-field-select-arrow {
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    color: #1d1d1d
}

.ks-new-field-popup-btn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    color: #4a90e2;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.ks-new-field-popup-btn:hover {
    text-decoration: underline
}

#contacts_map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ks-contacts-page-wrapper {
    width: 100%;
    margin-top: 30px
}

.ks-contacts-page-body {
    width: 100%;
    padding-top: 34px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.ks-contacts-info-col {
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box
}

.ks-contacts-info-row {
    width: 100%;
    margin-bottom: 30px
}

.ks-social-icons-title {
    width: 100%;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 15px
}

.ks-social-icons {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ks-social-icon:not(:last-child) {
    margin-right: 10px
}

.ks-social-icon a {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block
}

.ks-social-icon a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.ks-contacts-info-address, .ks-contacts-info-tel, .ks-contacts-info-mail {
    width: 100%;
    font-size: 18px;
    color: #1d1d1d;
    font-style: normal;
    padding-bottom: 7px
}

.ks-contacts-info-address a, .ks-contacts-info-tel a, .ks-contacts-info-mail a {
    color: #4a90e2
}

.ks-contacts-form-col {
    width: 50%;
    padding: 30px 30px 20px;
    background-color: #f2f2f2
}

.ks-contacts-form-col .alert {
    padding: 0px;
    margin: 0 0 15px;
    background: none
}

.ks-contacts-form-col .alert.alert-success {
    border: 0px;
    background: none;
    color: #83AF40
}

.ks-contacts-form-col .alert.alert-danger {
    border: 0px;
    background: none;
    color: #ff324d
}

.ks-contacts-form-block {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.ks-contacts-form-label {
    padding-bottom: 5px;
    font-size: 15px;
    color: #1d1d1d
}

.ks-contacts-form-input {
    width: 100%;
    max-width: 285px;
    height: 40px;
    border: solid 1px #dee2e6;
    background-color: #ffffff;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    box-sizing: border-box
}

.ks-contacts-form-textarea {
    width: 100%;
    height: 109px;
    border: solid 1px #dee2e6;
    background-color: #ffffff;
    outline: none;
    padding: 15px;
    box-sizing: border-box;
    resize: none;
    margin-bottom: 11px
}

.ks-contacts-submit-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 21px
}

.ks-contacts-submit-btn {
    background-color: #ff324d;
    height: 50px;
    padding-right: 30px;
    padding-left: 30px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer
}

.ks-contact-map {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
    margin-top: 30px
}

.ks-contact-map:after {
    content: "";
    position: relative;
    width: 100%;
    padding-top: 36.981%;
    display: block;
    pointer-events: none
}

.ks-contact-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none
}

.ks-history-action-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 21px;
    border-bottom: 1px solid #dee2e6
}

.ks-history-select-wrapper {
    width: 175px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    position: relative;
    margin-right: 11px
}

.ks-history-select-wrapper:after {
    font-family: 'kaiser-icon' !important;
    content: "\e90b";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 13px
}

.ks-history-select-wrapper select {
    width: 100%;
    height: 100%;
    appearance: none;
    border: none;
    outline: none;
    padding-left: 15px;
    padding-right: 30px;
    color: #000000;
    font-size: 15px
}

.ks-history-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.ks-history-list-el {
    width: 100%;
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dee2e6
}

.ks-history-el-info-col {
    display: flex;
    align-items: center
}

.ks-history-el-action-col {
    display: flex;
    align-items: center
}

.ks-history-el-id {
    display: block;
    margin-right: 40px;
    color: #000;
    font-size: 15px;
    font-weight: bold
}

.ks-history-el-date {
    font-size: 15px;
    font-style: normal;
    color: #000;
    margin-right: 40px
}

.ks-history-el-address {
    font-style: normal;
    font-size: 15px;
    color: #1d1d1d
}

.ks-history-el-status {
    font-size: 15px;
    font-weight: normal;
    color: #4a90e2;
    margin-right: 40px;
    display: block
}

.ks-history-el-price {
    font-size: 15px;
    font-weight: bold;
    color: #1d1d1d;
    margin-right: 20px;
    display: block
}

.ks-history-el-button-group {
    display: flex;
    align-items: center
}

.ks-history-el-clone {
    min-width: 84px;
    height: 34px;
    padding-right: 13px;
    padding-left: 13px;
    border-radius: 3px;
    border: solid 1px #979797;
    background-color: transparent;
    outline: none;
    margin-right: 10px;
    cursor: pointer
}

.ks-history-el-show-prods {
    min-width: 84px;
    height: 34px;
    padding-left: 13px;
    padding-right: 13px;
    border-radius: 3px;
    background-color: #ff334c;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.ks-history-el-show-prods:hover {
    background-color: #d81c33
}

.ks-history-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: auto
}

.ks-history-modal.active {
    display: flex
}

.ks-history-modal-body {
    width: 100%;
    max-width: 600px;
    max-height: 540px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    background-color: #fff
}

.ks-history-modal-header {
    width: 100%;
    background-color: #354054;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 0 10px
}

.ks-history-close-button {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 16px;
    right: 16px;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 3;
    cursor: pointer
}

.ks-history-close-button:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #d8d8d8
}

.ks-history-close-button:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: #d8d8d8
}

.ks-history-modal-content {
    width: 100%;
    padding-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.ks-history-modal-el {
    width: 100%;
    height: 81px;
    padding-left: 80px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box
}

.ks-history-el-image {
    width: 60px;
    height: 60px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.ks-history-modal-el-title {
    width: 100%;
    padding-top: 7px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    padding-bottom: 6px
}

.ks-history-modal-el-info {
    color: #d0021b;
    font-size: 14px
}

.ks-history-modal-footer {
    width: 100%;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    color: #1a1f29;
    background: #F4F6FA;
    padding: 15px 20px;
    box-sizing: border-box
}

.ks-history-modal-footer .totalsums {
    display: block;
    width: 100%;
    padding: 5px 0;
    font-weight: normal
}

.ks-history-modal-footer .totalsums span {
    float: right
}

.ks-history-modal-footer .totalsums.topay {
    border-bottom: solid 1px #CCC;
    padding: 5px 0 10px;
    margin: 0 0 5px;
    font-weight: bold
}

.ks-history-modal-footer .totalsums.paidbonuscard {
    font-size: 14px;
    color: #666
}

.ks-history-header-title {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    box-sizing: border-box
}

.ks-history-header-subtitle {
    font-size: 13px;
    color: #fff;
    padding-left: 20px;
    box-sizing: border-box;
    margin: 0 0 5px
}

.ks-delivery-page-wrapper {
    width: 100%
}

.ks-bank-cards-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 30px
}

.ks-delivery-address-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.ks-delivery-address {
    width: 100%;
    padding: 15px 20px 20px;
    border: solid 1px #e8eaf2;
    box-sizing: border-box;
    background: #F4F6FA;
    border-radius: 6px;
    position: relative
}

.ks-delivery-address[data-defaddrs="1"]:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../assets/img/default.svg");
    position: absolute;
    top: 23px;
    right: 25px
}

h3.ks-delivery-address-title {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #46536a;
    padding: 10px 0 20px
}

.ks-delivery-address-edit span {
    display: block;
    float: left;
    margin: 1px 8px 0
}

.ks-delivery-address-edit span img {
    margin: 0px;
    max-width: 14px
}

.ks-delivery-address-remove .ks-cart-el-remove-icon {
    margin: 2px 8px 0 0;
    display: block;
    float: left
}

.ks-delivery-address-info {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: solid 1px #dee2e6;
    margin-bottom: 15px
}

.ks-delivery-address-info p {
    padding-bottom: 0;
    line-height: 1.47;
    font-size: 15px;
    color: #000000
}

.ks-delivery-address-action {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ks-delivery-address-action-button {
    display: block;
    margin-right: 30px;
    font-size: 15px;
    color: #4a90e2;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer
}

.ks-delivery-address-action-button:hover {
    text-decoration: underline
}

.ks-delivery-address-add {
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
    outline: none;
    background-color: transparent;
    margin-top: 23px;
    font-size: 15px;
    color: #4a90e2;
    cursor: pointer
}

.ks-bank-card-add {
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
    outline: none;
    background-color: transparent;
    margin-top: 23px;
    font-size: 15px;
    color: #4a90e2;
    cursor: pointer
}

.ks-delivery-address-add i {
    display: block;
    margin-right: 6px;
    font-size: 10px;
    font-weight: 700
}

.ks-delivery-address-add:hover {
    text-decoration: underline
}

.ks-confirm-modal {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box
}

.ks-confirm-modal.active {
    display: flex
}

.ks-confirm-modal-body {
    width: 100%;
    max-width: 600px;
    padding: 40px 50px 28px;
    background-color: #fff;
    box-sizing: border-box;
    margin: auto
}

.ks-confirm-text {
    width: 100%;
    padding-bottom: 40px;
    font-size: 16px;
    color: #353739;
    font-weight: 200;
    text-align: center
}

.ks-confirm-button-group {
    width: 100%;
    height: 44px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    grid-column-gap: 20px
}

.ks-confirm-button-group button {
    border: none;
    outline: none;
    background-color: #ff334c;
    color: #fff;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 6px;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    transition: background-color .24s ease-in-out;
    width: 100%;
    min-width: 0
}

.ks-confirm-button-group button:hover {
    background-color: #d81c33
}

.ks-popup-confirm-modal {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box
}

.ks-popup-confirm-modal.active {
    display: flex
}

.ks-popup-confirm-modal-body {
    width: 300px;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 6px
}

.ks-popup-confirm-text {
    width: 100%;
    padding-bottom: 15px;
    font-size: 18px;
    color: #353739;
    font-weight: 200
}

.ks-popup-confirm-button-group button {
    border: none;
    outline: none;
    background-color: #ff334c;
    color: #fff;
    height: 29px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 6px;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.ks-popup-confirm-button-group button:hover {
    background-color: #d81c33
}

.ks-new-bonus-card-wrapper {
    width: 100%
}

.ks-new-bonus-card-label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 30px;
    color: #000
}

.ks-new-bonus-card-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ks-new-bonus-card-form input {
    width: 170px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    font-size: 20px;
    color: #353739;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    letter-spacing: 3.33px;
    text-align: center;
    margin-right: 10px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}

.ks-new-bonus-card-form input::placeholder {
    color: #c9c9c9
}

.ks-new-bonus-card-form button {
    min-width: 153px;
    height: 40px;
    border-radius: 3px;
    background-color: #ff324d;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box
}

.ks-new-bonus-card-form button.disabled {
    opacity: 0.5;
    pointer-events: none
}

.ks-bonus-card-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 11fr auto;
    grid-template-areas: "bonusCardList bonusCardReserved";
    grid-column-gap: 37px
}

.ks-bonus-card-spend-list {
    grid-area: bonusCardList;
    width: 100%
}

.ks-bonus-reserved-card {
    grid-area: bonusCardReserved;
    width: 360px
}

.ks-bonus-card-block {
    width: 100%
}

.ks-bonus-card-head {
    width: 100%;
    height: 60px;
    border-radius: 10px 10px 0 0;
    background-color: #ff2641;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff
}

.ks-bonus-card-body {
    padding: 10px 20px 19px;
    background-color: #f2f2f2;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.ks-bonus-card-balance {
    width: 100%;
    display: block;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #384357
}

.ks-bonus-card-balance-label {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #000
}

.ks-bonus-card-id {
    height: 26px;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    margin-top: 6px;
    background-color: #ff2641;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 4.08px
}

.ks-banus-card-change {
    color: #4a90e2;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin-top: 16px;
    cursor: pointer
}

.ks-bonus-card-date-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 20px
}

.ks-bonus-card-date-wrapper form {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ks-bonus-card-date-wrapper form button {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff2641;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    border: none;
    outline: none;
    border-radius: 2px;
    transition: background-color .24s ease-in-out;
    cursor: pointer
}

.ks-bonus-card-date-wrapper form button:hover {
    background-color: #d81c33
}

.ks-bonus-card-date-input[data-index="to"] {
    position: relative
}

.ks-bonus-card-date-input[data-index="to"] label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

.ks-bonus-card-date-input {
    width: 175px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    position: relative;
    box-sizing: border-box
}

.ks-bonus-card-date-input:not(:last-child) {
    margin-right: 11px
}

.ks-bonus-card-date-input input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 0 45px 0 10px
}

.ks-bonus-card-date-input i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #9b9b9b
}

.ks-bonus-card-usage-list {
    width: 100%
}

.ks-bonus-card-usage-head {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    cursor: pointer;
    position: relative;
    transition: background-color .24s ease-in-out
}

.ks-bonus-card-usage-head:only-child .ks-bonus-card-usage-chevron {
    display: none
}

.ks-bonus-card-usage-label {
    font-size: 15px;
    color: #000
}

.ks-bonus-card-usage-list-el {
    width: 100%
}

.ks-bonus-card-usage-list-el:last-child .ks-bonus-card-usage-head {
    border-bottom: 1px solid #dee2e6
}

.ks-bonus-card-usage-list-el[data-status="income"] .ks-bonus-card-usage-price, .ks-bonus-card-usage-list-el[data-status="income"] .ks-bonus-card-usage-body-li-price {
    color: #417505
}

.ks-bonus-card-usage-list-el[data-status="outcome"] .ks-bonus-card-usage-price, .ks-bonus-card-usage-list-el[data-status="outcome"] .ks-bonus-card-usage-body-li-price {
    color: #ff2641
}

.ks-bonus-card-usage-list-el.active .ks-bonus-card-usage-head {
    background-color: #dee2e6
}

.ks-bonus-card-usage-list-el.active .ks-bonus-card-usage-head .ks-bonus-card-usage-chevron {
    transform: translateY(-50%) rotate(180deg)
}

.ks-bonus-card-usage-chevron {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px
}

.ks-bonus-card-usage-price {
    display: block;
    min-width: 60px;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: right;
    font-size: 15px;
    font-weight: bold
}

.ks-bonus-card-usage-info {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.ks-bonus-card-usage-status {
    font-size: 15px;
    color: #000
}

.ks-bonus-card-usage-body-list {
    padding-top: 13px;
    padding-bottom: 13px
}

.ks-bonus-card-usage-body-list-el {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 79px;
    box-sizing: border-box
}

.ks-bonus-card-usage-body-li-label {
    font-size: 15px;
    line-height: 2;
    color: #000
}

.ks-bonus-card-usage-body-li-price {
    font-size: 15px;
    font-weight: bold;
    line-height: 2
}

.ks-bonus-card-usage-body {
    display: none
}

.ks-supplier-list {
    width: 100%;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    list-style: none !important
}

.ks-supplier-list-el {
    width: 100%;
    cursor: pointer;
    margin-bottom: 0 !important
}

.ks-supplier-el-thumbnail {
    width: 100%;
    position: relative;
    padding: 10px;
    border: 7px solid transparent;
    box-sizing: border-box;
    background-color: #d8d8d8;
    margin-bottom: 15px
}

.ks-supplier-el-thumbnail:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 57.5%
}

.ks-supplier-el-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    max-width: none;
    object-fit: contain;
    margin: 0;
    transform: translate(-50%, -50%)
}

.ks-supplier-el-title {
    width: 100%;
    text-align: center;
    font-size: 15px !important;
    font-weight: normal;
    color: #1d1d1d;
    padding-bottom: 0 !important
}

.ks-supplier-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    box-sizing: border-box;
    z-index: 9;
    display: none;
    justify-content: center;
    align-items: center
}

.ks-supplier-modal.active {
    display: flex
}

.ks-supplier-modal-body {
    width: 100%;
    max-width: 600px;
    padding: 20px 30px;
    box-sizing: border-box;
    background-color: #fff
}

.ks-supplier-modal-title {
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eb1c24;
    margin-bottom: 30px;
    font-size: 20px !important;
    font-weight: normal;
    color: #1d1d1d
}

.ks-supplier-modal-image {
    position: relative;
    width: 100%;
    max-width: 240px;
    margin-bottom: 30px;
    background-color: #d8d8d8
}

.ks-supplier-modal-image:after {
    content: "";
    padding-top: 57.5%;
    display: block;
    width: 100%
}

.ks-supplier-modal-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    max-width: none;
    object-fit: contain;
    margin: 0 !important;
    transform: translate(-50%, -50%)
}

.ks-supplier-modal-content {
    font-size: 15px !important;
    line-height: 1.33 !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #eb1c24;
    max-height: 200px;
    overflow: auto
}

.ks-supplier-modal-close {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ks-supplier-modal-close button {
    width: 100%;
    max-width: 183px;
    height: 44px;
    border-radius: 3px;
    background-color: #f1f1f1;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #0e0e0e;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer
}

.ks-profile-data-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
    padding: 15px;
    box-sizing: border-box
}

.ks-profile-data-modal.active {
    display: flex
}

.ks-profile-data-modal-body {
    width: 100%;
    max-width: 600px;
    padding-top: 40px;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
    flex-direction: column;
    align-items: center
}

.ks-profile-data-modal-body.active {
    display: flex
}

.ks-profile-data-modal-body[data-role="edit"] {
    padding-left: 48px;
    padding-right: 48px
}

.ks-profile-data-modal-body[data-role="edit"] .ks-profile-data-modal-paragraph {
    padding-bottom: 30px
}

.ks-profile-data-modal-body[data-role="edit"] .ks-profile-page-field-col {
    width: 100%
}

.ks-profile-data-modal-body[data-role="edit"] .ks-profile-page-field-col .iti {
    margin-bottom: 0
}

.ks-profile-data-modal-body[data-page="bonus-card"] {
    padding-left: 48px;
    padding-right: 48px;
    position: relative
}

.ks-profile-data-modal-body[data-page="bonus-card"] .ks-profile-data-modal-paragraph {
    padding-bottom: 30px
}

.ks-profile-data-modal-body[data-page="bonus-card"] .ks-profile-page-field-col {
    width: 100%
}

.ks-profile-data-modal-body[data-page="bonus-card"] .ks-profile-page-field-col .iti {
    margin-bottom: 0
}

.ks-profile-data-modal-body[data-role="confirm"] {
    padding-left: 50px;
    padding-right: 50px
}

.ks-profile-data-modal-body[data-role="confirm"] .ks-profile-data-modal-paragraph {
    padding-bottom: 40px
}

.ks-profile-data-modal-body[data-role="confirm"] .ks-profile-data-modal-paragraph span {
    font-weight: 700
}

.ks-confirm-code-wrong-message {
    width: 100%;
    min-height: 47px;
    border-radius: 10px;
    border: 1px solid red;
    padding: 10px 10px 10px 42px;
    position: relative;
    box-sizing: border-box;
    transform: translateY(-16px)
}

.ks-confirm-code-wrong-message i {
    position: absolute;
    top: 10px;
    left: 10px;
    color: red;
    font-size: 23px;
    transform: rotateZ(45deg)
}

.ks-confirm-code-wrong-message .ks-confirm-code-wrong-message-text {
    width: 100%;
    color: red;
    padding-top: 3px;
    padding-bottom: 3px
}

.request-error-message {
    width: 100%;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    color: #ff334c;
    font-size: 13px;
    transform: translateY(-15px)
}

.close-bonus-card-popup {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.close-bonus-card-popup:after, .close-bonus-card-popup:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 2px;
    background-color: #353739
}

.close-bonus-card-popup:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.close-bonus-card-popup:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ks-profile-data-modal-title {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #1d1d1d;
    padding-bottom: 40px
}

.ks-profile-data-modal-paragraph {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.38;
    text-align: center;
    color: #000000
}

.ks-profile-data-modal-button {
    min-width: 250px;
    height: 44px;
    border-radius: 3px;
    background-color: #ff334c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.ks-profile-data-modal-button.disabled {
    opacity: 0.6;
    pointer-events: none
}

.ks-profile-data-modal-button:last-child {
    margin-bottom: 34px
}

.ks-profile-data-modal-button:not(:last-child) {
    margin-bottom: 25px
}

.ks-profile-data-modal-button.deactivated {
    opacity: 0.5;
    pointer-events: none
}

.ks-profile-data-modal-button:hover {
    background-color: #d81c33
}

.ks-popup-confirm-button {
    min-width: 250px;
    height: 44px;
    border-radius: 3px;
    background-color: #ff334c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color .24s ease-in-out
}

.ks-popup-confirm-button:last-child {
    margin-bottom: 34px
}

.ks-popup-confirm-button:not(:last-child) {
    margin-bottom: 25px
}

.ks-popup-confirm-button.deactivated {
    opacity: 0.5;
    pointer-events: none
}

.ks-popup-confirm-button:hover {
    background-color: #d81c33
}

.ks-popup-confirm-button + .ks-popup-confirm-button {
    height: auto;
    background-color: transparent;
    color: #0d71bb;
    text-decoration: underline
}

.ks-player-page-confirmation-code {
    width: 100%;
    max-width: 250px;
    height: 50px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px
}

.ks-player-page-confirmation-code::placeholder {
    color: #9b9b9b
}

.ks-player-page-confirmation-code.deactivated {
    opacity: 0.5;
    pointer-events: none
}

.ks-player-page-confirmation-countdown {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    display: block;
    margin-bottom: 28px
}

.ks-player-page-send-again {
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: #4a90e2;
    display: none;
    margin-bottom: 28px;
    cursor: pointer
}

.ks-player-page-send-again.active {
    display: block
}

.ks-profile-conf-email-input {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 20px
}

.ks-profile-conf-email-input::placeholder {
    color: #9b9b9b
}

@media all and (max-width: 1330px) {
    .ks-history-list {
        justify-content: space-between;
        padding-top: 20px
    }

    .ks-history-list-el {
        position: relative;
        width: calc(50% - 8px);
        height: 170px;
        border: 1px solid #dee2e6;
        border-radius: 4px;
        margin-bottom: 10px
    }

    .ks-history-el-id {
        position: absolute;
        top: 20px;
        left: 20px;
        margin-right: 0
    }

    .ks-history-el-date {
        position: absolute;
        top: 20px;
        right: 20px;
        margin-right: 0
    }

    .ks-history-el-address {
        position: absolute;
        right: 20px;
        top: 60px
    }

    .ks-history-el-status {
        position: absolute;
        left: 20px;
        top: 60px;
        margin-right: 0
    }

    .ks-history-el-price {
        position: absolute;
        left: 20px;
        top: 120px;
        margin-right: 0
    }

    .ks-history-el-button-group {
        position: absolute;
        right: 20px;
        top: 112px
    }

    .ks-bonus-card-wrapper {
        display: flex;
        flex-direction: column-reverse
    }

    .ks-bonus-reserved-card {
        margin-bottom: 30px
    }
}

@media all and (max-width: 1230px) {
    .ks-history-list-el {
        width: 100%
    }

    .ks-supplier-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media all and (max-width: 1200px) {
    .ks-pages-content-title-el {
        font-size: 19px
    }

    .ks-pages-content-title-el:before {
        display: none
    }

    .ks-pages-content-title-el:not(:last-child) {
        display: none
    }
}

@media all and (max-width: 1150px) {
    .ks-contacts-page-body {
        flex-wrap: wrap
    }

    .ks-contacts-info-col, .ks-contacts-form-col {
        width: 100%
    }

    .ks-social-icons {
        margin-bottom: 30px
    }
}

@media all and (max-width: 990px) {
    .ks-delivery-address-list {
        display: block
    }

    .ks-bank-cards-list {
        display: block
    }

    .ks-delivery-address {
        margin-bottom: 20px
    }
}

@media all and (max-width: 980px) {
    .ks-bonus-card-usage-status {
        display: none
    }
}

@media all and (max-width: 860px) {
    .ks-bonus-card-date-wrapper form {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 100%
    }

    .ks-bonus-card-date-input:not(:last-child) {
        margin-right: 0;
        margin-bottom: 11px;
        width: 100%
    }
}

@media all and (max-width: 780px) {
    .ks-pages-wrapper {
        display: block;
        position: relative;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }

    .ks-pages-content:only-child {
        width: 100%
    }

    .ks-pages-content-block img {
        max-width: 40%
    }

    .ks-pages-content-block h2 {
        font-size: 28px
    }

    .ks-supplier-list {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box
    }

    .ks-bonus-card-usage-head {
        padding: 0
    }

    .ks-pages-sidebar {
        position: fixed;
        left: -289px;
        top: 124px;
        border-right: 1px solid #dee2e6;
        height: calc(100vh - 124px);
        transition: left .24s ease-in-out;
        background-color: #fff;
        width: 288px;
        padding: 0;
        box-sizing: border-box;
        z-index: 6
    }

    .ks-pages-sidebar.active {
        left: 0
    }

    .ks-pages-sidebar.active .ks-pages-block-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1
    }

    .ks-sidebar-toggle-button {
        display: block;
        position: absolute;
        top: 76px;
        right: -29px;
        width: 30px;
        height: 50px;
        border-radius: 0 10px 10px 0;
        border-top: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
        border-left: none;
        outline: none;
        background-color: #fff
    }

    .ks-pages-list {
        position: absolute;
        height: 100%;
        overflow: auto;
        padding: 20px;
        box-sizing: border-box;
        background: #FFF
    }

    .ks-pages-list-el {
        height: 50px
    }

    .ks-pages-banner-list {
        display: none
    }

    .ks-pages-list-el a {
        font-size: 15px
    }

    .ks-contact-map:after {
        padding-top: 100%
    }

    .ks-pages-content-title-block {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 20px;
        font-weight: 400
    }

    .ks-bonus-card-wrapper {
        padding: 0px;
        box-sizing: border-box
    }

    .ks-new-bonus-card-form {
        margin-bottom: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px
    }

    .ks-new-bonus-card-form input {
        width: 100%;
        margin-right: 0
    }

    .ks-new-bonus-card-form button {
        width: 100%
    }

    .ks-social-icons-title {
        font-size: 21px
    }
}

@media all and (max-width: 530px) {
    .ks-new-bonus-card-form {
        width: 100%;
        display: block
    }

    .ks-new-bonus-card-form input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .ks-new-bonus-card-form button {
        width: 100%
    }

    .ks-bonus-card-date-wrapper form button {
        width: 100%
    }

    .ks-profile-data-modal-body {
        padding-top: 30px
    }

    .ks-profile-data-modal-body[data-role="edit"] {
        padding-left: 20px;
        padding-right: 20px
    }

    .ks-profile-data-modal-title {
        font-size: 22px;
        padding: 0 0 20px
    }

    .ks-profile-data-modal-button {
        max-width: 320px;
        width: 100%
    }
}

@media all and (max-width: 680px) {
    .ks-profile-page-field-row {
        flex-wrap: wrap;
        flex-direction: column
    }

    .ks-profile-page-submit-btn-inner {
        width: 100%
    }

    .ks-profile-page-submit-btn-inner .ks-profile-page-submit-btn {
        width: 100%
    }

    .ks-profile-page-field-col {
        width: 100%
    }

    .ks-profile-page-field-col:first-child {
        margin-bottom: 8px;
        margin-top: 12px
    }

    .ks-profile-title-block {
        font-size: 20px
    }

    .ks-profile-section-body {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 30px
    }

    .ks-contacts-info-address, .ks-contacts-info-tel, .ks-contacts-info-mail {
        font-size: 15px;
        padding-bottom: 4px
    }
}

@media all and (max-width: 460px) {
    .ks-history-el-price {
        left: auto;
        right: 20px
    }

    .ks-history-el-button-group {
        top: 150px
    }

    .ks-history-list-el {
        height: 200px
    }

    .ks-pages-content-title-block {
        font-size: 20px
    }

    .ks-bonus-reserved-card {
        width: 100%
    }

    .ks-bonus-card-usage-body-list-el {
        align-items: flex-start
    }
}

@media all and (max-width: 500px) {
    .ks-popup-confirm-modal {
        z-index: 99
    }
}

@media all and (max-width: 490px) {
    .ks-supplier-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 483px) {
    .body_cards .date-picker-wrapper {
        width: 100%;
        left: 0 !important;
        right: 0;
        box-sizing: border-box;
        border: none
    }

    .body_cards .date-picker-wrapper .month-wrapper {
        width: 100% !important;
        box-sizing: border-box
    }

    .body_cards .date-picker-wrapper .month-wrapper table {
        width: 100%;
        table-layout: fixed
    }
}

@media screen and (max-width: 345px) {
    .ks-social-icons {
        flex-wrap: wrap;
        justify-content: center
    }

    .ks-social-icon {
        width: 33.333%;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }

    .ks-social-icon:not(:last-child) {
        margin-right: 0
    }
}

.ks-promo-single-wrapper {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px
}

.ks-promo-single-wrapper .ks-promo-single-title {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eb1c24;
    font-size: 26px;
    font-weight: normal;
    color: #1d1d1d;
    margin-bottom: 30px
}

.ks-promo-single-wrapper .ks-promo-single-block {
    width: 100%;
    display: grid;
    grid-template-columns: 11fr auto;
    grid-template-areas: "promoSingleBanner promoSingleInfo";
    grid-column-gap: 30px
}

.ks-promo-single-wrapper .ks-promo-single-banner {
    width: 100%;
    height: 540px;
    grid-area: promoSingleBanner;
    position: relative
}

.ks-promo-single-wrapper .ks-promo-single-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ks-promo-single-wrapper .ks-promo-single-info {
    grid-area: promoSingleInfo;
    width: 290px
}

.ks-promo-single-wrapper .ks-promo-single-info-block {
    width: 100%;
    padding: 30px 20px;
    background-color: #354054;
    margin-bottom: 28px;
    box-sizing: border-box
}

.ks-promo-single-wrapper .ks-promo-duration-block {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #5d6d89;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.ks-promo-single-wrapper .ks-promo-from-date {
    padding-right: 12px;
    padding-left: 10px;
    box-sizing: border-box
}

.ks-promo-single-wrapper .ks-promo-to-date {
    padding-right: 10px;
    padding-left: 12px;
    box-sizing: border-box
}

.ks-promo-single-wrapper .ks-promo-date-time {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    padding-bottom: 12px;
    display: block
}

.ks-promo-single-wrapper .ks-promo-date-label {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #a6b7d5
}

.ks-promo-single-wrapper .ks-all-promos-link {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    background-color: #ff324d;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    outline: none
}

.ks-promo-single-wrapper .ks-promo-single-info-text {
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.33;
    color: #1d1d1d
}

.ks-promo-list-wrapper {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px
}

.ks-promo-list-wrapper .ks-promo-list-title {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eb1c24;
    font-size: 26px;
    font-weight: normal;
    color: #1d1d1d;
    margin-bottom: 30px
}

.ks-promo-list-wrapper .ks-promo-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    grid-column-gap: 16px;
    grid-row-gap: 15px
}

.ks-promo-list-wrapper .ks-promo-list-el {
    position: relative;
    width: 100%
}

.ks-promo-list-wrapper .ks-promo-list-el a:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 57.31%
}

@media all and (max-width: 1000px) {
    .ks-promo-single-wrapper .ks-promo-single-block {
        width: 100%;
        display: block;
        height: auto
    }

    .ks-promo-single-wrapper .ks-promo-single-banner {
        height: auto
    }

    .ks-promo-single-wrapper .ks-promo-single-banner img {
        position: relative;
        width: 100%;
        height: auto
    }

    .ks-promo-single-wrapper .ks-promo-single-info {
        width: 100%
    }

    .ks-promo-single-wrapper .ks-promo-single-title {
        font-size: 18px;
        margin-bottom: 13px
    }

    .ks-promo-list-el .ks-category-grid-el-thumbnail {
        position: absolute
    }
}

@media all and (max-width: 540px) {
    .ks-promo-list-wrapper .ks-promo-list {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }
}

/*# sourceMappingURL=index.css.map */