@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

.fa-spin{
    animation: spin 1s infinite linear;
}


body{
    background: var(--body-bg-color);
    color: var(--body-text-color);
    font-size: 15px;
    line-height: 1.6;
}

body, button, input, optgroup, select, textarea {
    font-family: var(--main-font);
}

.ruble{
    font-family: var(--ruble-font);
}

.bg-bs-color{
    background: var(--bs-bg-color);
    color: var(--bs-bg-color-font);
}

.ac-bs-color{
    background: var(--ac-bg-color);
    color: var(--ac-bg-color-font);
}

.bg-bs-color a:hover,
.ac-bs-color a:hover{
    color: inherit;
}

.icon-bs-color,
.text-bs-color,
.bs-color{
    color: var(--bs-color);
}

.icon-ac-color,
.text-ac-color,
.ac-color{
    color: var(--ac-color);
}


.sk-counter{
    background: var(--counter-color-bg);
    color: var(--counter-color-font);
}

.overflow-hidden{
    overflow: hidden;
}

body.overflow-hidden .mfp-wrap{
    overflow-y: auto;
}

.display-none{
    display: none;
}

.inline {
    display: inline !important;
}

.inline-link {
    text-decoration: none !important;
}

.inline-link b {
    border-bottom: 1px dotted;
    font-weight: normal;
    position: relative;
    top: -0.13em;
}

.inline-link b i {
    font-style: normal;
    position: relative;
    top: 0.13em;
}

.small {
    font-size: 0.9em;
}

.large {
    font-size: 1.1em;
}

.bold {
    font-weight: bold;
}

.strike {
    text-decoration: line-through;
}

.highlighted {
    background:  #ffc;
}

.hint {
    color: #aaa;
    font-size: 0.9em;
}

.hint a,
.hint:visited,
.hint a:visited {
    color: #888;
}


.gray,
.gray .dropdown ul,
.gray a,
.gray:visited,
.gray a:visited {
    color: #888;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.shadowed {
    box-shadow: 0 5px 17px rgba(0,0,0,0.05);
}

.nowrap {
    white-space: nowrap;
}

.hr {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
}

.uppercase {
    text-transform: uppercase;
}

.blurred {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.userpic {
    border-radius: 15px;
    background-size: auto;
}


.staff {
    color: #345;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    white-space: nowrap;
    font-size: 12px;
    padding: 0 3px;
}

.dark-theme .staff {
    color: #6281a0;
}

.wa-flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.wa-flex-box.middle {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.wa-flex-box.wrap {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wa-flex-box.full-line {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.wa-flex-box.fixed {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.wa-flex-box.fixed.fixed > * {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

.wa-flex-box > *.middle {
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
}

.wa-flex-box.space-025 > *:not(:last-child) {
    margin-right: 0.25rem;
}

.wa-flex-box.space-05 > *:not(:last-child) {
    margin-right: 0.5rem;
}

.wa-flex-box.space-075 > *:not(:last-child) {
    margin-right: 0.75rem;
}

.wa-flex-box.space-1 > *:not(:last-child) {
    margin-right: 1rem;
}

.wa-flex-box.space-2 > *:not(:last-child) {
    margin-right: 2rem;
}

.wa-flex-box.space-3 > *:not(:last-child) {
    margin-right: 3rem;
}

.wa-flex-box.space-4 > *:not(:last-child) {
    margin-right: 4rem;
}

.wa-flex-box.space-5 > *:not(:last-child) {
    margin-right: 0.5rem;
}

@media screen and (max-width: 760px) {
    .wa-flex-box.adaptive {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wa-flex-box.adaptive.space-025 > *:not(:first-child) {
        margin-top: 0.25rem;
    }

    .wa-flex-box.adaptive.space-025 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-05 > *:not(:first-child) {
        margin-top: 0.5rem;
    }

    .wa-flex-box.adaptive.space-05 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-075 > *:not(:first-child) {
        margin-top: 0.75rem;
    }

    .wa-flex-box.adaptive.space-075 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-1 > *:not(:first-child) {
        margin-top: 1rem;
    }

    .wa-flex-box.adaptive.space-1 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-2 > *:not(:first-child) {
        margin-top: 2rem;
    }

    .wa-flex-box.adaptive.space-2 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-3 > *:not(:first-child) {
        margin-top: 3rem;
    }

    .wa-flex-box.adaptive.space-3 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-4 > *:not(:first-child) {
        margin-top: 4rem;
    }

    .wa-flex-box.adaptive.space-4 > *:not(:last-child) {
        margin-right: 0;
    }

    .wa-flex-box.adaptive.space-5 > *:not(:first-child) {
        margin-top: 0.5rem;
    }

    .wa-flex-box.adaptive.space-5 > *:not(:last-child) {
        margin-right: 0;
    }
}

.l-wrapper{
    margin: 0 auto;
    max-width: 1420px;
    min-width: 300px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 1024px){
    .l-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        min-width: 290px;
    }
}

@media (max-width: 359px){
    .l-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 300px;
    }
}

.content{
    min-height: 400px;
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .content{
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    .content{
        min-height: 250px;
    }
}

figure {
    margin: 0;
}

img,
iframe{
    max-width: 100%;
}

.iframe-lazy-outer{
    display: inline-block;
    font-size: 0;
    position: relative;
}

.iframe-lazy{
    background: #eeeeee;
}

.dark-theme .iframe-lazy {
    background: var(--wrap-bg-color);
}

.iframe-loading{
    animation: spin 1s linear infinite;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    color: var(--bs-color);
}

.iframe-loading:before {
    content: "\f110";
    font-style: normal;
}

/* style for ul */

ul.sk-ul-circle li,
ul.sk-ul-dash li,
ul.sk-ul-check li{
    padding-bottom: 5px;
}

ul.sk-ul-circle li::marker {
    color: var(--bs-color);
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

ul.sk-ul-dash li::marker {
    color: var(--bs-color);
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
    content: "\f068    ";
    font-family: Font Awesome\ 5 Pro;
}

ul.sk-ul-check li::marker {
    color: var(--bs-color);
    font-size: 15px;
    line-height: 24px;
    content: "\f00c   ";
    font-family: Font Awesome\ 5 Pro;
}

/* style for ol */

ol.sk-ol li,
ol.sk-ol-circle-bs-color li,
ol.sk-ol-circle-ac-color li{
    padding-bottom: 7px;
}

ol.sk-ol li::marker{
    color: var(--bs-color);
    font-weight: bold;
}

ol.sk-ol-circle-bs-color li,
ol.sk-ol-circle-ac-color li{
    list-style-type: none;
    position: relative;
}

ol.sk-ol-circle-bs-color li:before,
ol.sk-ol-circle-ac-color li:before {
    margin: 0 5px 0 0;
    content: counter(index, decimal);
    counter-increment:index;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: -28px;
    top: 3px;
}

ol.sk-ol-circle-bs-color li:first-child,
ol.sk-ol-circle-ac-color li:first-child {
    counter-reset:index;
}

ol.sk-ol-circle-bs-color li:before{
    background: var(--bs-bg-color);
    color: var(--bs-bg-color-font);
}

ol.sk-ol-circle-ac-color li:before{
    background: var(--ac-bg-color);
    color: var(--ac-bg-color-font);
}

/* style for blockquote and text on backround */
.sk-blockquote{
    background: #f3f3f3;
    border-radius: 35px;
    padding: 30px 40px;
    margin: 30px 0;
}

.dark-theme .sk-blockquote{
    background: rgba(255,255,255,0.1);
}

.sk-blockquote.sk-br25{
    border-radius: 35px;
    padding: 25px 30px;
}

.sk-blockquote.sk-br15{
    border-radius: 15px;
    padding: 15px 25px;
}

.sk-blockquote:before,
.sk-blockquote:after{
    content: "\f100";
    font-family: Font Awesome\ 5 Pro;
    color: var(--bs-color);
    font-weight: bold;
    font-size: 16px;
}

.sk-blockquote:before{
    content: "\f100";
    margin: 0 5px 0 0;
}

.sk-blockquote:after{
    content: "\f101";
    margin: 0 0 0 5px;
}

.sk-blockquote.bs-color{
    background: var(--bs-bg-color);
    color: var(--bs-bg-color-font)
}

.sk-blockquote.bs-color:before,
.sk-blockquote.bs-color:after{
    color: var(--ac-color)
}

.sk-blockquote.ac-color{
    background: var(--ac-bg-color);
    color: var(--ac-bg-color-font);
}

.sk-blockquote.ac-color:before,
.sk-blockquote.ac-color:after{
    color: var(--bs-color)
}

.sk-blockquote-line-bs-color,
.sk-blockquote-line-ac-color{
    padding: 0 0 0 30px;
    margin: 30px 0;
    position: relative;
}

.sk-blockquote-line-bs-color:before,
.sk-blockquote-line-ac-color:before{
    content: "";
    position: absolute;
    border-radius: 100px;
    width: 3px;
    top: 0;
    bottom: 0;
    left: 0;
}

.sk-blockquote-line-bs-color:before{
    background: var(--bs-color);
}

.sk-blockquote-line-ac-color:before{
    background: var(--ac-color);
}

/* text on billet */

.sk-billet-text{
    background: #f3f3f3;
    border-radius: 35px;
    padding: 30px 40px;
    margin: 20px 0;
}

.dark-theme .sk-billet-text{
    background: rgba(255,255,255,0.1);
}

.sk-billet-text.sk-br25{
    border-radius: 25px;
    padding: 25px 30px;
}

.sk-billet-text.sk-br15{
    border-radius: 15px;
    padding: 20px 25px;
}

.sk-billet-text.bs-color{
    background: var(--bs-bg-color);
    color: var(--bs-bg-color-font)
}

.sk-billet-text.ac-color{
    background: var(--ac-bg-color);
    color: var(--ac-bg-color-font);
}

/* Headers */

h1, .h1{
    margin: 30px 0;
}

h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    margin: 25px 0;
}


h1, .h1{
    font-size: 32px;
    font-weight: bold;
    line-height: 38px;
}

h2, .h2{
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
}

h3, .h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}

h4, .h4{
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}

h5, .h5{
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}

h6, .h6{
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}

.dark-theme h1, .dark-theme .h1,
.dark-theme h2, .dark-theme .h2,
.dark-theme h3, .dark-theme .h3,
.dark-theme h4, .dark-theme .h4,
.dark-theme h5, .dark-theme .h5,
.dark-theme h6, .dark-theme .h6{
    font-weight: 500;
}

@media (max-width: 700px){
    h1, .h1{
        font-size: 28px;
        line-height: 32px;

    }

    h2, .h2{
        font-size: 24px;
        line-height: 28px;
    }

    h3, .h3{
        font-size: 18px;
        line-height: 26px;
    }

    h4, .h4{
        font-size: 16px;
        line-height: 22px;
    }

    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6{
        margin: 20px 0;
    }

    h1, .h1{
        margin: 25px 0;
    }
}




@media (max-width: 360px){
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6{
        margin: 15px 0;
    }

    h1, .h1{
        font-size: 24px;
        line-height: 28px;
        margin: 20px 0;
    }

    h2, .h2{
        font-size: 22px;
        line-height: 24px;
    }
}

.breadcrumbs + .h1,
.breadcrumbs + h1,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

p {
    margin: 0 0 20px;
}

@media (max-width: 1000px){
    p {
        margin: 0 0 10px;
    }
}

pre {
    margin-top: 16px;
    font-size: 90%;
    line-height: 24px;
    color: rgba(0,0,0,.75);
    background: rgba(0,0,0,.03);
    padding: 16px 20px;
    word-wrap: normal;
    overflow-y: scroll;
}

.dark-theme pre{
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.4);
}

.link{
    cursor: pointer;
    text-decoration: underline;
}

.no-link,
a.no-link{
    text-decoration: none;
}

a{
    color: inherit;
}

a:hover,
.link:hover,
a.button{
    text-decoration: none;
}

a.button{
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

a.button:hover{
    color: var(--button-color-font);
}

a:hover,
a.selected,
.selected > a{
    color: var(--link-hover-color);
}

a.cl-st:hover,
a.no-link:hover,
.hover-bs-cl:hover{
    color: inherit;
}

.link-ac-border,
.link-bs-border,
.link-border,
.link-red-border{
    display: inline-block;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
    padding: 0 24px;
    padding-bottom: 1px;
    border-radius: 6px;
}

@media (max-width: 950px){
    .link-ac-border,
    .link-bs-border,
    .link-border,
    .link-red-border{
        padding: 0 12px;
    }
}

.link-ac-border,
.ac-border{
    border-color: var(--ac-color);
}

.link-bs-border,
.bs-border{
    border-color: var(--bs-color);
}

.link-red-border{
    border-color: red;
}

.link-red-border .sk-icon{
    color: red;
}

.link-ac-border.-sk-large,
.link-bs-border.-sk-large,
.link-border.-sk-large,
.link-red-border.-sk-large{
    height: 40px;
    line-height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    font-weight: bold;
    box-sizing: border-box;
}

.link-ac-border.-sk-largest,
.link-bs-border.-sk-largest,
.link-border.-sk-largest,
.link-red-border.-sk-largest{
    height: 50px;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 12px;
    box-sizing: border-box;
}

.link-ac-border.-sk-small,
.link-bs-border.-sk-small,
.link-border.-sk-small,
.link-red-border.-sk-small{
    line-height: 18px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
}

.link-ac-border.-sk-w100,
.link-bs-border.-sk-w100,
.link-border.-sk-w100,
.link-red-border.-sk-w100{
    width: 100%;
    box-sizing: border-box;
}

.link-border:not(.cl-st):hover,
.link-ac-border:not(.cl-st):hover,
.link-bs-border:not(.cl-st):hover,
.link-red-border:not(.cl-st):hover{
    color: var(--body-text-color);
}

.link-ac-border .sk-icon,
.link-bs-border .sk-icon,
.link-border .sk-icon,
.link-red-border .sk-icon{
    margin: 0 0 2px 7px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.link-bg-grey{

}

.btn-canсel{
    text-decoration: none;
    font-size: 12px;
    color: #b1b1b1;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.btn-icon{
    border-radius: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #f3f3f3;
    color: var(--body-text-color);
    text-decoration: none;
    display: inline-block;
}

.dark-theme .btn-icon{
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

.btn-icon.-s{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 12px;
}

.no-underline{
    text-decoration: none;
}

.br-25{
    border-radius: 25px;
}

.br-15{
    border-radius: 15px;
}

.br-10{
    border-radius: 10px;
}

.price{
    font-weight: bold;
    white-space: nowrap;
    font-size: 18px;
}

.price-small{
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap !important;
}

.dark-theme .price,
.dark-theme .price-small{
    font-weight: 500;
}

.price-compare,
.compare-at-price{
    white-space: nowrap;
    color: var(--price-compare-color);
    font-size: 12px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.price-compare:before,
.compare-at-price:before,
.product-price-compare .price-wrapper:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
    border-top: 1px solid #a3a3a3;
}

.price-compare.display-none{
    display: none;
}

.price-text {
    font-weight: bold;
    vertical-align: middle;
    font-size: 15px;
    white-space: normal;
}

.dark-theme .price-text{
    font-weight: 500;
}

.product-price-compare{
    overflow: hidden;
}

.product-price-compare.display-none{
    display: none !important;
}

.product-price-compare .price-wrapper,
.product-price-compare .price{
    font-size: 12px;
    color: var(--price-compare-color);
    white-space: nowrap;
    position: relative;
    font-weight: normal;
}

.product-price-zero{
    line-height: 16px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}

.product-price,
.product-price-base{
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
}

.product-price .currency,
.product-price .price{
    font-weight: bold;
    font-size: 18px;
}

.product-price-base .currency,
.product-price-base .price{
    font-weight: bold;
    font-size: 12px;
}

.dark-theme .product-price .currency,
.dark-theme .product-price .price,
.dark-theme .product-price-base .currency,
.dark-theme .product-price-base .price{
    font-weight: 500;
}


.product-price-small{
    font-size: 12px;
    white-space: nowrap;
}

.product-price-small .currency,
.product-price-small .price{
    font-weight: bold;
    font-size: 14px;
}

.dark-theme .product-price-small .currency,
.dark-theme .product-price-small .price{
    font-weight: 500;
}

.price-wrapper{
    display: inline-block;
}

.price-wrapper .currency{
    margin: 0 1px 0 0;
}

.price-wrapper .unit{
    margin: 0 0 0 2px;
}

.product-units-ratio{
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    margin: 0 10px 0 0;
}

.product-bonus{
    white-space: nowrap;
    font-size: 12px;
    position: relative;
    z-index: 1;
    display: inline-block;
    background: var(--bonus-bg-color);
    color: var(--bonus-font-color);
    border-radius: 6px;
    padding: 0 5px;
    line-height: 24px;
}

.product-bonus[data-title]:hover:before{
    background: #444444;
    content: attr(data-title);
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1.2;
    color: #FFF;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
    width: 150px;
    margin: 5px 0 0 -75px;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
}

.product-bonus[data-title]:hover:after {
    position: absolute;
    bottom: -6px;
    color: #444444;
    content: "\f0d8";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    line-height: 4px;
    left: 50%;
    margin-left: -6px;
    font-size: 20px;
}

.product-bonus__text{
    color: #3a3a3a;
}

.dark-theme .product-bonus__text{
    color: #b3b3b3;
}

.product-bonus__icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2px;
}

.product-bonus__icon circle{
    stroke: var(--bonus-font-color);
    fill: white;
}

.dark-theme .product-bonus__icon circle{
    fill: var(--bonus-font-color);
    stroke: #000;
}

.add2cart-button{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    box-shadow: var(--add2cart-button-box-shadow);
    background: var(--add2cart-button-color-bg);
    color: var(--add2cart-button-color-font);
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    padding: 0 7px;
    border-radius: 7px;
    position: relative;
    transition: opacity 0.5s;
    text-decoration: none;
}

.add2cart-button:hover{
    color: var(--add2cart-button-color-font);
}

.add2cart-button:active{
    box-shadow: none;
}

.add2cart-button:hover{
    opacity: .8;
}

.add2cart-button.-sk-icon{
    width: 36px;
    border-radius: 12px;
    padding: 0;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
}

.add2cart-button.-sk-large{
    line-height: 50px;
    height: 50px;
    padding: 0 25px;
    border-radius: 10px;
}

.add2cart-button.disabled{
    cursor: default;
    background: #f6f6f6;
    box-shadow: none;
    color: #bdbdbd;
}

.dark-theme .add2cart-button.disabled{
    background: #474747;
    color: #848484;
}

.add2cart-button.added:not(.disabled):after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    top: 8px;
    right: -3px;
    background: var(--counter-color-bg);
}

.add2cart-button.-sk-loading .add2cart__icon:before {
    content: "\f110";
}

.add2cart-button.-sk-loading .add2cart__icon{
    animation: spin 1s infinite linear;
}

.add2cart-button.-sk-hide{
    display: none;
}

.product-dialog,
.product-compare,
.product-favorite{
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    color: #9e9e9e;
    cursor: pointer;
    position: relative;
    background: #f5f5f5;
}

.dark-theme .product-dialog,
.dark-theme .product-compare,
.dark-theme .product-favorite{
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

.product-favorite .sk-icon,
.product-compare .sk-icon{
    position: relative;
}

.product-dialog:hover,
.product-compare:hover,
.product-favorite:hover{
    z-index: 50;
}

.product-compare.selected,
.product-favorite.selected{
    color: var(--bs-color);
}

.product-compare.selected .sk-icon:after,
.product-favorite.selected .sk-icon:after{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    top: -1px;
    right: -2px;
    background: var(--counter-color-bg);
}

.product-compare.-large,
.product-favorite.-large,
.product-dialog.-large{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    font-size: 15px;
}

.product-compare.-largest,
.product-favorite.-largest,
.product-dialog.-largest{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border-radius: 12px;
}

body:not(.touch) .product-dialog[data-title]:hover:before,
body:not(.touch) .product-compare[data-title]:hover:before,
body:not(.touch) .product-favorite[data-title]:hover:before{
    background: #444444;
    content: attr(data-title);
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1.2;
    color: #FFF;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
    width: 86px;
    margin: 5px 0 0 -43px;
    white-space: normal;
    box-sizing: border-box;
}

body:not(.touch) .product-compare[data-title-remove].selected:hover:before,
body:not(.touch) .product-favorite[data-title-remove].selected:hover:before{
    content: attr(data-title-remove);
}

.product-discount{
    height: 24px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px;
    background: var(--badge-discount-bg);
    color: var(--badge-discount-color);
    border: 1px solid;
    border-color: var(--badge-discount-border);
    font-weight: bold;
    border-radius: 6px;
    display: inline-block;
    box-sizing: border-box;
}

.product-discount.display-none{
    display: none;
}

.product-fastorder{
    display: inline-block;
}

.button-fastorder__sk-oneclick{
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    display: block;
    border-radius: 7px;
    white-space: nowrap;
    background: var(--fastorder-color-bg);
    border: 1px solid var(--fastorder-color-border);
    color: var(--fastorder-color-font);
}

.button-fastorder.disabled{
    opacity: 0.5;
}

.button-fastorder.disabled .button-fastorder__sk-oneclick{
    border: 1px solid #5e5e5e;
    cursor: default;
}


.product-fastorder.-sk-large .button-fastorder__sk-oneclick{
    line-height: 48px;
    height: 48px;
    padding: 0 25px;
    border-radius: 10px;
}

.product-quantity{
    position: relative;
    display: inline-block;
    border-radius: 12px;
    height: 40px;
    background: #f5f5f5;
    box-sizing: border-box;
}

.dark-theme .product-quantity{
    background: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    color: var(--body-text-color);
}

.product-quantity.-sk-hide{
    display: none;
}

.product-quantity.-sk-loading:before{
    position: absolute;
    animation: spin 1s linear infinite;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    display: inline-block;
    font-size: 20px;
    content: "\f110";
    font-style: normal;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: var(--bs-color);
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.product-quantity__unit {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    line-height: normal;
    z-index: 1;
    font-weight: 400;
}

.product-quantity__step{
    position: absolute;
    padding: 0;
    width: 30px;
    height: 36px;
    line-height: 36px;
    background: none;
    font-size: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: 3;
    cursor: pointer;
    box-shadow: none;
    color: var(--body-text-color);
    border: none;
}

.product-quantity__step.-sk-plus{
    right: 0;
    left: auto;
}

input[type=text].product-quantity__input{
    border: none;
    padding: 0 40px;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    background: none;
    position: relative;
    z-index: 2;
    width: 100%;
}

.product-quantity__unit ~ input[type=text].product-quantity__input{
    height: 24px;
    line-height: 24px;
}

.product-quantity__desc{
    position: absolute;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    bottom: 100%;
    padding: 10px;
    right: 0;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    width: 70px;
    left: 50%;
    box-sizing: border-box;
    margin: 0 0 10px -35px;
    font-weight: bold;
    display: none;
    white-space: normal;
    user-select: none;
    color: #FFF;
    border-radius: 10px;
    background: #505050;
}

.product-quantity__step:hover .product-quantity__desc.active{
    display: block;
}

.product-quantity__desc:before{
    content: "\f0d7";
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -3px;
    font-size: 18px;
    color: #505050;
}

.product-quantity.-sk-loading .product-quantity__input,
.product-quantity.-sk-loading .product-quantity__unit{
    opacity: 0;
}

.product-quantity.-sk-large{
    height: 50px;
    max-width: 200px;
    min-width: 120px;
}

.product-quantity.-sk-large input[type=text].product-quantity__input{
    height: 50px;
    line-height: 50px;
}

.product-quantity.-sk-large .product-quantity__unit ~ input[type=text].product-quantity__input{
    height: 38px;
    line-height: 38px;
}

.product-quantity.-sk-large .product-quantity__unit{
    bottom: 5px;
}

.product-quantity.-sk-large .product-quantity__step{
    width: 40px;
}

.product-quantity.-sk-mini{
    max-width: 90px;
    border-radius: 10px;
    height: 36px;
}

.product-quantity.-sk-mini input[type=text].product-quantity__input{
    padding: 0 14px;
}

.product-quantity.-sk-mini .product-quantity__step{
    width: 20px;
    border-radius: 0;
    background: none;
    height: 36px;
    left: 0;
    font-size: 10px;
}

.product-quantity.-sk-mini .product-quantity__step.-sk-plus {
    right: 0;
    left: auto;
}

.button-added{
    height: 40px;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    background: var(--cart-added-button-color-bg);
    color: var(--cart-added-button-color-font);
    font-weight: bold;
    font-size: 14px;
    border-radius: 7px;
    box-shadow: var(--cart-added-button-box-shadow);
    transition: opacity .5s;
    cursor: pointer;
}

.button-added.-sk-hide{
    display: none !important;
}

.button-added:hover{
    opacity: .8;
}

a.button-added:hover{
    color: var(--cart-added-button-color-font);
}

.button-added__go{
    display: block;
    margin: 2px 0 0;
    font-weight: normal;
    font-size: 13px;
}

.button-added__right{
    display: inline-block;
    vertical-align: middle;
}

.button-added__check{
    font-size: 11px;
    vertical-align: middle;
}

.switch-type-theme{
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.switch-type-theme__buttons{
    display: inline-flex;
    vertical-align: middle;
    border: 1px solid;
    border-radius: 5px;
    height: 18px;
    font-size: 12px;
    align-items: center;
    position: relative;
}

.mm-mobile .switch-type-theme__buttons{
    color: var(--bs-color);
}

.dark-theme .mm-mobile .switch-type-theme__buttons{
    color: var(--body-text-color);
}

.switch-type-theme__buttons.-popup-title:hover:before{
    background: #444444;
    content: attr(data-title-light);
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1.2;
    color: #FFF;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
    width: 160px;
    margin: 5px 0 0 -75px;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
}

.dark-theme .switch-type-theme__buttons.-popup-title:hover:before{
    content: attr(data-title-dark);
}

.switch-type-theme__buttons.-popup-title:hover:after {
    position: absolute;
    bottom: -6px;
    color: #444444;
    content: "\f0d8";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    line-height: 4px;
    left: 50%;
    margin-left: -6px;
    font-size: 20px;
}

.dark-theme .switch-type-theme{
    border-color: var(--border-elements-color);
}

.switch-type-theme__title{
    margin: 0 15px 0 0;
    display: inline-block;
}

.switch-type-theme__title:after{
    content: attr(data-title-light);
}

.dark-theme .switch-type-theme__title:after{
    content: attr(data-title-dark);
}

.switch-type-theme__slider,
.switch-type-theme__item{
    height: 20px;
    width: 30px;
    display: flex;
    margin: -1px;
    border-radius: 5px;
}

.switch-type-theme__item{
    text-align: center;
    position: relative;
    z-index: 2;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.switch-type-theme__item[data-type="light"],
.dark-theme .switch-type-theme__item[data-type="dark"]{
    color: var(--ac-bg-color-font);
}

.dark-theme .switch-type-theme__item[data-type="light"]{
    color: inherit;
}

.switch-type-theme__slider{
    background: var(--ac-bg-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: left .5s, transform .5s, opacity .5s;
}

.dark-theme .switch-type-theme__slider{
    left: 30px;
}

i.icon16 {
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    display:inline-block;
    text-decoration:none!important;
    background-image: url("img/icons.png");
    background-size: 260px 160px;
}

* i.icon16 {
    text-decoration:none!important;
    vertical-align:top;
    margin: 0 3px 0 0;
}

.icon16.rss {
    background-position: -16px 0;
}

.icon16.facebook {
    background-position: -32px 0;
}

.icon16.twitter {
    background-position: -48px 0;
}

.icon16.vk {
    background-position: -64px 0;
}

.icon16.gplus {
    background-position: -80px 0;
}

.icon16.pinterest {
    background-position: -96px 0;
}

.icon16.youtube {
    background-position: -112px 0;
}

.icon16.instagram {
    background-position: -128px 0;
}

.icon16.userpic20 {
    background-position: -2px -2px;
    border-radius: 50%;
    background-size: 20px 20px;
}

.icon16.color {
    border-radius: 5px;
    width: 14px;
    height: 14px;
    background-image: none;
    display: inline-block;
    margin: 0 7px 1px 0;
    vertical-align: middle;
    box-sizing: border-box;
}

.products-list .icon16.color{
    margin: 0 7px 2px 0;
}

.icon16.color[style*="background-color:#ffffff"],
.icon16.color[style*="background:#ffffff"],
.icon16.color[style*="background-color:#FFFFFF"],
.icon16.color[style*="background:#FFFFFF"] {
    border: 1px solid #e0e0e0;
}

.icon16.like {
    background-position:0 -16px;
    margin-top: 0;
}

.icon16.remove {
    background-position:-96px -16px;
}

.icon16.saved {
    background-position:-112px -16px;
}

.icon16.stock-red {
    background-position:-128px -16px;
}

.icon16.stock-yellow {
    background-position:-144px -16px;
}

.icon16.stock-green {
    background-position:-160px -16px;
}

.icon16.stock-transparent {
    background-position:-176px -16px;
}

.icon16.checkmark {
    background-position:-192px -16px;
}

.icon16.compare {
    background-position:-208px -16px;
}

.icon16.compare.active {
    background-position:-224px -16px;
}

.icon16.uarr {
    background: url('img/uarr.png');
    background-position: 0 0;
    background-size: 16px 16px;
}

.icon16.loading {
    background-image: url('img/loading16.gif');
    background-position: 0 0;
    background-size: 16px 16px;
}

.icon24.loading {
    background-image: url('img/loading.gif');
    background-size: 24px 24px;
    height:24px;
    width:24px;
    display:inline-block;
}

.icon32.loading {
    background-image: url('img/loading.gif');
    background-size: 32px 32px;
    height:32px;
    width:32px;
    display:inline-block;
}

i.icon10 {
    background-repeat:no-repeat;
    height:10px;
    width:10px;
    display:inline-block;
    text-decoration:none!important;
    background-image: url("img/icons.png");
    background-size: 260px 160px;
}

* i.icon10 {
    text-decoration:none!important;
    vertical-align:top;
    margin: 0 3px 0 0;
}

.icon10.darr {
    background-image: url('img/darr.png');
    background-size: 16px 16px;
}

/* 24x24 Icons
-------------- */

i.icon24 {
    background-repeat:no-repeat;
    height:24px; width:24px;
    display:inline-block;
    text-indent:-9999px;
    text-decoration:none!important;
    background-image: url("img/icons.png");
    background-size: 260px 160px;
}

* i.icon24 {
    text-decoration:none!important;
    vertical-align:top;
    margin: 0 3px 0 0;
}

.icon24.rss {
    background-position: 0 -50px;
}

.icon24.facebook {
    background-position: -24px -50px;
}

.icon24.twitter {
    background-position: -48px -50px;
}

.icon24.vk {
    background-position: -72px -50px;
}

.icon24.instagram {
    background-position: -96px -50px;
}

.icon24.youtube {
    background-position: -120px -50px;
}

.icon24.pinterest {
    background-position: -144px -50px;
}

.icon24.gplus {
    background-position: -168px -50px;
}

.product-rating{
    height: 24px;
    line-height: 22px;
    border-radius: 6px;
    border: 1px solid #e9e9e9;
    display: inline-flex;
    font-size: 12px;
    white-space: nowrap;
    background: #FFF;
    box-sizing: border-box;
    padding: 0 5px;
    align-items: center;
}

.dark-theme .product-rating{
    border: none;
    background: none;
}

.product-rating.-sk-large{
    padding: 0 15px;
    line-height: 38px;
    height: 40px;
    border-radius: 10px;
    box-sizing: border-box;
}

.product-rating__star{
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    color: var(--rating-color);
    margin: 1px 3px 0 0;
}

.product-rating__count{
    font-weight: 800;
    font-size: 12px;
    color: var(--body-text-color);
    vertical-align: middle;
    display: inline-block;
}

.dark-theme .product-rating__count{
    font-weight: 500;
}

.product-rating__reviews{
    font-size: 12px;
    color: #c6c6c6;
    vertical-align: middle;
    display: inline-block;
}

.product-rating__count ~ .product-rating__reviews{
    margin: 0 0 0 7px;
}

.rating {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    color: var(--rating-color);
    letter-spacing: 1px;
}



.rating .icon10{
    vertical-align: middle;
    display: inline-block;
}

.star,
.star-empty,
.star-hover,
.star-half{
    font-family: Font Awesome\ 5 Pro;
    vertical-align: middle;
    font-style: normal;
    color: var(--rating-color);
}

.star.icon10,
.star-empty.icon10,
.star-hover.icon10,
.star-half.icon10,
.rating .fa-star,
.rating .fa-star-half-alt{
    font-size: 10px;
    letter-spacing: 0;
    height: auto;
    background: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0 1px;
}

.star.icon16,
.star-empty.icon16,
.star-hover.icon16,
.star-half.icon16{
    font-size: 14px;
    letter-spacing: 0;
    background: none;
    vertical-align: middle;
    width: auto;
    height: auto;
    display: inline-block;
}

.star:before,
.star-hover:before{
    content: "\f005";
    font-weight: 900;
}

.star-half:before{
    content: "\f5c0";
    font-weight: 900;
}

.star-empty:before{
    content: "\f005";
    font-weight: 400;
}

.rating .fa-star.far {
    font-weight: 400;
}

.badge{
    height: 24px;
    border-radius: 6px;
    padding: 0 5px;
    line-height: 22px;
    display: inline-block;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

.badge.-sk-large{
    font-size: 14px;
    height: 30px;
    line-height: 28px;
}

.badge.-sk-mini{
    height: 20px;
    line-height: 18px;
}

.badge.new {
    color: var(--badge-new-color);
    background: var(--badge-new-bg);
    border: 1px solid var(--badge-new-border);
}

.badge.bestseller {
    color: var(--badge-bestseller-color);
    background: var(--badge-bestseller-bg);
    border: 1px solid var(--badge-bestseller-border);
}

.badge.low-price {
    color: var(--badge-lowprice-color);
    background: var(--badge-lowprice-bg);
    border: 1px solid var(--badge-lowprice-border);
}

.cat-badge{
    display: inline-block;
    text-align: center;
    padding: 0 3px 2px;
    color: #128b08;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    border: 1px solid;
    text-transform: lowercase;
    background: #FFF;
}

.cat-badge--yellow{
    color: #ffdf00;
}

.cat-badge--green{
    color: green;
}

.cat-badge--red{
    color: red;
}

.cat-badge--blue{
    color: #046fca;
}

.cat-badge--orange{
    color: orange;
}

.cat-badge--pink{
    color: #e84dd9;
}


.stock-high,
.stock-low,
.stock-critical,
.stock-preorder,
.stock-none{
    font-size: 13px;
    white-space: nowrap;
}

.stock-high{
    color: #26ab20;
}

.stock-low{
    color: #ba5009;
}

.stock-critical,
.stock-preorder{
    color: #f33232;
}

.stock-none{
    color: #989898
}

.stock-none.-options{
    white-space: normal;
}

.product-sku{
    font-size: 13px;
}

.product-sku__title{
    color: #888;
    margin: 0 5px 0 0;
}

.product-sku__value{
    color: var(--body-text-color);
}

.sh-product-features__item{
    margin: 0 20px 0 0;
    display: inline;
}

.sh-product-features__title{
    margin: 0 5px 0 0;
    display: inline-block;
    color: #888;
}

.sh-product-features__value{
    color: #000;
    display: inline-block;
}

.products-list .sh-product-features__value.-sk-colors,
.products-list .l-product-features__value.-sk-colors{
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}

.l-product-features__item{
    margin: 0 0 5px;
}

.l-product-features__title{
    margin: 0 5px 0 0;
    color: #888888;
}

.dark-theme .l-product-features__title{
    color: #a3a3a3;
}

.l-product-features__value{
    color: var(--body-text-color);
}

.l-product-features__value br{
    display: none;
}

.l-product-features__value .icon16.color{
    margin-bottom: 1px;
}

.t-product-features{
    border: none;
}

.t-product-features__item ~ .t-product-features__item.divider{
    padding-top: 25px;
}

.t-product-features__item.divider .t-product-features__title,
.t-product-features__item.divider .t-product-features__value{
    border-top: none;
    font-weight: 900;
}

.t-product-features__item.divider .t-product-features__title{
    color: var(--body-text-color);
}

@media (min-width: 450px){
    .t-product-features{
        border-collapse: separate;
        border-spacing: 20px 0;
        margin: 0 -20px;
        display: table;
    }

    .t-product-features__item{
        display: table-row;
    }

    .t-product-features__title,
    .t-product-features__value{
        border-bottom: none;
        border-left: none;
        border-right: none;
        padding: 10px 0;
        display: table-cell;
        min-width: 200px;
        border-top: 1px solid #f3f3f3;
    }

    .dark-theme .t-product-features__title,
    .dark-theme .t-product-features__value{
        border-color: rgba(255,255,255,0.1);
    }
}

@media (max-width: 449px){
    .t-product-features__item{
        border-top: 1px solid #f3f3f3;
        padding: 10px 0;
    }

    .t-product-features__item:last-child{
        border-bottom: 1px solid #f3f3f3;
    }

    .dark-theme .t-product-features__item,
    .dark-theme .t-product-features__item:last-child{
        border-color: rgba(255,255,255,0.1);
    }

    .t-product-features__title{
        margin: 0 5px 0 0;
    }
}

.t-product-features__title{
    line-height: 20px;
    color: #888;
}

.dark-theme .t-product-features__title{
    color: #acacac;
}

.t-product-features__value{
    color: var(--body-text-color);
    line-height: 18px;
}



.t-product-features__value .icon16.color{
    margin-bottom: 1px;
}

/* featurestips plugin */

.featurestips_wrapper{
    vertical-align: middle !important;
    margin: 0 2px !important;
}

.featurestips_wrapper .featurestips_view,
.featurestips_wrapper .featurestips_view::after{
    box-shadow: 0 5px 20px rgba(0,0,0,0.12) !important;
}

.featurestips_wrapper .featurestips_view,
.featurestips_wrapper .tip_view_in{
    border-radius: 15px;
}

.featurestips_wrapper .featurestips_view::after,
.featurestips_wrapper .featurestips_view::before{
    left: 41px !important;
}

.featurestips_wrapper .featurestips_icon IMG{
    background: #FFF;
    border-radius: 50%;
}

a.no-underline:hover{
    text-decoration: underline;
}

.fa-whatsapp,
a.fa-whatsapp:hover{
    color: #43d854;

}

.fa-viber,
a.fa-viber:hover{
    color: #7360F2;
}

.fa-telegram-plane,
a.fa-telegram-plane:hover,
.fa-telegram,
a.fa-telegram:hover{
    color: #0088cc;
}

.fa-facebook-f,
a.fa-facebook-f:hover,
.fa-facebook,
a.fa-facebook:hover{
    color: #3b5998;
}

.fa-twitter,
a.fa-twitter:hover{
    color: #00acee;
}

.fa-vk,
a.fa-vk:hover{
    color: #2787F5;
}

.fa-odnoklassniki,
a.fa-odnoklassniki:hover{
    color: #ed812b;
}

.fa-instagram,
a.fa-instagram:hover{
    color: #C13584;
}

.fa-youtube,
a.fa-youtube:hover{
    color: #c4302b;
}

.fa-rss,
a.fa-rss:hover{
    color: #ee802f;
}

.popup-bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    overflow: hidden;
    background: rgba(0,0,0,.3);
    display: none;
}

.dark-theme .popup-bg{
    background: rgba(0,0,0,.5);
}

.popup-bg.-sk-show{
    display: block;
}


label{
    cursor: pointer;
}

label.disabled{
    cursor: default;
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=phone],
input[type=tel],
input[type=url],
select,
textarea{
    background: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: 12px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    outline: none;
    box-sizing: border-box;
    max-width: 100%;
    font-family: inherit;
    color: var(--body-text-color);
}

input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=text]:hover,
input[type=phone]:hover,
input[type=tel]:hover,
input[type=url]:hover,
select:hover,
textarea:hover{
    border-color: var(--input-hover-border-color);
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=phone]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus{
    border-color: var(--bs-color);
}

input[type=email].small,
input[type=number].small,
input[type=password].small,
input[type=search].small,
input[type=text].small,
input[type=phone].small,
input[type=tel].small,
select.small,
textarea.small{
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    border-radius: 7px;
}

textarea {
    min-height: 100px;
    line-height: 20px;
    padding: 15px 20px;
}

.button,
.button-link,
button,
input[type="button"],
input[type="submit"],
.button-action{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    border-radius: 12px;
    padding: 0 30px;
    cursor: pointer;
    border: 0;
    outline: none;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    position: relative;
    transition: opacity .5s;
}

.button:hover:active,
.button-link:active,
button:hover:active,
input[type="button"]:active,
input[type="submit"]:active,
.button-action:active{
    box-shadow: none;
}

body:not(.touch) .button:hover,
body:not(.touch) .button-link:hover,
body:not(.touch) button:hover:hover,
body:not(.touch) input[type="button"]:hover,
body:not(.touch) input[type="submit"]:hover,
body:not(.touch) .button-action:hover{
    opacity: .8;
}

.button,
.button-link,
button,
input[type="button"],
input[type="submit"]{
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

.button-action,
input.button-action{
    box-shadow: none;
    background: #f3f3f3;
    color: var(--body-text-color);
}

.dark-theme .button-action,
.dark-theme input.button-action{
    background: #494949;
}

.button-action:hover,
a.button-action:hover{
    color: var(--body-text-color);
}



.button.small,
.button-link.small,
button.small,
input[type="button"].small,
input[type="submit"].small,
.button-action.small{
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 7px;
}

.button.large,
.button-link.large,
button.large,
input[type="button"].large,
input[type="submit"].large,
.button-action.large{
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    border-radius: 15px;
}

.button.grey,
.button-link.grey,
button.grey,
input[type="button"].grey,
input[type="submit"].grey,
.button-action.grey,
.button.gray,
.button-link.gray,
button.gray,
input[type="button"].gray,
input[type="submit"].gray,
.button-action.gray{
    background: #585858;
    color: #FFF;
}

.button-action.red{
    background: #ffe2e2;
    color: #8d0000;
}

.button-action.green{
    background: #d1fdca;
    color: #047909;
}

.button[disabled='disabled'],
button[disabled='disabled'],
input[type="button"][disabled='disabled'],
input[type="submit"][disabled='disabled'],
.button-link.disabled,
.button.disabled,
button.disabled,
input.disabled,
input[disabled='disabled']{
    cursor: default;
    background: #ededed;
    color: #9e9e9e;
    box-shadow: none;
}

.dark-theme input.disabled,
.dark-theme input[disabled='disabled']{
    background: none;
    opacity: 0.3;
}

input[type=checkbox],
input[type=radio]{
    margin: 0 3px 0 0;
}

.jq-checkbox input,
.jq-radio input,
.checkbox-styler input,
.radio-styler input{
    opacity: 0;
    top: 0;
    left: 0;
}

.jq-checkbox input:not(:disabled):not(.disabled),
.jq-radio input:not(:disabled):not(.disabled),
.checkbox-styler input:not(:disabled):not(.disabled),
.radio-styler input:not(:disabled):not(.disabled){
    cursor: pointer;
}

.jq-checkbox,
.checkbox-styler{
    background: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    width: 15px;
    height: 15px;
    margin: 0 10px 3px 0;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    box-sizing: border-box;
}

.jq-checkbox.checked,
.checkbox-styler.checked{
    border: none;
    background: var(--checkbox-color-bg);
    color: var(--checkbox-color-font);
    box-shadow: var(--checkbox-box-shadow);
}

.jq-checkbox.checked:before,
.checkbox-styler.checked:before{
    font-size: 9px;
    content: "\f00c";
    top: 0;
    left: 0;
    height: 15px;
    line-height: 16px;
    text-align: center;
    width: 15px;
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    position: absolute;
}

.jq-radio,
.radio-styler{
    background: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 10px 3px 0;
    text-align: center;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

.jq-radio.checked,
.radio-styler.checked{
    border: none;
    background: var(--checkbox-color-bg);
    color: var(--checkbox-color-font);
    box-shadow: var(--checkbox-box-shadow);
}

.jq-radio.checked:before,
.radio-styler.checked:before{
    background: var(--checkbox-color-font);
}

.jq-radio.checked:before,
.radio-styler.checked:before{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    font: normal normal normal 14px/1 Font Awesome\ 5 Pro;
}

.jq-radio.disabled,
.radio-styler.disabled,
.jq-checkbox.disabled,
.checkbox-styler.disabled,
label.disabled .checkbox-styler,
label.disabled .radio-styler{
    cursor: default;
    background: #ecebeb;
    opacity: 0.3;
}

.dark-theme .jq-radio.disabled,
.dark-theme .radio-styler.disabled,
.dark-theme .jq-checkbox.disabled,
.dark-theme .checkbox-styler.disabled,
.dark-theme label.disabled .checkbox-styler,
.dark-theme label.disabled .radio-styler{
    opacity: 0.04;
}

pre {
    margin-top: 16px;
    font-size: 90%;
    line-height: 24px;
    color: rgba(0,0,0,.75);
    background: rgba(0,0,0,.03);
    padding: 16px 20px;
    word-wrap: normal;
}

/* DROPDOWN POPUP */
.dropdown-open:hover:after{
    position: absolute;
    bottom: -5px;
    color: var(--popup-bg-color);
    content: "\f0d8";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    line-height: 4px;
    left: 50%;
    margin-left: -4px;
    font-size: 16px;
}

.dropdown-popup{
    position: absolute;
    top: 100%;
    right: -10px;
    padding-top: 5px;
    display: none;
}

.dropdown-popup__inner{
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    padding: 40px 50px;
    box-sizing: border-box;
    line-height: normal;
    width: 300px;
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
}

.dropdown-open:hover .dropdown-popup{
    display: block;
}

.dropdown-popup__head{
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 30px;
}

/* DROPDOWN MENU */

.dropdown-open{
    position: relative;
}

.dropdown-menu{
    position: absolute;
    top: 100%;
    right: -10px;
    padding-top: 5px;
    display: none;
}

.dropdown-menu__inner{
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    padding: 20px 0;
    box-sizing: border-box;
    line-height: normal;
    width: 260px;
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
}

.dropdown-open:hover .dropdown-menu{
    display: block;
}

.dropdown-menu__head{
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 30px;
}

.dropdown-menu__item{
    display: block;
    padding: 10px 30px;
    text-decoration: none;
}

.dropdown-menu__item:not(.__user-login):hover{
    background: #f8f7f7;
}

.dark-theme .dropdown-menu__item:not(.__user-login):hover{
    background: rgba(255, 255, 255, 0.05);
}

.dropdown-menu__item.selected{
    cursor: default;
    color: var(--bs-color);
    font-weight: bold;
}

.header-user-item__userpic{
    border-radius: 50%;
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 -3px;
}
/* more text */

.spoiler-outer {
    margin: 0 0 30px;
}

.spoiler-desc{
    margin: 0 0 20px;
}

.spoiler-wrap {
    position: relative;
    overflow: hidden;
}

.spoiler-wrap.overflow-visible{
    overflow: visible;
}

.spoiler-wrap.close:after {
    position: absolute;
    height: 15px;
    bottom: 0;
    width: 100%;
    box-shadow: inset 0 -10px 5px 5px hsla(0,0%,100%,.5);
    content: "";
}

.dark-theme .spoiler-wrap.close:after{
    box-shadow: inset 0 -10px 5px 5px rgba(26,26,26,.5);
}

.spoiler-outer .spoiler-desc,
.spoiler-desc p:last-child {
    margin: 0;
}

.spoiler-more-wrap {
    margin: 5px 0 20px;
}

/* paginaton */

.paging-nav,
.pagination{
    margin: 15px 0 40px;
    list-style: none;
    text-align: center;
    font-size: 14px;
    padding: 0;
}

.paging-nav ul,
.pagination ul{
    margin: 0;
    padding: 0;
}

.paging-nav ul,
.pagination{
    display: inline-block;
    border: 1px solid var(--border-elements-color);
    border-radius: 12px;
    background: var(--wrap-bg-color);
}

.paging-nav li,
.pagination li{
    margin: 0;
    padding: 0;
}

.paging-nav li,
.pagination li{
    display: inline-block;
    vertical-align: middle;
}

.paging-nav li a,
.pagination li a{
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    border-radius: 12px;
    box-sizing: border-box;
}

.paging-nav li.selected a,
.pagination li.selected a{
    background: var(--ac-bg-color);
    color: var(--ac-bg-color-font);
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    width: 42px;
    height: 42px;
    line-height: 40px;
    margin: -1px;
}

@media (max-width: 359px){
    .paging-nav ul,
    .pagination{
        display: block;
        border: none;
        background: none;
    }

    .paging-nav li,
    .pagination li{
        margin: 5px;
    }

    .paging-nav li a,
    .pagination li a{
        border: 1px solid #ededed;
    }

    .dark-theme .paging-nav li a,
    .dark-theme .pagination li a{
        border: 1px solid #393939;
    }

    .paging-nav li.selected a,
    .paging-nav li a:hover,
    .pagination li.selected a,
    .pagination li a:hover{
        border: none;
        line-height: 40px;
    }
}

.paging-else{
    text-align: center;
    margin: 0 0 20px;
    font-size: 14px;
}

.paging-else__btn{
    display: block;
    border-radius: 12px;
    padding: 15px 20px;
    border: 1px solid var(--border-elements-color);
    cursor: pointer;
    position: relative;
    background: var(--wrap-bg-color);
}

.paging-else__btn .sk-icon{
    display: inline-block;
    margin: 0 0 1px 2px;
}

.paging-else__btn.disabled{
    display: none;
}

.paging-else__btn.loading{
    color: #f3f3f3;
    cursor: default;
}

.dark-theme .paging-else__btn.loading{
    color: rgba(255,255,255,0.1);
}

.paging-else__btn.loading:after{
    animation: spin 1s linear infinite;
    font-family: Font Awesome\ 5 Pro;
    display: inline-block;
    font-size: 30px;
    content: "\f110";
    font-style: normal;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -15px;
    color: var(--bs-color);
}

.paging-pagers{
    text-align: center;
}

.products-loading{
    animation: spin 1s linear infinite;
    font-family: Font Awesome\ 5 Pro;
    display: inline-block;
    font-size: 30px;
    margin: 30px 0;
}

.products-loading:before {
    content: "\f110";
    font-style: normal;
    font-weight: 900;
}

.paging-loading-icon{
    text-align: center;
}

/* OWL CAROUSEL  */
.owl-carousel{
    display: block;
}

.owl-carousel .owl-item img.owl-lazy{
    transform-style: unset;
}

.owl-carousel .owl-item img{
    display: inline-block;
    width: auto;
    max-width: 100%;
    transform-style: unset;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""]{
    max-height: none;
}

.owl-carousel button.owl-dot{
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

.owl-prev,
.owl-next{
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 12px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.dark-theme .owl-prev,
.dark-theme .owl-next{
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

body:not(.dark-theme) .-white .owl-prev,
body:not(.dark-theme) .-white .owl-next{
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,0.07);
}

.owl-prev{
    margin: 0 7px 0 0;
}

.owl-prev:after{
    content: "\f30a";
}


.owl-next:after{
    content: "\f30b";
}

.owl-prev.disabled,
.owl-next.disabled{
    opacity: 0.5;
    cursor: default;
    color: #a8a8a8;
}

.owl-dots{
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 20px 0 0;
    text-align: center;
    line-height: 0;
    font-size: 0;
}

button.owl-dot{
    opacity: 0.4;
    border-radius: 5px;
    box-shadow: none;
    padding: 0 !important;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: inline-block;
    height: 0;
    width: 0;
    margin: 0;

}

button.owl-dot.-sk-show{
    height: 10px;
    width: 10px;
    margin: 0 5px;
}

button.owl-dot.active{
    opacity: 1;
    width: 30px;
}

@media (max-width: 1000px){
    .owl-dots{
        margin-top: 15px;
    }

    button.owl-dot.-sk-show{
        height: 6px;
        width: 6px;
        margin: 0 3px;
    }

    button.owl-dot.active{
        opacity: 1;
        width: 18px;
    }
}

/* carousel mini navigation */

.carousel-mini-prev,
.carousel-mini-next{
    width: 20px;
    height: 20px;
    background: #f3f3f3;
    text-align: center;
    line-height: 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
}

.carousel-mini-prev.disabled,
.carousel-mini-next.disabled{
    opacity: 0.3;
    cursor: default;
    color: #000;
}

.dark-theme .carousel-mini-prev,
.dark-theme .carousel-mini-next{
    background: rgba(255,255,255,0.05);
}


/* product preview swipe gallery */
.product-preview-gallery{
    display: flex;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}

.product-preview-gallery.owl-carousel {
    display: flex;
}

.product-preview-gallery__item{
    flex: 1 0 100%;
}

.product-preview-gallery__dots{
    padding: 5px 0;
    height: auto;
    line-height: normal;
    font-size: 0;
    margin: 0;
}

.product-preview-gallery__dots .owl-dot{
    margin: 1px 2px;
    width: 5px;
    height: 5px;
}

.product-preview-gallery__dots .owl-dot.active{
    width: 10px;
}

.product-preview-gallery__dots span{
    background: none;
    border: none;
    display: none;
}

.product-preview-gallery .owl-stage{
    display: flex;
    align-items: center;
}


/* tabs */
.tabs-wrap{
    margin: 0 0 50px;
}

.tabs-outer{
    padding: 0 0 15px;
    overflow-x: auto;
}

.tabs-outer::-webkit-scrollbar {
    display: none;
}

.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 5px;
    position: relative;
    border: 1px solid #d9d9d9;
    display: inline-flex;
    border-radius: 15px;
}

.dark-theme .tabs{
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

.tabs.sk-grey{
    border: none;
    background: #f3f3f3;
}

.dark-theme .tabs.sk-grey{
    background: #313131;
}

.tabs.-w-100{
    min-width: 100%;
    box-sizing: border-box;
}

.tab{
    padding: 17px 40px;
    font-size: 14px;
    line-height: 20px;
    margin: -1px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

@media (max-width: 799px) {
    .tab{
        padding: 17px 25px;
    }
}

@media (max-width: 599px) {
    .tab{
        padding: 15px 20px;
    }
}

.tabs.-w-100 .tab{
    flex: 1 1 auto;
}

.tab.selected{
    border-radius: 15px;
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

.tab-moved-wrap {
    display: none;
    position: absolute;
    border-radius: 15px;
    z-index: 5;
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

.tab-moved-wrap.-sk-show{
    display: block;
}

.tab-count{
    height: 13px;
    padding: 0 5px;
    border-radius: 100px;
    font-size: 12px;
    margin: 0 0 0 5px;
    display: inline-block;
    line-height: 13px;
}

/* tabs without scroll */
.tabs-b-outer{
    padding: 0 0 10px;
}

.tabs-b {
    list-style: none;
    padding: 0;
    margin: 0
}

.tab-b{
    padding: 15px 25px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    background: #f3f3f3;
    display: inline-block;
    margin: 0 15px 10px 0;
    border-radius: 13px;
}

.dark-theme .tab-b{
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

.tab-b.selected{
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

@media (max-width: 799px) {
    .tab-b{
        padding: 10px 20px;
        margin: 0 10px 10px 0;
        border-radius: 12px;
    }
}

/* tab anchor */

.tabs-anchor{
    margin: 0 0 20px;
    display: inline-flex;
    border-radius: 15px;
}

.tabs-anchor__item{
    padding: 17px 40px;
    font-size: 14px;
    line-height: 20px;
    margin: -1px;
    cursor: pointer;
}

/* tab content */

.tab-content {
    display: none;
    margin-top: 10px;
}

.tab-content.selected {
    display: block;
}

/* accordion tabs */

.accordion-tabs-wrap{
    margin: 0 0 60px;
}

.accordion-tab {
    box-shadow: 0 3px 15px rgba(0,0,0,0.03);
    border-radius: 17px;
    margin: 0 0 20px;
    background: var(--wrap-bg-color);
}

.accordion-tab__head {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 20px 30px;
}

.accordion-tab__head.-no-pointer{
    cursor: default;
}

.accordion-tab__title {
    font-weight: bold;
    flex: 1 1 auto;
    margin: 0 20px 0 0;
    text-decoration: none;
}

.accordion-tab__head.-no-pointer .accordion-tab__title{
    margin-right: 0;
}

.accordion-tab__caret {
    font-size: 15px;
}

.accordion-tab__caret:before {
    transition: .2s;
    display: inline-block;
}

.accordion-tab.selected .accordion-tab__caret:before {
    transform: rotate(180deg);
}

.accordion-tab__content {
    display: none;
    padding: 0 30px 20px;
}

.accordion-tab.selected .accordion-tab__content {
    display: block;
}

/* expand text */

.expand-texts{
    margin: 0 0 30px;
}

.expand-texts__item{
    margin: 0 0 15px;
}

.expand-texts__item:last-child{
    margin-bottom: 0;
}

.expand-texts__head{
    margin: 0 0 10px;
    display: inline-block;
    cursor: pointer;
}

.expand-texts__title{
    font-weight: bold;
    border-bottom: 1px dashed;
}

.expand-texts__content{
    display: none;
}

.expand-texts__item.open .expand-texts__content{
    display: block;
}

.expand-texts__caret{
    font-size: 9px;
    border: 1px solid;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin: 0 7px 0 0;
    text-align: center;
    line-height: 15px;
    display: inline-block;
    vertical-align: middle;
}

.expand-texts__caret:before{
    content: "\f067";
}

.expand-texts__item.open .expand-texts__caret:before{
    content: "\f068";
}

.expand-texts__content p:last-child{
    margin-bottom: 0;
}

/* expand accordion list */

.extend-accordion__list{
    margin: 0 0 30px;
}

.extend-accordion__item{
    margin: 0 0 25px;
}

.extend-accordion__item:last-child{
    margin-bottom: 0;
}

.extend-accordion__head{
    margin: 0 0 10px;
    display: inline-block;
    cursor: pointer;
}

.extend-accordion__title{
    font-weight: bold;
    border-bottom: 1px dashed;
}

.extend-accordion__content{
    display: none;
    color: #6a6a6a;
}

.extend-accordion__item.open .extend-accordion__content{
    display: block;
}

.extend-accordion__caret{
    font-size: 9px;
    border: 1px solid;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin: 0 7px 0 0;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    display: inline-block;
}

.extend-accordion__caret:before{
    content: "\f067";
}

.extend-accordion__item.open .expand-texts__caret:before{
    content: "\f068";
}

.extend-accordion__content p:last-child{
    margin-bottom: 0;
}

/* popup tabs */
.popup-tabs-outer{
    margin: 0 0 80px;
}

@media (max-width: 1000px){
    .popup-tabs-outer{
        margin: 0 0 50px;
    }
}

.popup-tab{
    font-weight: bold;
    cursor: pointer;
    position: relative;
    box-shadow: 0 3px 15px rgba(0,0,0,0.03);
    border-radius: 17px;
    margin: 0 0 20px;
    padding: 20px 50px 20px 30px;
}

.popup-tab:last-child{
    margin-bottom: 0;
}

.popup-tab__content{
    display: none;
    position: fixed;
    width: 100%;
    top: 35px;
    left: 0;
    background: #FFF;
    height: 100%;
    overflow-y: auto;
    z-index: 30;
    color: #000;
    text-align: left;
    padding: 25px 30px 30px;
    box-sizing: border-box;
    font-size: 15px;
    border-radius: 15px 15px 0 0;
}

.popup-tab__content.show{
    display: block;
}

.popup-tab__caret{
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 30px;
    font-size: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.popup-tab__close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f5f5f5;
    font-size: 13px;
    border-radius: 10px;
    font-weight: bold;
}

.popup-tab__icon-social{
    margin: 0 0 0 8px;
    display: inline-block;
    vertical-align: middle;
}


@media (max-width: 500px){
    .popup-tab__content.--product-reviews{
        padding: 15px 15px 40px;
    }
}

.popup-tab__head{
    margin: 0 15px 20px 0;
}

/* form  */

.wa-field input[type=email],
.wa-field input[type=password],
.wa-field input[type=phone],
.wa-field input[type=tel],
.wa-field input[type=text],
.wa-field select,
.wa-field textarea,
.wa-captcha-field,
.wa-captcha{
    width: 500px;
    max-width: 100%;
}



.wa-field input[type="checkbox"],
.wa-field input[type="radio"]{
    vertical-align: middle;
    margin-bottom: 3px;
}

.wa-field,
.shop-sk-callback__pole{
    margin: 0 0 30px;
}

.shop-sk-callback__pole_submit{
    margin-bottom: 0;
    flex: 1 1 auto;
    align-items: end;
    display: flex;
    justify-content: end;
}

.wa-name,
.shop-sk-callback__name{
    color: #1e1e1e;
    margin: 0 0 12px;
}

.dark-theme .wa-name,
.dark-theme .shop-sk-callback__name{
    color: var(--body-text-color);
}

.shop-sk-callback__pole_submit .shop-sk-callback__control{
    display: flex;
    align-items: center;
}

.shop-sk-callback__submit{
    order: 2;
}

.shop-sk-callback__preloader{
    order: 1;
    margin: 0 10px 0 0;
}

@media (max-width: 400px) {
    .wa-field:not(:last-child),
    .shop-sk-callback__pole:not(:last-child){
        margin: 0 0 25px;
    }

    .wa-name,
    .shop-sk-callback__name{
        margin: 0 0 10px;
    }

    .popup-content [type=submit],
    input[type=submit].shop-sk-callback__submit {
        min-width: unset !important;
        width: auto !important;
    }
}



.wa-value{
    position: relative;
}

.wa-value .wa-error-msg{
    position: absolute;
    top: 100%;
    margin: 0 !important;
}

.wa-captcha-section,
.wa-captcha > p{
    position: relative;
}

.wa-captcha-section .wa-error-msg,
.wa-captcha .errormsg{
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
}

.wa-captcha .errormsg{
    bottom: -15px;
}

input.wa-error {
    border-color: red;
}

.wa-error-msg,
.errormsg{
    font-size: 12px;
    color: red;
    display: block;
    font-style: normal;
}

input.error,
textarea.error {
    border-color: red;
}

.wa-section-header{
    margin: 0 0 20px;
}

.wa-auth-adapters ul,
.wa-adapters-list,
.menu-h.auth-type{
    padding: 0;
    margin: 12px 0 0;
}



.wa-auth-adapters ul li,
.wa-adapters-list li,
.menu-h.auth-type li{
    list-style: none;
    display: inline-block;
    padding: 0 10px 5px 0;
    vertical-align: middle;
}

.menu-h.auth-type li a{
    display: flex;
    align-items: center;
}

.menu-h.auth-type li img{
    margin: 0 5px 0 0;
}

@media (max-width: 380px){
    .wa-auth-adapters ul li,
    .wa-adapters-list li{
        padding-right: 5px;
    }
}

.wa-auth-adapters ul li:last-child,
.wa-adapters-list li:last-child{
    padding-right: 0;
}

.wa-auth-adapters ul li a,
.wa-adapters-list li a{
    display: block;
}

.wa-auth-adapters p,
.wa-adapters-list p {
    color: #888;
    font-size: 0.9em;
}

.wa-auth-adapters.wa-connect,
.wa-adapters-list.wa-connect {
    margin-top: 20px;
}

.wa-section-divider{
    margin: 0 0 20px;
}

/* profile inline menu */

.profile-menu{
    margin: 20px 0 10px;
    padding: 0;
    list-style: none;
    font-size: 13px;
    font-weight: 500;
}

.profile-menu li{
    display: inline-block;
    margin: 0 15px 5px 0;
}

.profile-menu ~ h1{
    margin-top: 0;
}

/* profile page data */

.profile-page__head{
    margin: 0 0 30px;
}

.profile-page__title{
    display: inline-block;
    margin: 0 20px 3px 0;
    vertical-align: middle;
}

.profile-data{
    display: table;
    margin: 0 -20px 30px;
    max-width: 600px;
    border-collapse: separate;
    border-spacing: 20px 0;
}

.profile-data-item{
    display: table-row;
}

.profile-data-item__value,
.profile-data-item__name{
    display: table-cell;
    padding: 13px 0;
    border-top: 1px solid #f3f3f3;
    width: 50%;
}

.dark-theme .profile-data-item__value,
.dark-theme .profile-data-item__name{
    border-color: rgba(255,255,255,0.1);
}

.profile-data-item__name{
    color: #7d7d7d;
}

.dark-theme .profile-data-item__name{
    color: #acacac;
}

@media (max-width: 400px){
    .profile-data-item__value,
    .profile-data-item__name{
        width: auto;
    }
}

.profile-data-item:first-child .profile-data-item__value,
.profile-data-item:first-child .profile-data-item__name{
    border-top: none;
}

.profile-data-item__photo{
    font-size: 0;
    background: #FFF;
    width: 96px;
    height: 96px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px){
    .profile-data {
        max-width: none;
        width: 100%;
        margin: 0;
        border-spacing: 10px 0;
    }

    .profile-data-item__value,
    .profile-data-item__name{
        padding: 8px 0;
    }

    .profile-data-item__photo{
        width: 50px;
        height: 50px;
    }

    .profile-data-item.-photo img{
        max-width: 50px;
    }
}

/* profile form */
.wa-field-sex label{
    display: inline-block !important;
    margin: 0 30px 0 0 !important;
}

.wa-field-sex label input[type=radio]{
    vertical-align: middle;
}

.wa-field-password a{
    font-weight: bold;
}

.wa-field-password input[name=password]{
    margin: 0 15px 0 0;
}

.profile-page .wa-field-address>.wa-name {
    font-size: 15px;
    color: var(--body-text-color);
    font-weight: bold;
    margin: 0 0 20px;
}

.profile-cancel-edit{
    margin: 0 0 0 10px;
}

.wa-field .wa-value p span {
    font-size: 13px;
    color: #c1c1c1;
    margin: 0 0 10px;
    display: block;
}

.wa-field .wa-value p .field{
    margin: 0 0 25px;
}

.wa-field-birthday input[type=text],
.wa-field-birthday select {
    width: calc(33% - 7px)!important;
    min-width: auto!important;
    margin: 0 10px 0 0;
}

.wa-field.wa-field-birthday {
    width: 507px;
    max-width: 100%;
    white-space: nowrap;
}

.wa-field-birthday select{
    width: calc(50% - 7px)!important;
}

.wa-field-birthday select:first-child,
.wa-field-birthday input[type=text]{
    width: calc(25% - 7px)!important;
}

.wa-field-photo{
    background: #f3f3f3;
    border-radius: 25px;
    padding: 15px 30px;
    width: 500px;
    box-sizing: border-box;
}

.dark-theme .wa-field-photo{
    background: var(--wrap-bg-color);
}

.wa-field-photo .wa-name{
    display: none;
}

.wa-field-photo .wa-value img{
    display: inline-block;
    vertical-align: middle;
    margin: 10px 10px 10px 0;
    border-radius: 50%;
}

@media (max-width: 500px) {
    .wa-field-photo .wa-value img{
        max-width: 50px;
    }

    .wa-field-photo{
        max-width: 100%;
    }
}

@media (max-width: 350px) {
    .wa-field-photo{
        padding-left: 10px;
        padding-right: 10px;
    }
}

.wa-field-photo .wa-value p{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.wa-value .icon16.like{
    margin: 0 0 2px;
    vertical-align: middle;
    display: inline-block;
}

/* custom scroll */
.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper .scroll-element {
    display: none;
}

.scroll-wrapper , .scroll-element div {
    box-sizing: content-box;
}

.scroll-wrapper .scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-wrapper .scroll-element .scroll-bar,
.scroll-wrapper .scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scroll-wrapper > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scroll-wrapper > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scroll-wrapper > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 4px;
}

.scroll-wrapper > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scroll-wrapper > .scroll-element .scroll-element_outer,
.scroll-wrapper > .scroll-element .scroll-element_track,
.scroll-wrapper > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scroll-wrapper > .scroll-element .scroll-bar{
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

.scroll-wrapper > .scroll-element .scroll-element_track {
    background-color: #ebebeb;
    width: 2px;
    margin: 0 1px;
}

.dark-theme .scroll-wrapper > .scroll-element .scroll-element_track{
    background-color: rgba(255,255,255,0.4);
}

.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}


.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/* POPUP MINI MESSAGE */
.popup-mini-messages{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 2010;
}

.popup-mini-messages__item{
    padding: 25px 30px;
    background: #313131;
    color: #FFF;
    max-width: 300px;
    border-radius: 20px;
    position: relative;
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.popup-mini-messages__item.-sk-hide{
    display: none;
}

.popup-mini-messages__item.-sk-error{
    background: #ba1d1d;
    color: #FFF;
}

.popup-mini-messages__btn{
    margin: 0 0 0 20px;
    font-weight: normal;
}

.popup-mini-messages__close{
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.popup-mini-messages a:hover{
    color: inherit;
}

@media (max-width: 500px) {
    .popup-mini-messages{
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 50;
    }

    .popup-mini-messages__item{
        width: 100%;
        box-sizing: border-box;
        max-width: none;
    }

    .popup-mini-messages__item:last-child{
        border-radius: 20px 20px 0 0;
        padding-bottom: 80px;
    }
}

/* POPUP */
.popup-content {
    max-width: 800px;
    width: 100%;
    margin: 10px auto;
    position: relative;
    box-sizing: border-box;
    font-size: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    padding: 60px 80px;
    border-radius: 35px;
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
}

.popup-content-skcallback,
.popup-content--auth{
    max-width: 560px;
}

.popup-content__head,
.shop-sk-callback__title,
.popup-content h1,
.popup-content .h1{
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 40px;
    padding-right: 60px;
    line-height: 32px;
    color: var(--body-text-color);
}

.mfp-bg{
    opacity: 0.4;
}

.mfp-map .mfp-content{
    height: 90%;
}

button.mfp-close{
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
    color: #000 !important;
    background: #faf9fe;
    opacity: 1;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.dark-theme button.mfp-close{
    color: var(--popup-text-color) !important;
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

button.mfp-close,
button.mfp-close:active{
    top: 60px;
    right: 80px;
}

.mfp-inline-holder .mfp-close:active{
    background: #eeeef1;
}

.dark-theme .mfp-inline-holder .mfp-close:active {
    background: rgba(255,255,255,0.1);
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close{
    background: none;
    padding: 0;
    line-height: 20px;
    text-align: center;
    color: #FFF !important;
    width: 20px;
    height: 20px;
}

@media (min-width: 1025px) {
    .mfp-iframe-holder .mfp-close:active,
    .mfp-image-holder .mfp-close:active,
    .mfp-iframe-holder .mfp-close,
    .mfp-image-holder .mfp-close{
        top: -20px !important;
        right: -20px !important;
    }
}

@media (max-width: 1024px) {
    .mfp-iframe-holder .mfp-close:active,
    .mfp-image-holder .mfp-close:active,
    .mfp-iframe-holder .mfp-close,
    .mfp-image-holder .mfp-close{
        top: -40px !important;
        right: -6px !important;
    }
}

.mfp-close:before{
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 16px;
}



.mfp-hide {
    display: none!important;
}

.mfp-preloader{
    height: 50px;
    width: 50px;
    line-height: 50px;
    animation:spin 1s linear infinite;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    font-size: 0;
    margin-top: -25px;
    margin-left: -25px;
    left: 50%;
}

.mfp-preloader:before {
    content: "\f110";
    font-size: 36px;
}

@media (max-width: 550px) {
    .popup-content {
        padding: 50px 60px;
    }

    button.mfp-close,
    button.mfp-close:active{
        top: 50px;
        right: 60px;
    }
}
@media (max-width: 480px) {
    .popup-content {
        padding: 40px 50px;
    }

    button.mfp-close,
    button.mfp-close:active{
        top: 40px;
        right: 50px;
    }
}

@media (max-width: 450px) {
    .popup-content__head,
    .shop-sk-callback__title{
        font-size: 24px;
    }
}

@media (max-width: 400px) {
    .popup-content {
        padding: 25px 35px;
    }

    button.mfp-close,
    button.mfp-close:active{
        top: 25px;
        right: 35px;
    }
}

@media (max-width: 350px) {
    .popup-content__head,
    .shop-sk-callback__title{
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .popup-content {
        padding: 25px 30px;
        border-radius: 25px;
    }

    button.mfp-close,
    button.mfp-close:active{
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

.popup-content input[type=text],
.popup-content input[type=email],
.popup-content input[type=number],
.popup-content input[type=password],
.popup-content input[type=search],
.popup-content input[type=phone],
.popup-content input[type=tel],
.popup-content input[type=url],
.popup-content select,
.popup-content textarea{
    width: 100%;
}

.popup-content [type=submit],
input[type=submit].shop-sk-callback__submit{
    min-width: 200px;
}

.shop-sk-callback__form{
    display: flex;
    flex-direction: column;
}

.popup-content .wa-login-form-wrapper .wa-login-form-actions,
.shop-sk-callback__pole_submit{
    margin-top: 50px;
    text-align: right;
    margin-bottom: 0;
}

@media (max-width: 800px) {
    .shop-sk-callback__form{
        min-height: unset;
    }
}

@media (max-width: 400px) {
    .popup-content .wa-login-form-wrapper .wa-login-form-actions,
    .shop-sk-callback__pole_submit{
        margin-top: 40px;
    }

    .popup-content [type=submit],
    input[type=submit].shop-sk-callback__submit{
        width: 100%;
    }
}

/* sk callback */
.shop-sk-callback__pole{
    position: relative;
}

.shop-sk-callback__error{
    color: red;
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
}

.shop-sk-callback__pole_checkbox._error{
    color: red;
}

.dark-theme .shop-sk-callback__error,
.dark-theme .shop-sk-callback__pole_checkbox._error{
    color: #ff3b3b;
}


input[type=checkbox].shop-sk-callback__checkbox,
.shop-sk-callback__checkbox {
    margin: 0 10px 2px 0;
    vertical-align: middle;
}

.shop-sk-callback__pole_slider{
    margin: 0 0 35px;
}

.shop-sk-callback__input_min,
.shop-sk-callback__input_max {
    width: 20% !important;
}

.shop-sk-callback__input_min {
    margin-right: 20px !important;
}

.shop-sk-callback__inputs_slider {
    display: none;
}

.shop-sk-callback__slider-block {
    margin-bottom: 15px;
    margin-top: 16px;
}

.shop-sk-callback__slider.ui-slider {
    background: #e8e8e8;
    height: 4px;
    margin: 0 7px 10px;
    position: relative;
}

.shop-sk-callback__slider .ui-slider-range {
    border: 3px solid var(--bs-color);
    position: absolute;
}

.shop-sk-callback__slider .ui-slider-handle {
    height: 30px;
    width: 30px;
    background-color: #eaeaea;
    border-radius: 50%;
    margin-left: -15px;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 11px;
    top: -13px;
    position: absolute;
    text-decoration: none;
    font-weight: bold;
}

.shop-sk-callback__slider .ui-slider-handle:focus {
    outline: none;
}

.shop-sk-callback__pole_slider .shop-sk-callback__values {
    display: none;
}

/* sk-popup video */
.sk-popup-video{
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 2000;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.3);
    align-items: start;
    justify-content: center;

}

.sk-popup-video._opened {
    display: flex;
}

.sk-popup-video__close{
    position: absolute;
    top: 0;
    right: -30px;
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
    color: #FFF !important;
    opacity: 1;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: none;
    cursor: pointer;
}

.sk-popup-video__close:before{
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 16px;
}

.sk-popup-video__body {
    width: 100%;
    color: #1e1e1e;
    max-width: 900px;
    position: relative;
    padding-top: 30px;
}

.sk-popup-video .iframe-lazy-outer{
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    display: block;
}

.sk-popup-video iframe{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
}

@media (max-width: 1000px) {
    .sk-popup-video__close{
        top: -2px;
        right: 0;
    }

}

/* skoneclick */
.sk-popup {
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}


.sk-popup._opened {
    display: block;
}

.sk-popup-close{
    position: absolute;
    top: 60px;
    right: 80px;
    font-size: 0;
    background: #faf9fe;
    color: var(--popup-text-color) !important;
    font-weight: 400;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
    opacity: 1;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.dark-theme .sk-popup-close{
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}


.sk-popup-close:before{
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 16px;
}

@media (max-width: 350px) {
    .sk-popup-close{
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}


.sk-popup__body {
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
    position: absolute;
    left: 50%;
    top: 20px;
    width: 100%;
    max-width: 650px;
    box-sizing: border-box;
    font-size: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    padding: 60px 80px;
    border-radius: 35px;
}

.sk-popup__title,
.sk-popup h1 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: normal;
}

.sk-popup h1._margin {
    margin-bottom: 26px;
}

.sk-popup__body__content-fail{
    padding-right: 50px;
}

.sk-popup__loading{
    text-align: center;
}

/*Адаптивность*/

@media only screen and (max-width: 728px) {
    .sk-popup {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sk-popup__body {
        width: calc(100% - 10px);
        padding: 20px;
        box-sizing: border-box;
        border-radius: 20px;
    }

    .sk-popup-close{
        top: 20px;
        right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .sk-popup-contacts__block {
        width: 100%;
    }

    .sk-popup-contacts__block-wrap {
        margin: 0;
    }

    .sk-popup-content_dialog {
        padding: 20px 10px;
    }
}




.shop-sk-oneclick-popup {
    z-index: 2000;
}

.shop-sk-oneclick-block {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    margin: 20px 0;
}

.shop-sk-oneclick-open-cart {
    background-color: #fff !important;
}

.sk-popup-content_oneclick {
    max-width: 600px;
    padding: 35px 50px 36px;
    box-sizing: content-box;
}

.shop-sk-oneclick__title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 40px;
    padding-right: 50px;
}

@media only screen and (max-width: 480px) {
    .shop-sk-oneclick__title{
        font-size: 22px;
    }
}

@media (max-width: 359px) {
    .shop-sk-oneclick__title{
        font-size: 18px;
    }
}

.shop-sk-oneclick textarea {
    width: 100%;
    min-height: 100px;
    font-size: 13px;
}

.shop-sk-oneclick .wa-name {
    font-size: 13px;
}

.shop-sk-oneclick .wa-required .wa-name:after {
    content: "*";
}

.shop-sk-oneclick .wa-required.field span:after {
    content: "*";
}

.shop-sk-oneclick .wa-value p {
    margin-bottom: 0;
}

.shop-sk-oneclick ._error input,
.shop-sk-oneclick ._error select,
.shop-sk-oneclick ._error textarea {
    border: 1px solid red;
    margin-top: 4px;
    font-size: 12px;
}

.shop-sk-oneclick__name {
    display: block;
    font-size: 13px;
    margin-bottom: 6px;
    font-weight: 400;
}

.shop-sk-oneclick-block .mfp-close {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 13px;
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    font-family: "Open Sans", serif;
    color: #000;
    opacity: 1;
    letter-spacing: 1px;
}

.shop-sk-oneclick-block .mfp-close:hover {
    color: #3172b9;
}

.shop-sk-oneclick__text {
    margin-bottom: 25px;
}


.shop-sk-oneclick__text p:last-child {
    margin-bottom: 0;
}

.shop-sk-oneclick .wa-field select {
    width: 100%;
}

/* START Корзина */

.shop-sk-oneclick-cart__table {
    display: table;
    font-size: 13px;
    line-height: 16px;
    width: 100%;
}

.shop-sk-oneclick-cart__item {
    display: table-row;
}

.shop-sk-oneclick-cart__item._title {
    font-size: 11px;
    font-weight: bold;
}

.shop-sk-oneclick-cart__item > * {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 18px;
}

.shop-sk-oneclick-cart__item:last-child > * {
    padding: 0 12px 0;
}

.shop-sk-oneclick-cart__item._title > * {
    padding-bottom: 5px;
}

.shop-sk-oneclick-cart__img {
    text-align: center;
    max-width: 60px;
    min-width: 40px;
}

.shop-sk-oneclick-cart__img img {
    max-width: 100%;
    max-height: 100%;
}

.shop-sk-oneclick-cart__price {
    white-space: nowrap;
}

.shop-sk-oneclick-cart__count{
    text-align: center;
}

.shop-sk-oneclick-cart__count i {
    font-size: 12px;
}

.shop-sk-oneclick-cart__total {
    white-space: nowrap;
    text-align: right;
    padding-right: 0 !important;
    font-weight: bold;
}

.shop-sk-oneclick__pole {
    margin: 18px 0 0 0;
}

.shop-sk-oneclick-total {
    margin-top: 40px;
    text-align: left;

    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.shop-sk-oneclick-total__price{
    font-size: 24px;
    display: block;
    font-weight: bold;
}

.shop-sk-oneclick__pole_submit {
    margin-top: 40px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    position: relative;

}

.shop-sk-oneclick-total ~ .shop-sk-oneclick__pole_submit{
    width: 50%;
}

.shop-sk-oneclick__submit {
    min-width: 100px;
}

.shop-sk-oneclick-cart__error {
    display: none;
    color: red;
    font-size: 13px;
    line-height: 15px;
    margin-top: 2px;
}

.shop-sk-oneclick-form__error {
    display: none;
    color: red;
    font-size: 13px;
    line-height: 15px;
    margin-top: 12px;
}

.shop-sk-oneclick-cart__services {
    margin-top: 4px;
}

.shop-sk-oneclick-cart__service {
    margin-bottom: 2px;
}

.shop-sk-oneclick-cart__service input[type=checkbox] {
    margin-right: 5px;
}

.shop-sk-oneclick-cart__service .jq-checkbox {
    margin-right: 5px;
}

.shop-sk-oneclick-cart__service .jq-checkbox.checked:after {
    line-height: 12px;
    text-align: center;
    width: 10px;
    font-size: 11px;
}

/* END Корзина */

/* START Итого */

.shop-sk-oneclick-final {
    text-align: right;
    width: 100%;
    display: inline-block;
}

.shop-sk-oneclick__form-block {
    margin-top: 40px;
}

.shop-sk-oneclick__form-block .wa-field input[type=email],
.shop-sk-oneclick__form-block .wa-field input[type=number],
.shop-sk-oneclick__form-block .wa-field input[type=password],
.shop-sk-oneclick__form-block .wa-field input[type=search],
.shop-sk-oneclick__form-block .wa-field input[type=text],
.shop-sk-oneclick__form-block .wa-field input[type=phone],
.shop-sk-oneclick__form-block .wa-field select,
.shop-sk-oneclick__form-block .wa-field textarea{
    width: 100%;
}

.shop-sk-oneclick-final__coupon input[type=text]{
    height: 32px;
    line-height: 32px;
    max-width: 185px;
    vertical-align: middle;
    border-radius: 10px;
}

.shop-sk-oneclick-final__discount {
    font-size: 14px;
    display: none;
    margin-top: 20px;
    line-height: 37px;
}

.shop-sk-oneclick-final__discount._show {
    display: block;
}

.shop-sk-oneclick-final__discount span {
    font-weight: bold;
    font-size: 15px;
}


.shop-sk-oneclick-final__coupon {
    float: left;
    margin-top: 20px;
    line-height: 37px;
}

.shop-sk-oneclick-final__coupon-link,
.shop-sk-oneclick-final__coupon-apply{
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    background: #FFF;
    color: #000;
    border: 1px solid var(--bs-color);
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    vertical-align: middle;
}

a.shop-sk-oneclick-final__coupon-link:hover,
a.shop-sk-oneclick-final__coupon-apply:hover{
    color: #000;
}

.shop-sk-oneclick-final__coupon-block {
    display: none;
}

.shop-sk-oneclick-final__coupon-input {
    margin-right: 8px;
}

.shop-sk-oneclick-final__coupon-clear {
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    line-height: 15px;
    white-space: nowrap;
    border-bottom: 1px dashed #010101;
}

.shop-sk-oneclick-final__coupon-clear:hover {
    text-decoration: none;
    border-bottom: 1px dashed #3172b9;
}

.shop-sk-oneclick-final__coupon._show-coupon .shop-sk-oneclick-final__coupon-link {
    display: none;
}

.shop-sk-oneclick-final__coupon._show-coupon .shop-sk-oneclick-final__coupon-block {
    display: block;
}

.shop-sk-oneclick-final__coupon._show-coupon .shop-sk-oneclick-final__coupon-apply {
    display: inline-block;
}

.shop-sk-oneclick-final__coupon._show-coupon .shop-sk-oneclick-final__coupon-clear {
    display: none;
}

.shop-sk-oneclick-final__coupon._is-coupon .shop-sk-oneclick-final__coupon-link {
    display: none;
}

.shop-sk-oneclick-final__coupon._is-coupon .shop-sk-oneclick-final__coupon-block {
    display: block;
}

.shop-sk-oneclick-final__coupon._is-coupon .shop-sk-oneclick-final__coupon-apply {
    display: none;
}

.shop-sk-oneclick-final__coupon._is-coupon .shop-sk-oneclick-final__coupon-clear {
    display: inline-block;
}

/* END Итого */

/* START Коунтер */

.shop-sk-oneclick-counter {
    display: inline-block;
    word-spacing: 0;
    white-space: nowrap!important;
    font-size: 0;
    vertical-align: middle;
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
    width: 85px;
    border-radius: 15px;
}

.dark-theme .shop-sk-oneclick-counter{
    background: none;
    border: 1px solid rgba(255,255,255,0.1)
}

input.shop-sk-oneclick-counter__input {
    background: none;
    vertical-align: middle;
    font-size: 14px;
    width: 25px;
    padding: 0;
    text-align: center;
    border: none;
    height: 40px;
    line-height: 40px;
    margin: 0 30px;
    box-shadow: none;

}

.shop-sk-oneclick-counter__input:focus {
    outline: none;
}

.shop-sk-oneclick-counter__control {
    display: inline-block;
    font-size: 12px;
    color: #7c7c7c;
    width: 30px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    top: 0;
}

.shop-sk-oneclick-counter__control_left {
    left: 0;
}

.shop-sk-oneclick-counter__control_right {
    right: 0;
}

.shop-sk-oneclick-counter__control:hover {
    color: #bdbcbc;
}

/* END Коунтер */

.shop-sk-oneclick__preloader-form {
    display: none;
    position: absolute;
    top: 15px;
    font-size: 10px;
    right: -20px;
}

.shop-sk-oneclick__preloader-form._show {
    display: inline;
}

.shop-sk-oneclick__preloader-form i {
    vertical-align: middle;
    color: #545252;
}


@media (max-width: 420px) {

    .shop-sk-oneclick-cart__item:last-child > * {
        padding: 0 5px 18px;
    }

    .shop-sk-oneclick-cart__img {
        display: none;
    }

    .shop-sk-oneclick__title{
        text-align: left;
    }

    .shop-sk-oneclick-cart__price{
        display: none;
    }
}

@media (max-width: 380px) {
    .shop-sk-oneclick-total__price{
        font-size: 18px;
    }

    .shop-sk-oneclick-total,
    .shop-sk-oneclick__pole{
        margin-top: 20px;
    }
}

@media (max-width: 360px){
    .shop-sk-oneclick-final{
        text-align: left;
    }

    .shop-sk-oneclick-final__coupon{
        float: none;
    }

    .shop-sk-oneclick-final__discount{
        text-align: right;
        margin-top: 0;
    }
}

/* popup auth */

.popup-content .wa-login-form-actions{
    display: inline-block;
    width: 100%;
}

.popup-content .wa-login-forgotpassword-url{
    float: right;
    margin: 15px 0 0;
}

.popup-content .wa-field-password{
    overflow: hidden;
}

.popup-content .wa-uncaught-errors{
    width: 100%;
    clear: both;
}

.popup-content .wa-login-form-wrapper .wa-login-form-actions .wa-signup-url{
    width: 100%;
    clear: both;
    padding-top: 20px;
}

@media (min-width: 520px){
    .popup-content .wa-login-form-wrapper .wa-login-form-actions .wa-signup-url{
        float: left;
        width: 150px;
        text-align: left;
        margin-top: 5px;
        clear: unset;
        padding: 0;
    }
}

.popup-content .wa-buttons-wrapper{
    float: right;
}

.wa-buttons-wrapper .wa-loading{
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.wa-signup-url{
    margin: 20px 0 0;
}

input[type="text"].wa-captcha-input{
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    vertical-align: middle;
    flex: 1 1 auto;
    min-width: 0;
}

@media (min-width: 360px){
    .wa-signup-form-wrapper .wa-captcha-section .wa-captcha-code{
        margin-top: 0 !important;
    }
}

.wa-captcha-code,
.wa-captcha > p >.wa-captcha-img{
    flex: 0 0 120px;
}

.wa-captcha-img{
    border-radius: 8px;
    vertical-align: middle;
}

.wa-captcha-refresh,
.wa-captcha-refresh-text{
    width: auto !important;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.wa-login-form-wrapper input[type="text"],
.wa-login-form-wrapper input[type="email"],
.wa-login-form-wrapper input[type="password"]{
    width: 100% !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 20px !important;
    max-width: 400px !important;
}

.wa-login-form-wrapper input[type="text"].wa-captcha-input{
    height: 40px !important;
    line-height: 40px !important;
}

.wa-login-form-wrapper .wa-captcha-section .wa-captcha-code{
    margin: 0 0 0 10px !important;
}

.wa-login-form-wrapper .wa-login-form-fields .wa-login-forgotpassword-url{
    margin-right: 0 !important;
}

.wa-signup-form-wrapper input[type="text"],
.wa-signup-form-wrapper input[type="email"],
.wa-signup-form-wrapper input[type="password"],
.wa-signup-form-wrapper input[type="phone"],
.wa-signup-form-wrapper textarea,
.wa-signup-form-wrapper select{
    width: 100% !important;
    padding: 0 10px !important;
    max-width: 400px !important;
}

@media (min-width: 360px) {
    .wa-captcha-section,
    .wa-captcha > p{
        display: flex;
    }

    .wa-captcha-code{
        margin-left: 10px;
    }
}

@media (max-width: 359px) {
    .wa-login-form-wrapper .wa-captcha-section .wa-captcha-code,
    .wa-captcha-code,
    .wa-captcha > p >.wa-captcha-input{
        margin: 10px 0 0 !important;
    }

    .wa-captcha-img-wrapper,
    .wa-captcha-refresh-wrapper{
        display: inline-block;
        vertical-align: middle;
    }

    .wa-captcha-img-wrapper{
        font-size: 0;
        margin: 0 10px 0 0;
    }
}

.wa-forgotpassword-button{
    margin-top: 20px;
}

.wa-forgotpassword-button input[type="submit"]{
    background: var(--button-color-bg);
    color: var(--button-color-font);
}

/* POPUP CONTACTS */
.dropdown-popup__inner.-popup-contacts{
    padding: 30px 35px;
    width: 400px;
}

.popup-contacts__inner{
    display: flex;
    flex-wrap: wrap;
}

.popup-contacts__item{
    flex:  1 1 50%;
    padding: 15px 10px;
    box-sizing: border-box;
}



.popup-contacts__item.__w100{
    flex:  1 1 100%;
}

.popup-contacts__phone,
.popup-contacts__email,
.popup-contacts__timetable,
.popup-contacts__address{
    text-decoration: none;
    display: inline-block;
}

.popup-contacts__hint{
    margin: 3px 0 0;
}

.popup-contacts__phone{
    font-weight: 800;
    white-space: nowrap;
}

.dark-theme .popup-contacts__phone{
    font-weight: 600;
}

.popup-contacts__email {
    overflow-wrap: break-word;
}

.popup-contacts__timetable{
    font-size: 13px;
}

.popup-contacts__hint{
    font-size: 12px;
    color: #bebebe;
}

.popup-contacts__messenger{
    text-decoration: none;
    display: inline-block;
    margin: 4px 12px 0 0;
    font-size: 20px;
    line-height: 1;
}

.popup-contacts__phone ~ .popup-contacts__messengers .popup-contacts__messenger{
    font-size: 17px;
    margin: 4px 10px 0 0;
}

.contact-popup__social{
    font-size: 17px;
}

.contact-popup__social__img{
    vertical-align: middle;
    margin: 0 0 6px;
    width: 19px;
}

.popup-contacts__address{
    margin: 0 10px 0 0;
}

.popup-contacts__open-map{
    margin: 5px 0;
    display: inline-block;
    vertical-align: middle;
}

.contact-popup__social{
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 11px;
    border: 1px solid var(--popup-border-elements);
    margin: 0 8px 8px 0;
}

.popup-mobile .popup-contacts__inner{
    margin: -10px -5px;
}

.popup__callback-button{
    font-weight: normal;

}

.contacts-popup-m__title{
    display: inline-block;
    margin: 0 12px 0 0;
}

@media (max-width: 500px){
    .popup-contacts__item{
        padding: 10px 5px;
    }

    .popup-contacts__hint{
        margin-top: 0;
    }

    .contact-popup__social{
        margin-right: 7px;
    }
}

/* section content */

.wrap-section{
    margin: 0 0 80px;
}

@media (max-width: 1024px){
    .wrap-section{
        margin: 0 0 50px;
    }
}

.wrap-section__head{
    margin-bottom: 30px;
    position: relative;
}

@media (max-width: 700px){
    .wrap-section__head{
        margin-bottom: 20px;
    }
}

.-carousel .wrap-section__head{
    padding-right: 100px;
    min-height: 40px;
}

.wrap-section__head h1,
.wrap-section__head .h1,
.wrap-section__title {
    margin-bottom: 0;
    margin-right: 10px;
    display: inline-block;
}

.wrap-section__more{
    vertical-align: bottom;
    margin: 5px 0;
    display: inline-block;
    font-weight: normal;
    align-self: start;
}

.wrap-section__direction{
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

@media (max-width: 800px){
    .wrap-section__direction{
        display: none;
    }

    .-carousel .wrap-section__head{
        padding-right: 0;
    }

    .-carousel .wrap-section__head{
        min-height: unset;
    }
}

@media (max-width: 380px){
    .-carousel .wrap-section__head{
        padding-right: 0;
    }
}



/* Navigation menus
------------------- */

ul.menu-v {
    margin: 0;
    padding: 0;
}

ul.menu-v li {
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
}

ul.menu-v li a {
    display: block;
    text-decoration: none;
}

ul.menu-h {
    margin: 0 0 20px;
    padding: 0;
}

ul.menu-h li {
    list-style: none;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 1.3em;
    vertical-align: middle;
}

ul.menu-h li a {
    text-decoration: none;

}

.pages{
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}

.pages li {
    padding-right: 20px;
    display: inline-block;
    list-style: none;
}

.product-nav .selected a {
    font-weight: 500;
    text-decoration: none;
}

ul.tree { list-style: none; padding-left: 0; }
ul.tree li { border: none; }
ul.tree li a { padding: 5px 16px; display: block; text-decoration: none;}
ul.tree li.selected a { background: transparent; }
ul.tree ul { padding-left: 20px; list-style: none; }
ul.tree ul a { padding: 3px 6px; font-size: 90%; }

ul.sorting{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.sorting li{
    display: inline-block;
    margin: 0 5px 0 0;
}

ul.sorting li.selected a{
    font-weight: bold !important;
}

/* Multi-column layout
---------------------- */

.row {
    clear: both;
    border-top: 1px solid #eee;
    padding: 20px 0;
}

.row.no-border {
    border: none;
}

.col {
    float: left;
}

.col.w1 {
    width: 6%;
}

.col.w2 {
    width: 12%;
}

.col.w3 {
    width: 18%;
}

.col.w4 {
    width: 24%;
}

.col.w5 {
    width: 30%;
}

.col.w6 {
    width: 36%;
}

.col.w7 {
    width: 42%;
}

.col.w8 {
    width: 48%;
}

.col.w9 {
    width: 54%;
}

.col.w10 {
    width: 60%;
}

.col.w11 {
    width: 66%;
}

.col.w12 {
    width: 72%;
}

.col.w13 {
    width: 78%;
}

.col.w14 {
    width: 84%;
}

.col.w15 {
    width: 90%;
}

.col.w16 {
    width: 96%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


table td,
table th {
    padding: 15px 20px;
    border: 1px solid #f1f1f1;
    text-align: left;
    vertical-align: top;
}

.dark-theme table td,
.dark-theme table th {
    border-color: rgba(255,255,255,0.1);
}



table.not-bordered td,
tr.no-border td{
    border: none;
}

table.lined {
    margin-top: 25px;
    width: 100%;
    border-spacing:0;
    border-collapse:collapse;
}

table.lined th {
    padding-left: 7px;
    padding-right: 7px;
}

table.lined td {
    padding: 15px 7px;
    border-bottom: 1px solid #ddd;
}

table.lined td.min-width {
    width: 1%;
}

table.lined td p {
    margin: 0;
}

table.lined td input.numerical {
    width: 50px;
    margin-right: 5px;
    text-align: right;
}

table.lined tr.no-border td {
    border: none;
}

table.lined tr.thin td {
    padding-top: 13px;
    padding-bottom: 0;
}

table.lined tr.service td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 12px;
    color: #555;
}

.outer-content-scroll{
    оverflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    margin: 0 0 30px;
}

.outer-content-scroll::-webkit-scrollbar-track {
    background-color: #ececec
}

.outer-content-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #b7b7b7;
}

.outer-content-scroll::-webkit-scrollbar-thumb {
    background-color: #7f7f7f
}


.dark-theme .outer-content-scroll::-webkit-scrollbar-track{
    background-color: #909090
}

.dark-theme .outer-content-scroll::-webkit-scrollbar{
    background-color: #909090;
}

.dark-theme .outer-content-scroll::-webkit-scrollbar-thumb{
    background-color: #3d3d3d;
}

@media (max-width: 1000px){
    .outer-content-m{
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }
}

table.table-striped td,
table.table-striped th{
    border: none;
}

table.table-striped{
    border: 1px solid #f3f3f3;
    line-height: 1.4;
}

.dark-theme table.table-striped{
    border: 1px solid rgba(255,255,255,0.08);
}

table.table-striped tr:nth-child(even){
    background: #f8f8f8;
}

.dark-theme table.table-striped tr:nth-child(even){
    background: rgba(255,255,255,0.08);
}

.table-head th{
    font-weight: normal;
}

/* серо-синий цвет по умолчанию */

table.table-striped tr:not(.table-head):hover{
    background: #ecf0fa;
}

.dark-theme table.table-striped tr:not(.table-head):hover{
    background: rgba(93,110,156,0.08);
}

.table-head{
    background: #5d6e9c;
    color: #FFF;
}


/* адаптивная таблица */

.table-res{
    border: 1px solid #f3f3f3;
    line-height: 1.4;
}

.dark-theme .table-res{
    border: 1px solid rgba(255,255,255,0.1);
}

.table-res__head,
.table-res__row{
    display: flex;
    align-items: start;
}

.table-res__cell{
    padding: 15px 20px;
    box-sizing: border-box;
}

.table-res__cell.sk-w10{
    flex: 0 0 10%;
}

.table-res__cell.sk-w20{
    flex: 0 0 20%;
}

.table-res__cell.sk-w30{
    flex: 0 0 30%;
}

.table-res__cell.sk-w40{
    flex: 0 0 40%;
}

.table-res__cell.sk-w50{
    flex: 0 0 50%;
}

.table-res__cell.sk-w60{
    flex: 0 0 60%;
}

.table-res__cell.sk-w70{
    flex: 0 0 70%;
}

.table-res__cell.sk-w80{
    flex: 0 0 80%;
}

.table-res__cell.sk-w90{
    flex: 0 0 90%;
}

.table-res__cell.sk-w100{
    flex: 1 1 auto;
}

.table-res__hint{
    color: #a7a7a7;
    font-size: 12px;
    margin: 0 0 5px;
}

/* серо-синий цвет по умолчанию */

.table-res__head{
    background: #5d6e9c;
    color: #FFF;
}

.table-res__row:nth-child(even){
    background: #f8f8f8;
}

.dark-theme .table-res__row:nth-child(even){
    background: rgba(255,255,255,0.08);
}

.table-res__row:hover{
    background: #ecf0fa;
}

.dark-theme .table-res__row:hover{
    background: #5d6e9c;
    background: rgba(93,110,156,0.08);
}

/* зеленый цвет */

table.sk-green .table-head,
.table-res.sk-green .table-res__head{
    background: #399740;
}

table.sk-green tr:not(.table-head):hover,
.table-res.sk-green .table-res__row:hover{
    background: #ecfdee;
}

.dark-theme table.sk-green tr:not(.table-head):hover,
.dark-theme .table-res.sk-green .table-res__row:hover{
    background: #399740;
    background: rgba(57, 151, 34, 0.1);
}

/* светло-зеленый цвет */
table.sk-lightgreen .table-head,
.table-res.sk-lightgreen .table-res__head{
    background: #5cf369;
    color: #000;
}

table.sk-lightgreen tr:not(.table-head):hover,
.table-res.sk-lightgreen .table-res__row:hover{
    background: #f1fff1;
}

.dark-theme table.sk-lightgreen tr:not(.table-head):hover,
.dark-theme .table-res.sk-lightgreen .table-res__row:hover{
    background: rgba(92,243,105,0.08);
}

/* голубой цвет */
table.sk-lightblue .table-head,
.table-res.sk-lightblue .table-res__head{
    background: #348ed4;
}

table.sk-lightblue tr:not(.table-head):hover,
.table-res.sk-lightblue .table-res__row:hover{
    background: #ebf4ff;
}

.dark-theme table.sk-lightblue tr:not(.table-head):hover,
.dark-theme .table-res.sk-lightblue .table-res__row:hover{
    background: rgba(52,142,212,0.08);
}

/* оранжевый цвет */
table.sk-orange .table-head,
.table-res.sk-orange .table-res__head{
    background: #ff8c00;
}

table.sk-orange tr:not(.table-head):hover,
.table-res.sk-orange .table-res__row:hover{
    background: #fff4e9;
}

.dark-theme table.sk-orange tr:not(.table-head):hover,
.dark-theme .table-res.sk-orange .table-res__row:hover{
    background: rgba(255,140,0,0.08);
}

/* фиолетовый цвет purple */
table.sk-purple .table-head,
.table-res.sk-purple .table-res__head{
    background: #7224ff;
}

table.sk-purple tr:not(.table-head):hover,
.table-res.sk-purple .table-res__row:hover{
    background: #f6f1ff;
}

.dark-theme table.sk-purple tr:not(.table-head):hover,
.dark-theme .table-res.sk-purple .table-res__row:hover{
    background: rgba(114,36,255,0.08);
}

/* фиолетовый цвет */
table.sk-yellow .table-head,
.table-res.sk-yellow .table-res__head{
    background: #ffcc51;
    color: #000;
}

table.sk-yellow tr:not(.table-head):hover,
.table-res.sk-yellow .table-res__row:hover{
    background: #fff5eb;
}

.dark-theme table.sk-yellow tr:not(.table-head):hover,
.dark-theme .table-res.sk-yellow .table-res__row:hover{
    background: rgba(255,204,81,0.08);
}

/* розовый цвет */
table.sk-pink .table-head,
.table-res.sk-pink .table-res__head{
    background: #fd99e6;
    color: #000;
}

table.sk-pink tr:not(.table-head):hover,
.table-res.sk-pink .table-res__row:hover{
    background: #ffe9fa;
}

.dark-theme table.sk-pink tr:not(.table-head):hover,
.dark-theme .table-res.sk-pink .table-res__row:hover{
    background: rgba(253, 153, 230, 0.1);
}

@media (max-width: 1000px){
    .table-res__row{
        flex-wrap: wrap;
    }
}

/* переключатель мобильной/десктопной версии */
.switch-version{
    display: flex;
    padding: 0 0 0 20px;
    align-items: center;
    background: var(--header-color-bg);
    color: var(--header-color-font);
    border-bottom: 1px solid var(--header-users-btns-border-color);
}

.switch-version__btn{
    flex: 1 1 auto;

}

.switch-version__remove{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

@media (max-width: 1023px){
    .switch-version__btn{
        text-align: center;
    }
}

/* шапка в мобильной версии */

.m-header{
    padding: 10px 15px;
    margin: 0 0 20px;
    background: var(--header-color-bg);
    color: var(--header-color-font);
}

.dark-theme .m-header{
    border-bottom: 1px solid var(--border-elements-color);
}


.m-header.sk-fixed{
    position: fixed;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dark-theme .m-header.sk-fixed{
    border-bottom: none;
    background: var(--dark-teme-header-fixed-color-bg);
}


@media (max-width: 359px){
    .m-header{
        padding: 10px;
    }
}

.m-header__main{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 13;
}

.m-header__left,
.m-header__right{
    flex: 0 0 auto;
}

.m-header__logo{
    flex: 0 1 auto;
    line-height: 1;
    margin: 0 10px;
}

.m-header__logo.-width-max{
    flex: 1 1 auto;
}

.m-header__logo.-align-center{
    text-align: center;
}

.m-header-logo{
    text-decoration: none;
}

.m-header-logo__text{
    color: var(--header-logo-color-font);
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.m-header-logo__text-second{
    color: var(--header-logo-color-font-second);
    display: inline-block;
}

.m-header-logo__tagline{
    display: block;
    font-size: 12px;
    line-height: 1;
    color: var(--header-logo-color-font-tagline);
    margin: 5px 0 0;
}

.m-header-logo__image {
    max-width: var(--header-logo-mobile-img-width);
    max-height: var(--header-logo-mobile-img-height);
}

.m-header__search{
    flex: 1 1 auto;
    margin: 0 10px 0 0;
}

.m-header__search:last-child{
    margin-right: 0;
}

.m-header__search.-under{
    margin: 10px 0 0;
    position: relative;
    z-index: 10;
}

.m-header__search.-under.sk-fixed {
    position: fixed;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    padding: 8px 10px;
    background: var(--header-color-bg);
    margin: 0;
}

.dark-theme .m-header__search.-under.sk-fixed {
    background: #000;
    margin: 0;
}

.m-header__search.-under.sk-fixed input.mobile-search__field {
    height: 35px;
    line-height: 35px;
    padding: 0 35px 0 15px;
    border-radius: 10px;
}

.m-header__search.-under.sk-fixed .mobile-search__btn {
    padding: 0 13px;
    line-height: 35px;
}

.m-header-btn{
    cursor: pointer;
    width: 39px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    border-radius: 12px;
    display: inline-block;
    border: 1px solid var(--header-users-btns-border-color);
    color: var(--header-users-btns-color);
    font-size: 14px;
    position: relative;
    text-decoration: none;
}

.m-header__right .m-header-btn{
    margin: 0 0 0 10px;
}

.m-header__left .m-header-btn{
    margin: 0 10px 0 0;
}

.m-header__right .m-header-btn:first-child,
.m-header__left .m-header-btn:last-child{
    margin: 0;
}

.m-header-btn .sk-counter{
    position: absolute;
    top: 5px;
    right: -5px;
    font-size: 11px;
    line-height: 11px;
    height: 11px;
    border-radius: 5px;
    width: 17px;
    text-align: center;
}

.m-header-btn.-sk-empty .sk-counter{
    display: none;
}

.m-header__main .m-header__location{
    margin: 0 10px 0 0;
}

.m-header__main .m-header__location:last-child{
    margin-right: 0;
}

.m-header__bottom{
    margin: -20px 0 20px;
    background: #f8f8f8;
    padding: 5px 10px;
    text-align: center;
}

.dark-theme .m-header__bottom{
    background: var(--body-bg-color);
    border-bottom: 1px solid var(--border-elements-color);
}

.m-header__custom:not(:first-child){
    margin: 5px 0 0;
}

body.is-shadow-shown {
    position: relative;
}
body.is-shadow-shown:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25); z-index: 99;
}

/* мобильная нижняя фиксированная панель с навигацией */

.m-fixed-bottom-nav{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    border-radius: 20px 20px 0 0;
    padding: 10px;
    z-index: 100;
    box-shadow: 0 -2px 15px rgba(0,0,0,0.1);
    text-align: center;
    white-space: nowrap;
    background: var(--body-bg-color);
    overflow-y: auto;
}

.dark-theme .m-fixed-bottom-nav{
    background: #000;
}

.m-fixed-bottom-nav__item{
    display: inline-block;
    margin: 0 8px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.3;
}

.m-fixed-bottom-nav__title{
    display: block;
    font-size: 12px;
}

.m-fixed-bottom-nav__icon{
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    position: relative;
}

.m-fixed-bottom-nav__count{
    position: absolute;
    top: 0;
    right: -13px;
    font-size: 11px;
    line-height: 11px;
    height: 11px;
    border-radius: 5px;
    width: 17px;
    text-align: center;
}

.m-fixed-bottom-nav__item.-sk-empty .m-fixed-bottom-nav__count{
    display: none;
}

/* мобильное попап окно */

.popup-mobile{
    position: fixed;
    border-radius: 15px 15px 0 0;
    top: 30px;
    padding: 25px 30px 30px;
    right: 0;
    bottom: 0;
    z-index: 120;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    color: var(--body-text-color);
    background: var(--popup-bg-color);
    font-size: 15px;
    display: none;
}


.popup-mobile.-sk-open{
    display: block;
}

.popup-mobile__head{
    position: relative;
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 30px 0 0;
}


.popup-mobile__close{
    position: absolute;
    top: -15px;
    right: -20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f5f5f5;
    font-size: 13px;
    border-radius: 10px;
}

.dark-theme .popup-mobile__close {
    color: var(--popup-text-color) !important;
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

@media (max-width: 359px){
    .popup-mobile{
        padding: 15px 20px 20px;
    }

    .popup-mobile__close{
        top: -5px;
        right: -10px;
    }

    .popup-mobile__head.-with-close-btn,
    .mm-mobile-breadcrumbs{
        padding-right: 25px;
    }
}

.popup-mobile__section:not(:last-child){
    margin: 0 0 30px;
}

/* мобильное главное меню */
.mm-mobile {
    position: fixed;
    border-radius: 15px 15px 0 0;
    background: var(--popup-bg-color);
    top: 30px;
    padding: 25px 30px 30px;
    right: 0;
    bottom: 0;
    z-index: 120;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
    color: var(--body-text-color);
    font-size: 15px;
    display: none;
}

.mm-mobile.-sk-open {
    display: block;
}

.mm-mobile__head {
    position: relative;
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 30px 0 0;
    min-height: 20px;
}

.mm-mobile__close {
    position: absolute;
    top: -15px;
    right: -20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f5f5f5;
    font-size: 13px;
    border-radius: 10px;
}

.dark-theme .mm-mobile__close{
    color: var(--popup-text-color) !important;
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

.mm-mobile__head.-sk-home{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: normal;
}

.mm-mobile__content .tab-content{
    margin-top: 0;
}

.mm-mobile__langs:not(:first-child){
    margin: 10px 0 0;
}

.mm-mobile_lang {
    display: inline-block;
    margin: 0 25px 0 0;
}

.mm-mobile .tabs-outer{
    padding-bottom: 10px;
}

@media (max-width: 379px){
    .mm-mobile{
        padding: 15px 20px 20px;
    }

    .mm-mobile__close{
        top: -5px;
        right: -10px;
    }

    .mm-mobile__head.-sk-city{
        padding-right: 25px;
    }
}

@media (max-width: 359px){
    .mm-mobile{
        padding: 10px;
    }

    .mm-mobile__close{
        top: 0;
        right: 0;
    }

    .mm-mobile__head.-sk-city{
        padding-right: 30px;
    }
}

.mm-mobile-catalog{
    display: flex;
    margin: 0 -5px;
    flex-wrap: wrap;
}

.mm-mobile__city{
    font-size: 15px;
    font-weight: normal;
}

.mm-mobile__city:not(:first-child){
    margin: 10px 0 0;
}

.mm-mobile-catalog__item{
    display: flex;
    margin: 5px;
    flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px);
    background: #f3f3f3;
    border-radius: 12px;
    padding: 15px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 15px;
    align-items: center;
    line-height: 1.3;
}

.dark-theme .mm-mobile-catalog__item{
    background: rgba(255,255,255,0.1);
}


.mm-mobile-catalog__title{
    flex: 1 1 auto;
    width: calc(100% - 28px);
    word-break: break-word;
}

.mm-mobile-catalog__icon{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 0 8px;
    display: flex;
    align-items: center;
}

.dark-theme .mm-mobile-catalog__icon.-white-wrap{
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}

@media (max-width: 359px){
    .mm-mobile-catalog__item{
        padding: 10px;
        border-radius: 8px;
    }
}

@media (max-width: 349px){
    .mm-mobile-catalog__item{
        flex: 0 0 100%;
        padding: 15px;
        margin: 0 0 10px;
    }

    .mm-mobile-catalog {
        margin: 0;
    }
}

.mm-mobile-menu__item{
    display: flex;
    padding: 11px 0;
    text-decoration: none;
    position: relative;
    align-items: center;
    line-height: 1.2;
}

.mm-mobile-menu__item .cat-badge{
    margin: 0 0 0 5px;
}

.mm-mobile-menu__image{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 8px 0 0;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

.dark-theme .mm-mobile-menu__image.-white-wrap{
    padding: 5px;
    border-radius: 5px;
    background: #FFF;
}

.mm-mobile-menu__image img{
    max-height: 20px;
    vertical-align: middle;
}

.mm-mobile-menu__item.-has-childs{
    padding-right: 25px;
}

.mm-mobile-menu__arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 14px;
    line-height: 14px;
    height: 14px;
    text-align: right;
}

.mm-mobile-breadcrumbs{
    font-size: 12px;
    color: #9e9e9e;
    margin: 0 0 10px;
    position: relative;
    font-weight: normal;
}

.mm-mobile-breadcrumbs__item{
    display: inline-block;
}

.mm-mobile-breadcrumbs__delimiter{
    margin: 0 5px;
}

.mm-mobile.-submenu{
    padding-bottom: 60px;
}

.mm-mobile-submenu__back{
    font-size: 15px;
    display: inline-block;
    margin: 0 10px 3px 0;
    background: #f5f5f5;
    border-radius: 7px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
}

.dark-theme .mm-mobile-submenu__back{
    background: rgba(255,255,255,0.1);
}

.mm-mobile-submenu__bottom{
    position: fixed;
    left: 0;
    background: #fff;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    padding: 10px 30px;
    box-shadow: 0 -3px 10px rgba(0,0,0,0.05);
}

.dark-theme .mm-mobile-submenu__bottom{
    background: #3c3c3c;
}

.mm-mobile-submenu__btn{
    display: block;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
}

@media (max-width: 500px){
    .m-fixed-bottom-nav__title{
        line-height: 1;
    }
}

@media (max-width: 359px){
    .m-fixed-bottom-nav__item{
        margin: 0 5px;
    }
}

.mm-mobile-banners{
    margin: 50px 0 0;
}

.mm-mobile-banners__item{
    margin: 0 0 5px;
}

.mm-mobile-banners__image{
    border-radius: 25px;
}

.mm-mobile-brands-cols__item{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 15px 0;
    box-sizing: border-box;
    line-height: 1.3;
    text-decoration: none;
}

.mm-mobile-brands-logos__item{
    width: 33.33%;
    display: inline-flex;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1;
    text-decoration: none;
    align-items: center;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
}

.mm-mobile-brands-logos__item img{
    max-height: 70px;
}

@media (max-width: 359px){
    .mm-mobile-brands-logos__item{
        width: 50%;
    }
}

/* mobile search */

.mobile-search__field{
    position: relative;
    z-index: 10;
}

.mobile-search__result{
    padding: 25px 0 25px;
    text-align: left;
}

input.mobile-search__field{
    height: 40px;
    line-height: 40px;
    padding: 0 70px 0 15px;
    width: 100%;
    box-sizing: border-box;
}

.mobile-search-input__buttons{
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.mobile-search__btn{
    padding: 0 8px;
    line-height: 40px;
    color: var(--body-text-color);
    font-weight: normal;
}

.mobile-search__btn.-hide{
    display: none;
}

.mobile-search__btn.-clear{
    opacity: 0.5;
}

.mobile-search__item{
    display: flex;
    margin: 0 0 20px;
    text-decoration: none;
    align-items: center;
}

.mobile-search__item:last-child{
    margin: 0;
}

.mobile-search__title{
    font-size: 13px;
    line-height: 1.4;
}

.mobile-search__image{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    flex: 0 0 auto;
}

.m-header__search .mobile-search__image{
    width: 40px;
    height: 40px;
}

.dark-theme .mobile-search__image.-white-wrap{
    border-radius: 10px;
    padding: 5px;
    background: #FFF;
    box-sizing: border-box;
}

.mobile-search__image img{
    max-height: 100%;
}

.mobile-search__buttons{
    text-align: center;
    margin: 10px 0 0;
}

.popup-mobile .mobile-search__buttons{
    position: fixed;
    left: 0;
    background: #fff;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    box-shadow: 0 -3px 6px rgba(0,0,0,0.04);
    padding: 12px 30px;
}

.dark-theme .popup-mobile .mobile-search__buttons {
    background: #4e4e4e;
}

@media (max-width: 359px){
    .popup-mobile .mobile-search__buttons{
        padding: 12px 20px;
    }
}

.m-header__search .mobile-search__result{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 5px 0 0;
    padding: 0;
}

.m-header__search .mobile-auto-search{
    display: flex;
    flex-direction: column;
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
    border-radius: 10px;
    padding: 15px;
    height: calc(100vh - 200px);
    max-height: 400px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,.15);
}

.m-header__search .mobile-search__items{
    overflow-y: auto;
    flex: 1 1 auto;
}

.m-header__search .mobile-search__item{
    margin: 0 0 10px;
}

.m-header__search.-under:not(.sk-fixed) .mobile-search__result{
    height: calc(100vh - 200px);
}

.m-header__search.-under.sk-fixed .mobile-search__result{
    margin: 0;
}

.m-header__search.-under.sk-fixed .mobile-search__result{
    left: 10px;
    right: 10px;
}


/* profile menu link, icon, counter */


.profile-menu-icon{
    font-size: 14px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    color: var(--bs-color);
    position: relative;
    width: 16px;
}

.profile-menu-icon.-sk-bonuses{
    stroke: var(--wrap-bg-color);
    fill: var(--bs-color);
}


.profile-menu-counter:after{
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: "";
    right: -3px;
    top: 0;
    background: var(--counter-color-bg);
}

.sk-empty .profile-menu-counter:after{
    display: none;
}

.profile-item-flexdiscount-plugin.-with-icon a:before{
    font-family: Font Awesome\ 5 Pro;
    font-size: 14px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    color: var(--bs-color);
    content: '\f646';
    font-weight: bold;
}

/* mobile menu profile */

.profile-menu-m .switch-type-theme{
    margin: 7px 0;
}


.profile-menu-m__menu,
.profile-menu-m__menu li{
    margin: 0;
    padding: 0;
    list-style: none;
}


.profile-menu-m__item,
.profile-menu-m a{
    padding: 5px 0;
    margin: 0 0 5px;
}

.profile-menu-m a{
    text-decoration: none;
    display: flex;
    align-items: center;
}

.profile-menu-m__item.-sk-exit{
    font-weight: bold;
}

.profile-menu-m__icon{
    font-size: 15px;
    margin: 0 7px 2px 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

/* mobile app navigation */

.mobile-nav-app-btn{
    width: 100%;
    display: none;
    box-sizing: border-box;
    margin: 15px 0;
}

@media (max-width: 1023px){
    .mobile-nav-app-btn{
        display: block;
    }
}

/* mobile popup menu */
.popup-mobile-menu__item{
    margin: 0 0 10px;
}

.popup-mobile-menu__link{
    text-decoration: none;
}

.popup-mobile-menu__count{
    color: #CCC
}

/* breadcrumbs */
.breadcrumbs{
    margin: 0 0 25px;
    list-style: none;
    padding: 0;
    font-size: 12px;
    color: #787878;
}

.breadcrumbs.-sk-scroll{
    white-space: nowrap;
    overflow-x: auto;
    position: relative;
    margin: 0 0 5px;
}

.breadcrumbs.-sk-scroll::-webkit-scrollbar {
    display: none;
}

.content > .breadcrumbs:first-child{
    margin-top: -10px;
}

.breadcrumbs li{
    display: inline-block;
    position: relative;
    z-index: 2;
}

.breadcrumbs a{
    text-decoration: none;
}

.breadcrumbs__rarr{
    margin: 0 8px;
}

.breadcrumbs__down{
    padding: 1px 0 0 4px;
    vertical-align: middle;
}

.breadcrumbs li:hover .breadcrumbs__down:before{
    content: "\f106";
}

.breadcrumbs-subs{
    display: none;
    position: absolute;
    padding: 12px 0;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    border-radius: 13px;
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
    line-height: 16px;
    width: 200px;
    top: 100%;
    left: -10px;
    font-size: 14px;
}

.breadcrumbs li:hover .breadcrumbs-subs{
    display: block;
}

.breadcrumbs-subs__item{
    display: block;
    padding: 8px 25px;
}

.breadcrumbs-subs__item:hover{
    background: #f8f7f7;
}

.dark-theme .breadcrumbs-subs__item:hover {
    background: rgba(255, 255, 255, 0.05);
}



.breadcrumbs-subs__item.selected{
    font-weight: bold;
}

/* search popup */
.search-auto-result{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 10px 0 0;
    display: none;
}

.auto-search{
    background: var(--popup-bg-color);
    border-radius: 25px;
    padding: 25px 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    position: relative;
}

.auto-search:after{
    position: absolute;
    top: -8px;
    color: var(--popup-bg-color);
    content: "\f0d8";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    line-height: 4px;
    left: 50%;
    margin-left: -4px;
    margin-top: 4px;
    font-size: 30px;
}

.auto-search__close{
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 0;
    background: #f5f5f5;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
    color: #000 !important;
    opacity: 1;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.auto-search__close:before{
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 16px;
}

.dark-theme .auto-search__close {
    color: var(--popup-text-color) !important;
    background: var(--wrap-bg-color);
    border: 1px solid var(--border-elements-color);
}

.auto-search__items{
    flex: 1 1 auto;
    margin: 0 50px 0 0;
}

.auto-search__item{
    display: flex;
    text-decoration: none;
    margin: 25px 0;
    align-items: center;
}

.auto-search__image{
    flex: 0 0 auto;
    width: 50px;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
}

.dark-theme .auto-search__image.-white-wrap{
    padding: 5px;
    border-radius: 10px;
    background: #FFF;
    min-height: 40px;
}

.auto-search__image img{
    max-height: 40px;
}

.auto-search__title{
    display: block;
    line-height: 1.2;
    margin: 0 0 5px;
}

.auto-search__content{
    flex: 1 1 auto;
}

.auto-search__buttons{
    margin: 30px 0 10px;
    text-align: center;
}

/* countdown */

.countdown{
    display: inline-block;
    word-spacing: normal;
    padding: 12px 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.countdown-item{
    display: inline-block;
    margin: 0 7px;
    text-align: center;
}

.countdown-item__count{
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.countdown-item__text{
    font-size: 8px;
    text-transform: uppercase;
    opacity: 0.9;
}

.countdown--mini{
    padding: 6px 10px;
}

.countdown--mini .countdown-item{
    margin: 0 3px;
}

@media (max-width: 850px){
    .countdown{
        padding: 6px 8px;
    }

    .countdown-item{
        margin: 0 3px;
    }
}

@media (max-width: 600px){
    .countdown-item__count{
        font-size: 14px;
    }
}

@media (max-width: 359px){
    .countdown{
        padding: 5px;
    }
}

/* SLIDER */
.slider-outer{
    position: relative;
    margin-bottom: 70px;
}

.slider-outer .owl-dots{
    position: static;
}

@media (max-width: 1024px){
    .slider-outer{
        position: relative;
        margin-bottom: 50px;
    }
}

.slider-banner{
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    display: flex;
    position: relative;
}

.slider-banner .owl-stage,
.slider-banner .owl-item{
    display: flex;
}

.slider-banner .owl-stage-outer{
    overflow: visible;
}

@media (min-width: 1461px){
    .slider-banner.owl-carousel:after{
        content: "";
        right: 0;
        top: 40px;
        bottom: 40px;
        position: absolute;
        width: 1px;
        box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03);
    }
}

.slider-outer .owl-nav.disabled{
    display: block;
}

.slider-outer .owl-prev,
.slider-outer .owl-next{
    position: absolute;
    display: block;
    top: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    margin-top: -28px;
    border-radius: 15px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
}

.slider-outer .owl-prev{
    margin-left: 3%;
    left: 0;
    right: auto;
}

.slider-outer .owl-next{
    margin-right: 3%;
    right: 0;
    left: auto;
}

.slider-item{
    font-size: 15px;
    margin: 15px;
    flex: 1 0 85%;
    display: inline-flex;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 25px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.04);
}

.dark-theme .slider-item{
    box-shadow: none;
}

.slider-banner{
    padding: 10px;
    margin: -20px;
}

.owl-item .slider-item{
    width: calc(100% - 30px);
    flex: 0 0 auto;
}

@media (min-width: 1001px){
    .owl-item .slider-item{
        opacity: 0;
    }
}

@media (max-width: 999px){
    .slider-outer .owl-dots{
        position: static;
        margin-top: 0;
    }

    .slider-banner{
        margin: -20px -5px -10px;
        padding: 10px 0 20px;
    }

    .slider-item{
        margin: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.06);
    }

    .owl-item .slider-item{
        width: calc(100% - 20px);
    }
}

@media (max-width: 699px){
    .slider-item{
        margin: 7.5px;
    }

    .owl-item .slider-item{
        width: calc(100% - 15px);
    }
}


.owl-item.active .slider-item{
    opacity: 1;
}


@media (max-width: 850px) {
    .slider-outer .owl-prev,
    .slider-outer .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -20px;
    }
}

@media (max-width: 1460px){
    .slider-outer.sk-carousel{
        margin-right: -20px;
    }
}

@media (max-width: 1024px){
    .slider-outer.sk-carousel{
        margin-right: -15px;
    }
}

@media (max-width: 800px){
    .slider-outer .owl-next{
        margin-right: 10px;
    }
}

@media (max-width: 560px){
    .slider-outer .owl-prev,
    .slider-outer .owl-next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
        font-size: 12px;
        margin-top: -15px;
    }

    .slider-outer .owl-prev{
        margin-left: -10px;
    }
}

@media (max-width: 450px){
    .slider-outer .owl-next{
        margin-right: 2px;
    }
}

@media (max-width: 359px){
    .slider-outer.sk-carousel{
        margin-right: -10px;
    }
}

/* промо в слайдере */

.slider-promo{
    padding: 50px 7% 50px 7%;
    position: relative;
    align-items: center;
}

.content-cols.content-cols--sidebar .slider-promo{
    padding: 30px 7% 30px 7%;
}

.slider-promo.--white{
    border: 1px solid #ececec;
}

.slider-promo:hover{
    color: inherit;
}

.owl-item:not(.active) .slider-promo{
    /* opacity: 0; */
}

.slider-promo__content{
    padding: 25px 3% 35px 5%;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: normal;
    text-decoration: none;
    flex: 0 0 40%;
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    align-self:stretch;
    opacity: 0;
}

.slider-banner > .slider-promo:first-child .slider-promo__content,
.owl-item.active .slider-promo__content{
    opacity: 1;
}

.owl-item.active + .owl-item .slider-promo__content{
    opacity: 0;
}

.slider-promo__image{
    display: flex;
    align-items: center;
    flex: 0 0 60%;
    text-align: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    height: 300px;
    justify-content: center;
}

.slider-promo__image img{
    max-width: 100%;
    max-height: 300px;
    height: auto;
}

@media (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-promo__image{
        height: 240px;
    }

    .content-cols.content-cols--sidebar .slider-promo__image img{
        max-height: 240px;
    }
}

@media (max-width: 1150px) and (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-promo__image{
        height: 200px;
    }

    .content-cols.content-cols--sidebar .slider-promo__image img{
        max-height: 200px;
    }
}

.slider-promo__image-inner{
    position: relative;
    display: inline-block;
}

.slider-promo__title{
    font-weight: bold;
    font-size: 42px;
    margin: 0 0 30px 0;
    text-decoration: none;
    display: block;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}

@media (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-promo__title{
        font-size: 28px;
        margin-bottom: 15px;
    }
}

.slider-promo__title:last-child{
    margin-bottom: 0;
}

.slider-promo__description{
    position: relative;
    z-index: 2;
}

.slider-promo__more{
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

.slider-promo__countdown{
    position: absolute;
    z-index: 2;
    right: 50px;
    top: 50px;
    line-height: 1.2;
}

.slider-promo__countdown ~ img{
    margin-top: 15px;
    margin-right: 15px;
}

@media (max-width: 1350px){
    .slider-promo__title{
        font-size: 34px;
        line-height: 1.1;
    }

    .slider-promo__content{
        align-self: center;
        padding-bottom: 25px;
    }
}

@media (max-width: 1150px){
    .slider-promo__title{
        font-size: 28px;
        margin-bottom: 15px;
    }

    .slider-promo__image{
        height: 240px;
    }

    .slider-promo__image img{
        max-height: 240px;
    }
}

@media (max-width: 1250px){
    .slider-promo{
        padding: 3% 7%;
    }
}

@media (max-width: 850px){
    .slider-promo__image{
        height: 200px;
    }

    .slider-promo__image img{
        max-height: 200px;
    }

    .slider-promo__title{
        font-size: 22px;
        margin: 0 0 15px;
    }

    .slider-promo__content{
        padding: 15px 10px;
    }

    .slider-promo__countdown{
        right: 20px;
        top: 20px;
    }
}

@media (max-width: 700px){
    .slider-promo__title{
        font-size: 18px;
        margin: 0 0 10px;
    }

    .slider-promo__description{
        line-height: 1.2;
    }

    .slider-promo__image{
        height: 150px;
        display: flex;
    }

    .slider-promo__image img{
        max-height: 150px;
    }
}

@media (max-width: 550px){
    .slider-promo__content,
    .slider-promo__image{
        flex: 0 0 50%;
    }
}

@media (max-width: 500px){
    .slider-promo{
        flex-direction: column-reverse;
        padding: 20px;
        justify-content: center;
    }

    .slider-promo__content,
    .slider-promo__image{
        flex: 0 0 auto;
        padding: 0;
    }

    .slider-promo__content{
        margin: 20px 0 0;
    }

    .slider-promo__image{
        align-items: end;
    }
}

@media (max-width: 380px){

    .slider-promo__image{
        height: 120px;
    }

    .slider-promo__image img{
        max-height: 120px;
    }
}

/* товар в слайдере */

.slider-product{
    padding: 30px 7%;
    background: var(--wrap-bg-color);
}

.slider-product__content{
    padding: 25px 3% 35px 5%;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: normal;
    text-decoration: none;
    flex: 0 0 60%;
    position: relative;
    display: inline-flex;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
}

.slider-product__image {
    vertical-align: middle;
    flex: 0 0 40%;
    text-align: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dark-theme .slider-product__image.-white-wrap{
    overflow: hidden;
    background: #FFF;
    border-radius: 25px;
    margin-left: 10px;
    padding: 10px;
}

.slider-product__image-inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}

.slider-product__image-inner img{
    border-radius: var(--border-radius-image-product-slider);
    max-height: 100%;
}

@media (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-product__image-inner{
        height: 240px;
    }
}

@media (max-width: 1150px) and (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-product__image-inner{
        height: 200px;
    }
}

.slider-product__head{
    margin: 0 0 25px;
    line-height: 1.2;
}

.slider-product__title{
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
}

.dark-theme .slider-product__title{
    font-weight: 500;
}

@media (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-product__title{
        font-size: 28px;
    }
}

.slider-product__bottom{
    margin: 35px 0 0;
    display: flex;
    align-items: center;
}

.slider-product__prices{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
}

.slider-product__add2cart{
    margin-right: 50px;
    flex: 0 0 auto;
}

.slider-product__add2cart:not(.-sk-icon){
    min-width: 100px;
}

.slider-product__badges{
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 0;
    z-index: 1;
}

.dark-theme .slider-product__badges{
    top: 10px;
    left: 10px;
}

.slider-product__badges .badge{
    margin: 0 7px 0 0;
}

@media (max-width: 1350px){
    .slider-product__content{
        justify-content: center;
    }
}

@media (max-width: 1150px){
    .slider-product__title{
        font-size: 28px;
        margin-bottom: 15px;
    }

    .slider-product__image-inner{
        height: 240px;
    }

    .slider-product__description{
        height: 70px;
        overflow: hidden;
    }
}

@media (min-width: 1025px){
    .content-cols.content-cols--sidebar .slider-product__description{
        height: 70px;
        overflow: hidden;
    }
}

@media (max-width: 850px){
    .slider-product__image-inner{
        height: 200px;
    }

    .slider-product__title{
        font-size: 22px;
        margin: 0 0 15px;
    }

    .slider-product__content{
        padding: 15px 10px;
    }

    .slider-product__add2cart{
        margin-right: 30px;
    }

    .slider-product__prices{
        line-height: 1.1;
    }

    .slider-product__add2cart{
        margin-right: 0;
        order: 2;
    }

    .slider-product__prices{
        margin-right: 15px;
        flex: 1 1 auto;
    }
}

@media (max-width: 700px){
    .slider-product__content{
        padding: 0 0 0 15px;
    }

    .slider-product__title{
        font-size: 18px;
    }

    .slider-product__head{
        margin: 0 0 10px;
    }

    .slider-product__description{
        line-height: 1.4;
        font-size: 14px;
        height: 80px;
    }

    .slider-product__badges{
        top: 0
    }

    .slider-product__bottom{
        display: none;
    }

    .slider-product__image-inner{
        height: 130px;
    }

}

@media (max-width: 600px) and (min-width: 501px), (max-width: 400px){
    .slider-product__add2cart:not(.-sk-icon){
        min-width: 80px;
    }
}

@media (max-width: 500px){
    .slider-product{
        display: block;
        padding: 20px;
        justify-content: center;
    }

    .slider-product__content{
        flex: 0 0 auto;
        padding: 0;
        margin: 10px 0 0;
    }

    .slider-product__image{
        padding: 0;
        position: static;
        margin: 0 0 15px;
    }

    .dark-theme .slider-product__image.-white-wrap{
        margin-left: 0;
    }

    .slider-product__image-inner{
        height: 150px;
    }

    .slider-product__description{
        height: auto;
        max-height: 60px;
    }

    .slider-product{
        position: relative;
    }

    .slider-product__badges{
        top: 40px;
        left: 40px;
    }

    .slider-product__bottom{
        margin: 20px 0 0;
    }
}

@media (max-width: 380px){
    .slider-product__badges{
        top: 30px;
        left: 30px;
    }
}

@media (max-width: 359px){
    .slider-product__title{
        font-size: 16px;
    }
}

/* slider width promo - image background */

.slider-promobg{
    position: relative;
    display: inline-block;
    border-radius: 0;
    font-size: 0;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.slider-promobg.-bg-crop,
.slider-promobg__image{
    border-radius: 25px;
    height: auto;
    box-shadow: 0 5px 30px rgba(0,0,0,0.06);
}

.owl-item:not(.active) .slider-promobg.-bg-crop,
.owl-item:not(.active) .slider-promobg__image{
    box-shadow: none;
}

.slider-promobg__countdown{
    position: absolute;
    top: 50px;
    left: 50px;
    opacity: 0;
}

.slider-banner > .slider-product:first-child .slider-promobg__countdown,
.owl-item.active .slider-promobg__countdown {
    opacity: 1;
}

.owl-item.active + .owl-item.active .slider-promobg__countdown{
    opacity: 0;
}

.slider-promobg__content{
    position: absolute;
    bottom: 50px;
    right: 50px;
    border-radius: 20px;
    padding: 35px 40px;
    max-width: 450px;
    box-sizing: border-box;
    white-space: normal;
    box-shadow: 0 5px 17px rgba(0,0,0,0.05);
    font-size: 15px;
}

.slider-promobg__title{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

.slider-promobg__text{
    margin: 10px 0 0;
    line-height: 1.2;
}

@media (max-width: 1200px){
    .slider-promobg__content{
        bottom: 30px;
        right: 30px;
    }

    .slider-promobg__countdown{
        top: 30px;
        left: 30px;
    }
}

@media (max-width: 1024px){
    .slider-promobg__content{
        bottom: 20px;
        right: 20px;
        padding: 20px 25px;
        max-width: 400px;
        border-radius: 15px;
    }

    .slider-promobg__title{
        font-size: 16px;
    }

    .slider-promobg__countdown{
        top: 20px;
        left: 20px;
    }
}

@media (max-width: 800px){
    .slider-promobg__content {
        bottom: 10px;
        right: 10px;
        border-radius: 15px;
    }

    .slider-promobg__countdown{
        top: 20px;
        right: 20px;
        left: auto;
    }
}

@media (max-width: 650px){
    .slider-promobg{
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .slider-promobg__content{
        margin-top: -30px;
        position: relative;
        max-width: unset;
        width: 100%;
        flex: 1 0 auto;
        right: 0;
        left: 0;
        border-radius: 23px;
    }

    .slider-promobg.-bg-crop .slider-promobg__content{
        position: absolute;
        bottom: -1px;
        right: -1px;
        left: -1px;
        width: auto;
        box-shadow: none;
    }

    .slider-promobg__image{
        flex: 0 0 auto;
    }
}

/* slider photos */
.slider-photo{
    border-radius: 0;
    position: relative;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.slider-photo__image,
.slider-photo.-bg-crop{
    border-radius: 25px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.06);
}

.owl-item:not(.active) .slider-photo.-bg-crop,
.owl-item:not(.active) .slider-photo__image{
    box-shadow: none;
}

.slider-photo__title{
    position: absolute;
    bottom: 50px;
    right: 50px;
    border-radius: 20px;
    padding: 25px 30px;
    max-width: 450px;
    box-sizing: border-box;
    white-space: normal;
    box-shadow: 0 5px 17px rgba(0,0,0,0.05);
    font-size: 16px;
    font-weight: bold;
    background: #FFF;
}

@media (max-width: 1200px){
    .slider-photo__title{
        bottom: 30px;
        right: 30px;
    }


}

@media (max-width: 1024px){
    .slider-photo__title{
        bottom: 20px;
        right: 20px;
        padding: 20px 25px;
        max-width: 400px;
        border-radius: 15px;
    }
}

@media (max-width: 800px){
    .slider-photo__title {
        bottom: 10px;
        right: 10px;
        border-radius: 15px;
    }
}

@media (max-width: 650px){
    .slider-photo{
        display: flex;
        flex-direction: column;
    }

    .slider-photo__title{
        margin-top: -25px;
        position: relative;
        max-width: unset;
        width: 100%;
        flex: 1 0 auto;
        right: 0;
        left: 0;
        border-radius: 20px;
    }

    .slider-photo.-bg-crop .slider-photo__title{
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        width: auto;
        box-shadow: none;
    }

    .slider-photo__image{
        flex: 0 0 auto;
    }
}

.slider-photo__image.owl-lazy{
    height: 1px;
}


/* product list */

.products-list{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.products-list.-carousel {
    flex-wrap: nowrap;
}

.products-list.-carousel .owl-item,
.products-list.-carousel .owl-stage {
    display: flex;
}

.products-list.-carousel .owl-stage-outer{
    overflow: visible;
}

.products-list.-carousel .owl-item{
    flex: 0 0 auto;
}

.products-list__paging-nav{
    margin-left: 10px;
    margin-right: 10px;
}

.products-list__paging-nav:last-child{
    margin-bottom: 0;
}

.wrap-loading{
    position: relative;
}

.wrap-loading:before{
    position: absolute;
    animation: spin 1s linear infinite;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    display: inline-block;
    font-size: 30px;
    content: "\f110";
    font-style: normal;
    left: calc(50% - 20px);
    top: -10px;
    color: var(--bs-color);

}

.wrap-loading .products-list__empty,
.wrap-loading .products-list__outer{
    opacity: 0.1;
}


.products-list__empty{
    text-align: center;
    font-size: 18px;
    padding: 0 0 30px;
}

@media (max-width: 1024px){
    .products-list__empty{
        text-align: left;
    }
}

.products-list__outer{
    margin: -20px;
    padding: 10px 10px 90px 10px;
    overflow: hidden;
    position: relative;
}

.products-list__offers .owl-dots:not(.product-preview-gallery__dots){
    display: none;
    position: static;
    margin: 10px 0 15px 0;
}

@media (max-width: 1024px){
    .products-list__outer {
        margin: -10px;
        padding: 5px 5px 70px 5px;
    }
}

@media (max-width: 800px) {
    .products-list__offers.-carousel .owl-dots {
        display: block;
    }
}

@media (max-width: 600px){
    .products-list__outer{
        padding-bottom: 55px;
    }
}

@media (max-width: 359px){
    .products-list__outer {
        margin: -10px;
        padding: 5px 5px 55px 5px;
    }
}

/* product preview mini vertical */
.product-mini-v__outer,
.promo-mini-v__outer{
    vertical-align: top;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
}

.product-mini-v{
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    background: #FFF;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    flex: 1 1 auto;
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .product-mini-v{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.products-list.-carousel .product-mini-v__outer:nth-child(n+8) .product-mini-v,
.content-cols.content-cols--sidebar .products-list.-carousel .product-mini-v__outer:nth-child(n+7) .product-mini-v,
.owl-item:not(.active) .product-mini-v__outer .product-mini-v,

.products-list.-carousel .promo-mini-v__outer:nth-child(n+8) .product-mini-v,
.content-cols.content-cols--sidebar .products-list.-carousel .promo-mini-v__outer:nth-child(n+7) .product-mini-v,
.owl-item:not(.active) .promo-mini-v__outer .product-mini-v{
    box-shadow: none;
    background: none;
}

.product-mini-v__discount{
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: auto;
    height: 20px;
    line-height: 20px;
    z-index: 2;
}

.dark-theme .product-mini-v__image.-white-wrap .product-mini-v__discount{
    top: 2px;
    left: 2px;
}

.product-mini-v__image{
    position: relative;
    text-align: center;
    height: var(--product-mini-v-image-block-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: var(--product-mini-v-image-block-margin) var(--product-mini-v-image-block-margin) 10px;
    text-decoration: none;
    justify-content: center;
    box-sizing: border-box;
}

.dark-theme .product-mini-v__image.-white-wrap{
    background: #FFF;
    border-radius: 10px;
    padding: 0 5px;
}

.dark-theme .product-mini-v__image.-white-wrap .product-preview-gallery__dots{
    padding-top: 4px;
}

.product-mini-v__image img{
    max-height: var(--product-mini-v-image-block-height);
    border-radius: var(--border-radius-image-product-mini-preview);
}

.product-mini-v__dialog {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 8px;
    display: none;
    z-index: 2;
}

body:not(.touch) .product-mini-v:hover .product-mini-v__dialog,
body.touch .product-mini-v__dialog{
    display: block;
}

.product-mini-v__content{
    padding: 0 15px 15px 15px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.product-mini-v__summary{
    flex: 1 1 auto;
}

.product-mini-v__name{
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin: 0 0 5px;
}

.product-mini-v__name a{
    text-decoration: none;
}

.product-mini-v__sku{
    margin: 0 0 10px;
    display: block;
}

.product-mini-v__meta{
    margin: 0 0 5px;
}

.product-mini-v__base-unit{
    margin: 0 0 10px;
}

.product-mini-v__badge,
.product-mini-v__rating,
.product-mini-v__bonus{
    margin: 0 8px 5px 0;
}

.product-mini-v__badge:last-child,
.product-mini-v__rating:last-child,
.product-mini-v__bonus:last-child{
    margin-right: 0;
}


.product-mini-v__bonus{
    font-weight: normal;
    background: none;
    padding: 0;
}

.product-mini-v__bonus .product-bonus__icon{
    margin-top: -3px;
}

.product-mini-v__rating{
    border: none;
    padding: 0;
}


.product-mini-v__bottom{
    display: flex;
    align-items: center;
}

.product-mini-v__stock{
    white-space: normal;
    text-align: right;
    line-height: 17px;
}

.product-mini-v__prices{
    line-height: 1.2;
    margin: 0 3px 0 0;
    flex: 1 1 auto;
}

.product-mini-v__price{
    font-size: 14px;
    display: block;
}

.product-mini-v__price .price,
.product-mini-v__price .currency{
    font-size: 14px;
}


.product-mini-v__prices .price-text{
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
}

.product-mini-v__cart{
    flex: 0 0 auto;
}

.product-mini-v__outer,
.promo-mini-v__outer{
    flex: 0 0 calc(100% / 7);
    width: calc(100% / 7);
    padding: 10px;
}

@media (min-width: 1025px){
    .content-cols--sidebar .product-mini-v__outer,
    .searchpro__page-content .product-mini-v__outer,
    .content-cols--sidebar .promo-mini-v__outer,
    .searchpro__page-content .promo-mini-v__outer{
        flex: 0 0 calc(100% / 6);
        width: calc(100% / 6);
    }
}

@media (max-width: 1400px) and (min-width: 1025px){
    .content-cols--sidebar .product-mini-v__outer,
    .searchpro__page-content .product-mini-v__outer,
    .content-cols--sidebar .promo-mini-v__outer,
    .searchpro__page-content .promo-mini-v__outer{
        flex: 0 0 calc(100% / 5);
        width: calc(100% / 5);
    }
}

@media (max-width: 1250px) and (min-width: 1025px){
    .product-mini-v__outer,
    .promo-mini-v__outer{
        flex: 0 0 calc(100% / 6);
        width: calc(100% / 6);
    }

    .content-cols--sidebar .product-mini-v__outer,
    .searchpro__page-content .product-mini-v__outer,
    .content-cols--sidebar .promo-mini-v__outer,
    .searchpro__page-content .promo-mini-v__outer{
        flex: 0 0 calc(100% / 4);
        width: calc(100% / 4);
    }
}

@media (max-width: 1024px){
    .product-mini-v__outer,
    .promo-mini-v__outer{
        flex: 0 0 calc(100% / 5);
        width: calc(100% / 5);
        padding: 7.5px;
    }
}

@media (max-width: 850px){
    .product-mini-v__outer,
    .promo-mini-v__outer{
        flex: 0 0 calc(100% / 4);
        width: calc(100% / 4);
    }
}

@media (max-width: 800px){
    .products-list__offers.-carousel .product-mini-v__outer,
    .products-list__offers.-carousel .promo-mini-v__outer{
        flex: 0 0 calc(100% / 4.2);
        width: calc(100% / 4.2);
    }
}

@media (max-width: 680px){
    .product-mini-v__outer,
    .promo-mini-v__outer{
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
    }

    .products-list__offers.-carousel .product-mini-v__outer,
    .products-list__offers.-carousel .promo-mini-v__outer{
        flex: 0 0 calc(100% / 3.2);
        width: calc(100% / 3.2);
    }
}

@media (max-width: 540px){
    .product-mini-v__outer,
    .promo-mini-v__outer{
        flex: 0 0 calc(100% / 2);
        width: calc(100% / 2);
    }

    .products-list__offers.-carousel .product-mini-v__outer,
    .products-list__offers.-carousel .promo-mini-v__outer{
        flex: 0 0 calc(100% / 2.2);
        width: calc(100% / 2.2);
    }
}

@media (max-width: 400px){
    .products-list__offers.-carousel .product-mini-v__outer,
    .products-list__offers.-carousel .promo-mini-v__outer{
        flex: 0 0 calc(100% / 2.1);
        width: calc(100% / 2.1);
    }

    .product-mini-v__outer,
    .promo-mini-v__outer{
        padding: 5px;
    }

    .product-mini-v__image{
        margin: var(--product-mini-v-image-block-margin-mobile) var(--product-mini-v-image-block-margin-mobile) 10px;
    }

    .product-mini-v__content{
        padding: 0 10px 10px 10px;
    }

    .product-mini-v__cart.-sk-icon{
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
    }
}


.owl-item .product-mini-v__outer,
.owl-item .promo-mini-v__outer {
    flex: 0 0 100% !important;
    width: 100%;
}


/* product preview mini horizontal */
.product-mini-h__outer,
.promo-mini-h__outer{
    padding: 10px;
    vertical-align: top;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
}

.product-mini-h{
    padding: 20px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background: var(--wrap-bg-color);
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

@media (max-width: 1024px){
    .product-mini-h{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.product-mini-h.-double:first-child{
    margin-bottom: 20px;
}

.product-mini-h__image{
    width: calc(var(--product-mini-h-image-block-width) - 15px);
    box-sizing: border-box;
    margin: 0 15px 0 0;
    text-align: center;
    display: flex;
    height: var(--product-mini-h-image-block-height);
    align-items: center;
    max-height: 100%;
    position: relative;
    text-decoration: none;
    justify-content: center;
    flex: 0 0 auto;
}

.product-mini-h__image img{
    max-height: 100%;
    border-radius: var(--border-radius-image-product-mini-preview);
}

.dark-theme .product-mini-h__image.-white-wrap{
    padding: 0 5px;
    background: #FFF;
    border-radius: 12px;
}

.product-mini-h__image .product-preview-gallery__dots{
    margin: -6px 0 0;
    background: rgba(255,255,255,0.5);
    right: auto;
    left: auto;
    padding: 2px;
    z-index: 2;
    border-radius: 100px;
}

.dark-theme .product-mini-h__image.-white-wrap .product-preview-gallery__dots{
    margin-top: -12px;
}

.product-mini-h__right{
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: calc(100% - var(--product-mini-h-image-block-width));
}

.product-mini-h__content{
    flex: 1 1 auto;
    margin: 0 0 5px;
}

.product-mini-h__title{
    margin: 0 0 10px;
    max-height: 32px;
    line-height: 1.2;
    overflow: hidden;
}

.product-mini-h__link{
    text-decoration: none;
}

.product-mini-h__cart-prices{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.product-mini-h__prices{
    flex: 1 1 auto;
    line-height: 1.25;
    margin: 0 5px 0 0;
}

.product-mini-h__prices .price-text{
    font-size: 14px;
    line-height: 1;
    display: inline-block;
}

.product-mini-h__price{
    display: block;
    line-height: 20px;
}

.product-mini-h__price .price,
.product-mini-h__price .currency{
    font-size: 16px;
}

.product-mini-h__cart{
    flex: 0 0 auto;
}

.product-mini-h__stock{
    white-space: normal;
    flex: 0 1 auto;
    text-align: right;
    line-height: 18px;
}

.product-mini-h__dialog{
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2;
}

body:not(.touch) .product-mini-h:hover .product-mini-h__dialog,
body.touch .product-mini-h__dialog{
    display: block;
}

.product-mini-h__badges{
    white-space: nowrap;
}

.product-mini-h__base-unit{
    line-height: 1;
    margin: 0 0 10px;
}

.product-mini-h__discount{
    top: -5px;
    left: -5px;
    position: absolute;
    z-index: 2;
    height: 20px;
    line-height: 20px;
}

.dark-theme .product-mini-h__image.-white-wrap .product-mini-h__discount{
    top: 2px;
    left: 2px;
}

.product-mini-h__bonus{
    font-weight: normal;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}



.product-mini-h__rating{
    border: none;
    height: 20px;
    line-height: 20px;
    padding: 0 0 1px;
}

.product-mini-h__bonus{
    background: none;
    padding: 0;
    line-height: unset;
}

.product-mini-h__bonus .product-bonus__icon{
    margin-bottom: 2px;
}

.product-mini-h .badge,
.product-mini-h__bonus,
.product-mini-h__rating{
    margin: 0 10px 5px 0;
    vertical-align: middle;
}

.product-mini-h__rating{
    background: none;
}

.product-mini-h .badge:last-child,
.product-mini-h__bonus:last-child,
.product-mini-h__rating:last-child{
    margin-right: 0;
}

.product-mini-h__body{
    width: 100%;
    padding: 20px 0 0;
    line-height: 16px;
    font-size: 14px;
}

.product-mini-h__actions{
    padding: 20px 0 0;
    display: flex;
    width: 100%;
}

.product-mini-h__compare,
.product-mini-h__favorite{
    margin: 0 10px 0 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.product-mini-h__fastorder{
    flex: 1 1 auto;
}

.product-mini-h__fastorder:not(first-child){
    margin: 0 0 0 10px;
}

.product-mini-h__outer,
.promo-mini-h__outer{
    flex: 0 0 calc(100% / 4);
    width: calc(100% / 4);
}

@media (min-width: 1025px){
    .content-cols--sidebar .product-mini-h__outer,
    .searchpro__page-content .product-mini-h__outer,
    .content-cols--sidebar .promo-mini-h__outer,
    .searchpro__page-content .promo-mini-h__outer{
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
    }
}

.products-mini-h__list.products-list.-carousel .product-mini-h__outer:nth-child(n+5) .product-mini-h,
.content-cols--sidebar .products-mini-h__list.products-list.-carousel .product-mini-h__outer:nth-child(n+4) .product-mini-h,
.owl-item:not(.active) .product-mini-h__outer .product-mini-h,
.products-mini-h__list.products-list.-carousel .promo-mini-h__outer:nth-child(n+5) .product-mini-h,
.content-cols--sidebar .products-mini-h__list.products-list.-carousel .promo-mini-h__outer:nth-child(n+4) .product-mini-h,
.owl-item:not(.active) .promo-mini-h__outer .product-mini-h{
    box-shadow: none;
    background: none;
}

@media (max-width: 1250px) and (min-width: 1025px){
    .content-cols--sidebar .product-mini-h,
    .searchpro__page-content .product-mini-h{
        padding: 10px;
    }
}

@media (max-width: 1150px) and (min-width: 1025px){
    .content-cols--sidebar .product-mini-h__title,
    .searchpro__page-content .product-mini-h__title{
        font-size: 13px;
        line-height: 15px;
        margin: 0 0 5px;
        max-height: 30px;
    }

    .content-cols--sidebar .product-mini-h__image,
    .searchpro__page-content .product-mini-h__image{
        height: 108px;
    }

    .content-cols--sidebar .product-mini-h__prices,
    .searchpro__page-content .product-mini-h__prices{
        line-height: 1;
    }

    .content-cols--sidebar .product-mini-h__cart-prices,
    .searchpro__page-content .product-mini-h__cart-prices{
        margin: 10px 0 0;
    }

    .content-cols--sidebar .product-mini-h__price,
    .searchpro__page-content .product-mini-h__price{
        font-size: 16px;
    }

}

@media (max-width: 1200px){
    .product-mini-h__outer,
    .promo-mini-h__outer{
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
    }
}

@media (max-width: 1200px) and (min-width: 1025px){
    .content-cols--sidebar .product-mini-h,
    .searchpro__page-content .product-mini-h{
        padding: 10px;
    }

    .content-cols--sidebar .product-mini-h__title,
    .searchpro__page-content .product-mini-h__title{
        font-size: 13px;
        line-height: 15px;
        margin: 0 0 5px;
        max-height: 30px;
    }

    .content-cols--sidebar .product-mini-h__image,
    .searchpro__page-content .product-mini-h__image{
        height: 120px;
        width: calc(40% - 10px);
    }

    .content-cols--sidebar .product-mini-h__right,
    .searchpro__page-content .product-mini-h__right{
        width: 60%;
    }

    .content-cols--sidebar .product-mini-h__prices,
    .searchpro__page-content .product-mini-h__prices{
        line-height: 1;
    }

    .content-cols--sidebar .product-mini-h__cart-prices,
    .searchpro__page-content .product-mini-h__cart-prices{
        margin: 10px 0 0;
    }

    .content-cols--sidebar .product-mini-h__price .price,
    .content-cols--sidebar .product-mini-h__price .currency,
    .searchpro__page-content .product-mini-h__price .price,
    .searchpro__page-content .product-mini-h__price .currency{
        font-size: 14px;
    }

    .content-cols--sidebar .product-mini-h__cart.add2cart-button,
    .searchpro__page-content .product-mini-h__cart.add2cart-button{
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
    }
}

@media (max-width: 1024px) and (min-width: 791px), (max-width: 650px) and (min-width: 551px), (max-width: 400px){
    .product-mini-h__title{
        font-size: 13px;
        margin: 0 0 5px;
    }

    .product-mini-h__image{
        height: 120px;
        width: calc(40% - 10px);
    }

    .product-mini-h__right{
        width: 60%;
    }

    .product-mini-h__prices{
        line-height: 1;
    }

    .product-mini-h__cart-prices{
        margin: 10px 0 0;
    }

    .product-mini-h__price .price,
    .product-mini-h__price .currency{
        font-size: 14px;
    }

    .product-mini-h__cart.add2cart-button{
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
    }

}

@media (max-width: 800px){
    .product-mini-h__outer,
    .promo-mini-h__outer{
        flex: 0 0 calc(100% / 2);
        width: calc(100% / 2);
    }

    .-carousel.products-list__offers .product-mini-h__outer,
    .-carousel.products-list__offers .promo-mini-h__outer{
        flex: 0 0 calc(100% / 2.2);
        width: calc(100% / 2.2);
    }

    .product-mini-h__outer,
    .promo-mini-h__outer{
        padding: 7.5px;
    }

    .product-mini-h.-double:first-child {
        margin-bottom: 15px;
    }
}

@media (max-width: 550px){
    .product-mini-h__outer,
    .promo-mini-h__outer{
        flex: 0 0 100%;
        width: 100%;
    }

    .-carousel.products-list__offers .product-mini-h__outer,
    .-carousel.products-list__offers .promo-mini-h__outer{
        flex: 0 0 80%;
        width: 80%;
    }
}

@media (max-width: 380px){
    .-carousel.products-list__offers .product-mini-h__outer,
    .-carousel.products-list__offers .promo-mini-h__outer{
        flex: 0 0 90%;
        width: 90%;
    }

    .product-mini-h.-double:first-child {
        margin-bottom: 10px;
    }
}

@media (max-width: 359px){
    .product-mini-h__outer,
    .promo-mini-h__outer{
        padding: 5px;
    }
}

.owl-item .product-mini-h__outer,
.owl-item .promo-mini-h__outer{
    flex: 0 0 100% !important;
    width: 100% !important;
}

/* product preview tile */
.product-tile__outer,
.promo-tile__outer{
    vertical-align: top;
    box-sizing: border-box;
    display: inline-flex;
}

.product-tile{
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .product-tile{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.product-tile__image{
    flex: 0 0 var(--product-tile-image-block-height);
    text-align: center;
    display: flex;
    text-decoration: none;
    position: relative;
    margin: 0 0 20px;
    padding: var(--product-tile-image-block-padding) var(--product-tile-image-block-padding) 0;
}

.product-tile__image-inner{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.dark-theme .product-tile__image-inner.-white-wrap{
    background: #FFF;
    border-radius: 15px;
    padding: 0 10px;
    box-sizing: border-box;
}

.product-tile__image img{
    max-height: var(--product-tile-image-block-height);
    border-radius: var(--border-radius-image-product-preview);
}

.product-tile__name{
    line-height: 20px;
    overflow: hidden;
    font-size: 16px;
    height: var(--product-tile-name-height);
}

.product-tile__name a{
    text-decoration: none;
}

.product-tile__description{
    font-size: 13px;
    line-height: 1.2;
    margin: 15px 0 0;
}

.product-tile__features {
    font-size: 13px;
    line-height: 1.2;
    margin: 15px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-tile__badges{
    top: 15px;
    left: 15px;
    position: absolute;
    line-height: normal;
    text-align: left;
    z-index: 2;
}

.dark-theme .product-tile__image-inner.-white-wrap .product-tile__badges{
    top: 25px;
    left: 25px;
}

.product-tile .badge{
    margin: 0 0 5px;
    display: block;
}

.product-tile__discount{
    text-align: left;
    padding: 0 3px;
}

.product-tile__meta{
    margin: 5px 0 0;
    flex: 0 1 auto;
    min-height: 27px;
}

.product-tile__rating,
.product-tile__stock,
.product-tile__sku,
.product-tile__bonus{
    margin: 5px 15px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.product-tile__rating:last-child,
.product-tile__stock:last-child,
.product-tile__sku:last-child,
.product-tile__bonus:last-child{
    margin-right: 0;
}

.product-tile__rating{
    display: inline-flex;
}

.product-tile__bonus .product-bonus__icon{
    margin-top: -3px;
}


.product-tile__content{
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 0 20px 20px;
}

.product-tile__summary {
    flex: 1 0 auto;
}

.product-tile__prices-cart {
    flex: 0 0 auto;
    margin: 15px 0 0;
}

.product-tile__base-unit{
    margin: 0 0 10px 0;
}

.product-tile__units-ratio{
    margin: 0 10px 0 0;
}


.product-tile__prices-main-cart{
    display: flex;
    align-items: center;
}

.product-tile__prices-main{
    flex: 1 1 auto;
    line-height: 1.25;
    margin: 0 10px 0 0;
}

.product-tile__price,
.product-tile__product-price{
    display: block;
    line-height: 20px;
}

.product-tile__zero-text{
    font-size: 14px;
}

.product-tile__actions{
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    line-height: normal;
    width: 26px;
    z-index: 2;
}

.product-tile__compare,
.product-tile__favorite,
.product-tile__dialog{
    margin: 0 0 5px;
}

body:not(.touch) .product-tile:hover,
.products-list.-carousel .owl-item:hover{
    z-index: 5;
}

body:not(.touch) .product-tile:hover .product-tile__actions,
body.touch .product-tile__actions{
    display: block;
    width: 36px;
}


body.touch .product-tile__action,
body.touch .product-tile__dialog{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 10px;
}

.product-tile__quantity{
    max-width: 110px;
}

.product-tile__fastorder{
    flex: 0 0 auto;
    margin: 15px 0 0;
}

.product-tile__stock-none{
    white-space: normal;
    display: inline-block;
    line-height: 16px;
}

.product-tile__outer,
.promo-tile__outer{
    padding: 10px;
    flex: 0 0 calc(100% / 5);
    width: calc(100% / 5);
}

@media (min-width: 1025px){
    .content-cols--sidebar .product-tile__outer,
    .searchpro__page-content .product-tile__outer,
    .content-cols--sidebar .promo-tile__outer,
    .searchpro__page-content .promo-tile__outer{
        flex: 0 0 calc(100% / 4);
        width: calc(100% / 4);
    }
}

.products-tile__list.products-list.-carousel .product-tile__outer:nth-child(n+6) .product-tile,
.content-cols--sidebar .products-tile__list.products-list.-carousel .product-tile__outer:nth-child(n+5) .product-tile,
.owl-item:not(.active) .product-tile__outer .product-tile,
.products-tile__list.products-list.-carousel .promo-tile__outer:nth-child(n+6) .product-tile,
.content-cols--sidebar .products-tile__list.products-list.-carousel .promo-tile__outer:nth-child(n+5) .product-tile,
.owl-item:not(.active) .promo-tile__outer .product-tile{
    box-shadow: none;
    background: none;
}

@media (max-width: 1450px) and (min-width: 1401px){
    .product-tile__rating,
    .product-tile__stock,
    .product-tile__sku,
    .product-tile__bonus{
        margin-right: 8px;
    }

    .product-tile__rating .product-rating__reviews{
        margin-left: 5px;
    }
}

@media (max-width: 1370px) and (min-width: 1025px){
    .product-tile__outer,
    .promo-tile__outer{
        flex: 0 0 calc(100% / 4);
        width: calc(100% / 4);
    }

    .content-cols--sidebar .product-tile__outer,
    .searchpro__page-content .product-tile__outer,
    .content-cols--sidebar .promo-tile__outer,
    .searchpro__page-content .promo-tile__outer{
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
    }
}

@media (max-width: 1150px) and (min-width: 1025px){
    .product-tile__outer,
    .promo-tile__outer{
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
    }
}

@media (max-width: 1024px){
    .product-tile__outer,
    .promo-tile__outer{
        padding: 7.5px;
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3);
    }

    .products-list__offers.-carousel .product-tile__outer,
    .products-list__offers.-carousel .promo-tile__outer{
        flex: 0 0 calc(100% / 3.2);
        width: calc(100% / 3.2);
    }
}

@media (max-width: 800px){
    .product-tile__outer,
    .promo-tile__outer{
        flex: 0 0 calc(100% / 2);
        width: calc(100% / 2);
    }

    .products-list__offers.-carousel .product-tile__outer,
    .products-list__offers.-carousel .promo-tile__outer{
        flex: 0 0 calc(100% / 2.2);
        width: calc(100% / 2.2);
    }
}


@media (max-width: 500px){
    .product-tile__outer,
    .promo-tile__outer{
        flex: 0 0 100%;
        width: 100%;
    }

    .products-list__offers.-carousel .product-tile__outer,
    .products-list__offers.-carousel .promo-tile__outer{
        flex: 0 0 calc(100% / 1.2);
        width: calc(100% / 1.2);
    }
}

@media (max-width: 359px){
    .product-tile__outer,
    .promo-tile__outer{
        padding: 5px;
    }
}


.owl-item .product-tile__outer ,
.owl-item .promo-tile__outer {
    flex: 0 0 100% !important;
    width: 100% !important;
}

/* product preview line */
.products-line__list{
    margin-right: 0;
    padding: 10px;
    width: auto;
}

.product-line{
    margin: 0 0 30px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    padding: 30px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .product-line{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.product-line__left{
    flex: 0 0 var(--product-list-image-block-width);
    width: var(--product-list-image-block-width);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.product-line__right{
    flex: 0 0 23%;
    padding-bottom: 50px;
    position: relative;
    min-width: 210px;
}

.product-line__center{
    flex: 1 1 auto;
    margin: 0 30px 0 20px;
}

.product-line__image{
    text-align: center;
    position: relative;
}

.dark-theme .product-line__image.-white-wrap{
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-line__image img{
    max-height: 250px;
    border-radius: var(--border-radius-image-product-preview);
}

.product-line__image.fixed img{
    max-height: 100%;
}

.product-line__head{
    margin: 0 0 20px;
}

.product-line__name{
    font-size: 18px;
    line-height: 1.1;
    text-decoration: none;
}

.product-line__meta{
    margin: 0 0 10px;
}

.product-line__bonus .product-bonus__icon{
    margin-top: -3px;
}

.product-line__stock,
.product-line__sku,
.product-line__rating,
.product-line__bonus{
    margin: 0 20px 10px 0;
    vertical-align: middle;
    display: inline-block;
}

.product-line__rating:last-child,
.product-line__stock:last-child,
.product-line__sku:last-child,
.product-line__bonus:last-child{
    margin-right: 0;
}

.product-line__description{
    line-height: 20px;
    margin: 0 0 15px;
    font-size: 14px;
}

.product-line__features{
    line-height: 20px;
    font-size: 14px;
}

.product-line__prices-btn{
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
}

.product-line__base-unit{
    margin: 0 0 15px 0;
    text-align: right;
}

.product-line__prices{
    flex: 1 1 50%;
    margin: 0 10px 0 0;
    flex-direction: column;
    justify-content: center;
    line-height: 18px;
}

.product-line__add2cart,
.product-line__quantity{
    flex: 1 1 50%;
    box-sizing: border-box;
}

.product-line__price{
    display: block;
}

.product-line__badges {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    line-height: normal;
}

.product-line__badges .badge{
    display: block;
    margin: 0 0 3px;
}

.dark-theme .product-line__image.-white-wrap .product-line__badges{
    top: 5px;
    left: 5px;
}


.product-list__units-ratio {
    margin: 0 10px 0 0;
}


.product-line__actions{
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    display: inline-flex;
    right: 0;
    left: 0;
    justify-content: right;
}

.product-line__fastorder{
    flex: 1 1 auto;
}

.product-line__compare,
.product-line__favorite{
    margin: 0 0 0 10px;
    flex: 0 0 40px;
}

.product-line__compare:first-child,
.product-line__favorite:first-child{
    margin-left: 0;
}

.product-line__dialog{
    bottom: 0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 5;
}

.product-line:hover .product-line__dialog,
body.touch .product-line__dialog{
    display: block;
}

body.touch .product-line__dialog{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 10px;
}

.product-line__price-text{
    line-height: 18px;
}

.product-line__fastorder .button-fastorder__sk-oneclick{
    height: 38px;
    line-height: 38px;
}

@media (max-width: 1249px) and (min-width: 1025px){
    .content-cols--sidebar .product-line__right,
    .searchpro__page-content .product-line__right{
        min-width: unset;
        padding-bottom: 160px;
        flex: 0 0 100px;
    }

    .content-cols--sidebar .product-line__prices-btn,
    .searchpro__page-content .product-line__prices-btn{
        flex-wrap: wrap;
        align-items: end;
    }

    .content-cols--sidebar .product-line__prices,
    .searchpro__page-content .product-line__prices{
        flex: 1 1 100%;
        text-align: right;
        margin: 5px 0;
    }

    .content-cols--sidebar .product-line__add2cart,
    .content-cols--sidebar .product-line__quantity,
    .searchpro__page-content .product-line__add2cart,
    .searchpro__page-content .product-line__quantity{
        flex: 1 1 100%;
    }

    .content-cols--sidebar .product-line__actions,
    .searchpro__page-content .product-line__actions{
        flex-wrap: wrap;
    }

    .content-cols--sidebar .product-line__fastorder,
    .searchpro__page-content .product-line__fastorder{
        order: 1;
        flex: 1 1 100%;
        margin: 5px 0;
    }

    .content-cols--sidebar .product-line .sh-product-features__item,
    .searchpro__page-content .product-line .sh-product-features__item{
        display: inline-block;
    }
}

@media (max-width: 1149px) and (min-width: 1025px){
    .content-cols--sidebar .product-line,
    .searchpro__page-content .product-line{
        padding: 20px;
    }

    .content-cols--sidebar .product-line__center,
    .searchpro__page-content .product-line__center{
        margin: 0 20px;
    }

}

@media (max-width: 1023px) and (min-width: 800px){
    .product-line__right{
        min-width: unset;
        padding-bottom: 100px;
        flex: 0 0 160px;
    }

    .product-line__prices-btn{
        flex-wrap: wrap;
        justify-content: end;
    }

    .product-line__prices{
        flex: 1 1 100%;
        margin: 15px 0 0;
        order: 2;
        text-align: right;
    }

    .product-line__add2cart,
    .product-line__quantity{
        flex: 1 1 100%;
        order: 1;
    }

    .product-line__actions{
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .product-line__fastorder{
        order: 1;
        flex: 1 1 100%;
        margin: 10px 0 0;
    }
}

@media (max-width: 799px){
    .product-line{
        flex-wrap: wrap;
    }

    .product-line__left{
        flex: 0 0 30%;
        width: 30%;
    }

    .product-line__center{
        margin: 0;
        box-sizing: border-box;
        padding: 0 0 0 30px;
        flex: 0 0 70%;
        width: 70%;
    }

    .product-line__right{
        flex: 1 0 100%;
        margin: 30px -5px -5px;
        display: flex;
        padding-bottom: 0;
        align-items: center;
        flex-wrap: wrap;
    }

    .product-line__actions{
        width: auto;
        position: static;
    }

    .product-line__prices-btn{
        margin: 0;
        flex: 1 1 50%;
    }

    .product-line__add2cart,
    .product-line__quantity,
    .product-line__fastorder,
    .product-line__add2cart-none{
        flex: 0 1 150px;
        margin: 5px;
    }

    .product-line__base-unit{
        flex: 1 0 100%;
        margin: 5px;
    }

    .product-line__prices{
        flex: 1 1 auto;
        margin: 5px;
    }

    .product-line__actions{
        flex: 0 0 auto;
    }

    .product-line__compare,
    .product-line__favorite {
        margin: 5px;

    }

    .product-line .sh-product-features__item{
        display: inline-block;
    }
}

@media (max-width: 599px){
    .product-line{
        padding: 20px;
    }

    .product-line__right{
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .product-line__add2cart-none{
        text-align: right;
    }

    .product-line__actions{
        justify-content: flex-end;
        flex: 1 1 100%;
    }

    .product-line__fastorder{
        display: inline-block;
    }

    .product-line__add2cart,
    .product-line__quantity,
    .product-line__add2cart-none{
        flex: 0 1 150px;
        box-sizing: border-box;
    }

    .product-line__prices{
        margin-right: 30px;
    }
}


@media (max-width: 530px){
    .product-line__left{
        flex: 0 0 100%;
        width: 100%;
    }

    .product-line__center{
        flex: 0 0 100%;
        width: 100%;
        padding: 30px 0 0;
    }

    .product-line__image{
        height: 200px;
    }

    .product-line__image img{
        max-height: 200px;
    }
}

@media (max-width: 420px){
    .product-line__fastorder{
        flex: 1 1 100%;
    }
}

@media (max-width: 359px){
    .product-line__prices{
        margin-right: 15px;
        text-align: left;
    }

    .product-line__fastorder, .product-line__add2cart,
    .product-line__fastorder, .product-line__quantity {
        flex: 1 1 auto;
    }

}

/* product preview book */

.product-book__outer,
.promo-book__outer{
    display: flex;
    padding: 10px;
    vertical-align: top;
    box-sizing: border-box;
    flex: 0 0 calc(100% / 2);
    width: calc(100% / 2);
}

@media(max-width: 1024px){
    .product-book__outer,
    .promo-book__outer{
        padding: 7.5px;
    }
}

@media(max-width: 359px){
    .product-book__outer,
    .promo-book__outer{
        padding: 5px;
    }
}

.product-book{
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    padding: 25px;
    display: flex;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .product-book{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.product-book__left{
    flex: 0 0 auto;
    width: calc(var(--product-book-image-block-width) - 25px);
    box-sizing: border-box;
    margin: 0 25px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.product-book__right{
    flex: 0 0 auto;
    width: calc(100% - var(--product-book-image-block-width));
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
}

.product-book__image{
    text-align: center;
    position: relative;
    font-size: 0;
}

.dark-theme .product-book__image.-white-wrap{
    border-radius: 10px;
    padding: 10px;
    background: #FFF;
}

.product-book__image img{
    max-height: 200px;
    border-radius: var(--border-radius-image-product-preview);
}

.product-book__image.fixed img{
    max-height: 100%;
}

.product-book__image .product-preview-gallery__dots{
    position: static;
    padding: 1px 0 10px;
}

.dark-theme .product-book__image.-white-wrap .product-preview-gallery__dots{
    padding: 5px 0 0;
}

.product-book__data{
    flex: 1 1 auto;
}

.product-book__head{
    margin: 0 0 15px;
    line-height: 20px;
    max-height: 42px;
    overflow: hidden;
}

.product-book__name{
    text-decoration: none;
    font-size: 18px;
}

.product-book__meta{
    margin: 0 0 15px;
}

.product-book__badges{
    position: absolute;
    top: -5px;
    left: -5px;
    right: 20px;
    z-index: 2;
    line-height: 20px;
    text-align: left;
}

.dark-theme .product-book__left.-white-wrap .product-book__badges{
    top: 5px;
    left: 5px;
}

.product-book__discount{
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.product-book__rating{
    margin: 0 8px 0 0;
    border: none;
    padding: 0 0 2px;
    height: auto;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}

.product-book__rating .product-rating__star{
    font-size: 12px;
}

.product-book__rating .product-rating__count{
    font-size: 14px;
}

.product-book__stock{
    line-height: 16px;
    margin: 0 0 5px;
    display: inline-block;
}

.product-book__price > .price,
.product-book__price > .product-price{
    margin: 0 15px 0 0;
    vertical-align: middle;
}

.product-book__bonus{
    line-height: 20px;
    display: inline-block;
}

.product-book__bonus .product-bonus__icon{
    margin-top: -3px;
}

.product-book .badge{
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.product-book__features{
    font-size: 13px;
    line-height: 16px;
}

.product-book__description{
    font-size: 14px;
    margin: 0 0 15px;
    line-height: 18px;
}


.product-book__prices-cart{
    margin: 10px 0 0;
    display: flex;
    align-items: center;
}

.product-book__prices{
    flex: 1 1 auto;
    line-height: 1.25;
    margin: 0 10px 0 0;
}

.product-book__add2cart{
    flex: 0 1 auto;
    max-width: 140px;
}

.product-book__price{
    display: block;
}

.product-book__fastorder{
    margin: 10px 0 0;
    text-align: right;
}

.product-book__fastorder .button-fastorder__sk-oneclick{
    display: inline-block;
}

@media (max-width: 450px){
    .product-book__fastorder .button-fastorder__sk-oneclick{
        width: 100%;
        box-sizing: border-box;
    }
}

.product-book__actions{
    display: none;
    position: absolute;
    bottom: -5px;
    left: -5px;
    z-index: 2;
    margin: 5px 0 0;
}

.product-book__action{
    margin: 5px 0 0 0;
    display: block;
}


body:not(.touch) .product-book:hover {
    z-index: 10;
}

body:not(.touch)  .product-book:hover .product-book__actions,
body.touch .product-book__actions{
    display: block;
}

body.touch .product-book__action {

    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 10px;
}

body:not(.touch)  .product-book:hover .product-book__dialog,
body.touch .product-book__dialog{
    display: block;
}

@media (max-width: 1279px) and (min-width: 1025px){
    .content-cols--sidebar .product-book,
    .searchpro__page-content .product-book{
        padding: 20px;
    }

    .content-cols--sidebar .product-book__left,
    .searchpro__page-content .product-book__left{
        margin-right: 20px;
        width: calc(var(--product-book-image-block-width) - 20px);
    }

    .content-cols--sidebar .product-book__name,
    .searchpro__page-content .product-book__name{
        font-size: 15px;
    }
}

@media (max-width: 1149px) and (min-width: 1025px){
    .content-cols--sidebar .product-book,
    .searchpro__page-content .product-book{
        padding: 15px;
    }

    .content-cols--sidebar .product-book__name,
    .searchpro__page-content .product-book__name{
        font-size: 14px;
    }

    .content-cols--sidebar .product-book__rating .product-rating__reviews,
    .searchpro__page-content .product-book__rating .product-rating__reviews{
        display: none;
    }
}

@media (max-width: 1024px) and (min-width: 700px), (max-width: 499px) {
    .product-book{
        padding: 20px;
    }
}

@media (max-width: 949px) and (min-width: 700px), (max-width: 419px){
    .product-book{
        padding: 15px;
    }

    .product-book__left{
        margin-right: 20px;
        width: calc(var(--product-book-image-block-width) - 20px);
    }

    .product-book__name{
        font-size: 14px;
    }

    .product-book__rating .product-rating__reviews{
        display: none;
    }
}

@media (max-width: 699px){
    .product-book__outer,
    .promo-book__outer{
        flex: 0 0 100%;
        width: 100%;
    }

    body.touch .product-book__action,
    .product-book__action {
        display: inline-block;
        margin: 0 5px 0 0;
    }
}

@media (max-width: 500px){
    .product-book__actions{
        position: static;
        text-align: center;
    }

    body.touch .product-book__action,
    .product-book__action{
        margin: 0 2.5px;
    }
}

@media (max-width: 410px){
    body.touch .product-book__action,
    .product-book__action{
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 7px;
    }
}

@media(max-width: 359px){
    .product-book{
        padding: 10px;
    }

    .product-book__left{
        margin-right: 10px;
        width: calc(var(--product-book-image-block-width) - 10px);
    }

    .product-book__badges{
        top: 0;
        left: 0;
    }

    .product-book__badges .badge{
        height: 20px;
        line-height: 18px;
    }

    .product-book__badges .product-discount{
        height: 20px;
        line-height: 18px;
    }
}

/* product detail */
.product-nav{
    padding: 0;
    margin: 0 0 30px;
}

.product-nav li {
    padding-right: 20px;
    display: inline-block;
}

.product-nav .selected a {
    font-weight: 500;
    text-decoration: none;
}

.purchase {
    margin-bottom: 20px;
    padding: 0;
}

.aux {
    font-size: 13px;
}

.product-head{
    margin: 0 0 30px;
    line-height: 38px;
    display: flex;
}

.product-head h1{
    display: inline;
    vertical-align: middle;
    flex: 1 1 auto;
    margin-bottom: 0;
}

.product-head__actions{
    flex: 0 1 auto;
    white-space: nowrap;
    margin: 0 0 0 25px;
}

.product-head__compare,
.product-head__favorite{
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.product-head__actions .product-head__rating {
    margin: 0 20px 0 0;
    vertical-align: middle;
}

.dark-theme .product-head__rating{
    border: 1px solid rgba(255,255,255,0.1);
}

.product-head__rating[data-tab-content]{
    cursor: pointer;
}

.product-head__rating:last-child,
.product-head__compare:last-child,
.product-head__favorite:last-child{
    margin-right: 0;
}

@media (max-width: 850px){
    .product-head {
        display: block;
    }

    .product-head h1{
        margin: 0 0 15px;
        display: block;
    }

    .product-head__actions{
        margin: 0;
    }

}

@media (max-width: 700px){
    .product-head{
        margin-bottom: 25px;
        line-height: 32px;
    }
}

.product-main{
    display: grid;
    margin: 0 0 80px;
    grid-template-columns: 40% minmax(0, auto) 300px;
    grid-template-rows: minmax(0, auto);
}

@media (min-width: 1025px){
    .content-cols--sidebar .product-main{
        grid-template-columns: 35% minmax(0, auto) 280px;
    }
}

@media (max-width: 1024px){
    .product-main{
        margin-bottom: 60px;
    }
}

.product-main__gallery-outer{
    position: relative;
}

.product-main__gallery-outer,
.product-main__content{
    margin: 0 30px 0 0;
}

.product-main .product-content{
    grid-column: span 2;
    margin: 80px 5% 0 0;
}

.product-main .product-section:last-child{
    margin-bottom: 0;
}

.product-main.-with-description .product-main__cart-outer{
    grid-row: span 2;
}

.product-main__cart{
    border-radius: 30px;
    box-sizing: border-box;
    box-shadow: 0 5px 30px rgba(0,0,0,0.05);
    padding: 35px;
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .product-main__cart{
        box-shadow: 0 3px 25px rgba(0,0,0,0.06);
    }
}

@media (max-width: 400px){
    .product-main__cart{
        padding: 30px;
    }
}

.product-main__gallery{
    display: flex;
    align-items: start;
}

@media (min-width: 801px){
    .product-main__gallery.-sk-sticky:last-child,
    .product-main__cart.-sk-sticky:last-child{
        position: sticky;
        top: 100px;
    }
}



.product-gallery__outer {
    flex: 1 1 auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    align-self: center;
    position: relative;
    line-height: 400px;
}

.product-video.-sk-hide{
    display: none;
}

.dark-theme .product-main__badges{
    top: 10px;
    left: 10px;
}

.product-main__badges .badge{
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.product-main__badges .product-discount{
    vertical-align: middle;
}

.product-main__actions{
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
}

.product-main__compare,
.product-main__favorite{
    margin: 0 0 0 8px;
}

.product-gallery__item {
    width: 100%;
    align-items: start;
    display: inline-flex;
    text-decoration: none;
    font-size: 0;
    justify-content: center;
    vertical-align: top;
}

.dark-theme .product-gallery__item.-white-wrap{
    padding: 10px;
    background: #FFF;
    border-radius: 25px;
    box-sizing: border-box;
    overflow: hidden;
}


.product-gallery__item img{
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 799px){
    .product-gallery__item{
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 180px;
    }

    .product-gallery__item img{
        max-height: var(--product-gallery-img-height-mobile);
    }
    .product-gallery__outer{
        line-height: unset;
    }
}

.product-gallery__item:hover{
    color: #000
}

.product-gallery__zoom{
    display: inline-block;
    line-height: normal;
}

.product-gallery__zoom.zooming{
    overflow: hidden;
}

.product-gallery__zoom .zoomImg{
    background: #FFF;
}

.product-gallery__title{
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0;
    line-height: 1.2;
    white-space: normal;
}

.product-gallery .owl-dots{
    position: static;
}

.product-gallery img{
    border-radius: var(--border-radius-image-product-gallery);
}

.m-product-gallery-video{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    font-size: 15px;
    background: #f5f5f5;
    z-index: 3;
}

.product-main__badges{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    line-height: normal;
}

.product-main__stock{
    margin: 0 0 25px 0;
    line-height: 20px;
}

.product-main__sku{
    font-size: 15px;
    margin: 0 0 5px;
}

.product-main__cart .product-main__sku{
    margin-bottom: 25px;
}

.product-main__stock .stock-high,
.product-main__stock .stock-low,
.product-main__stock .stock-critical,
.product-main__stock .stock-preorder,
.product-main__stock .stock-none {
    font-size: inherit;
}

.stocks__item{
    display: block;
    margin: 0 0 8px;
}

.stocks__item.hide{
    display: none;
}

.stocks__item:last-child{
    margin: 0;
}

.stocks__item-title{
    color: #888888;
    margin: 0 5px 0 0;
}

.product-skus-radio{
    margin: 0 0 30px;
}

.product-popup-options .product-skus-radio{
    margin-top: 0;
}

.product-skus-radio__title{
    font-size: 16px;
    margin: 0 0 10px;
}

.product-popup-options .product-skus-radio__title{
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.product-skus-radio__list,
.product-skus-radio__item{
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-skus-radio__item.hide{
    display: none;
}

.product-skus-radio__item{
    margin: 0 0 5px;
}

.product-skus-radio__item label.disabled{
    opacity: 0.5;
}

.product-main__base-prices{
    margin: 0 0 10px;
}

.product-main__units *,
.product-main__price-base *{
    font-size: 13px;
}

.product_main__total{
    margin: 20px 0 0;
    display: flex;
    align-items: baseline;
}

.product_main__total-title {
    margin: 0 10px 0 0;
}

.product_main__total-price {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.product_main__total-base-unit{
    margin: 0 0 0 10px;
    flex: 1 1 auto;
    text-align: right;
    color: #6a6a6a;
}

.dark-theme .product_main__total-base-unit{
    color: rgba(255, 255, 255, 0.4);
}

.product-card__bonus{
    margin: 10px 0 0;
    display: block;
}

.product-card__bonus.sk-hide{
    display: none;
}

.product-card__bonus .product-bonus{
    font-size: 14px;
    background: none;
}

.product-card__bonus .product-bonus__icon{
    margin: -3px 3px 0;
}

.product-popup__content-cart .product-bonus{
    text-align: left;
    background: none;
    padding: 0;
}

.skus__name,
.skus__sku{
    margin: 0 10px 0 0;
    font-size: 14px;
}

.skus__price{
    font-size: 13px;
    display: inline-block;
}

.product-main__prices{
    padding: 0 0 15px 0;
    box-sizing: border-box;
    line-height: 1.4;
}

.product-main__zero-prices.display-none,
.product-main__base-prices.display-none,
.product-main__stock-prices.display-none{
    display: none;
}

.product-main__price-compare{
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 3px;
}

.product-main__prices .product-price-compare .price-wrapper,
.product-main__prices .product-price-compare .price{
    font-size: 14px;
}

.product-main__prices .product-price .currency,
.product-main__prices .product-price .price {
    font-size: 24px;
}

.product-main__prices .product-price .unit {
    font-size: 14px;
}

.product-main__price{
    margin: 0 10px 0 0;
}

.product-main__price .price-wrapper .price{
    padding-right: 4px;
}

.product-main__zero-prices{
    font-size: 18px;
    font-weight: bold;
}

.product-main__btns{
    display: flex;
    margin: 0 -5px;
    flex-direction: column;
}

.product-main__add2cart{
    margin:  5px;
}

.product-main__fastorder{
    margin: 5px;
    box-sizing: border-box;
    display: block;
}

.product-main__quantity{
    max-width: none !important;
    margin: 5px;
}

.product-main__button-added{
    margin:  5px;
}

.product-main__fastorder .button-fastorder__sk-oneclick{
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    line-height: 1.1;
    border-radius: 12px;
    white-space: normal;
    box-sizing: border-box;
}

.product-main__add2cart{
    box-sizing: border-box;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 12px;
    white-space: normal;
    line-height: 16px;
}

.product-main__button-added{
    height: 50px;
    border-radius: 12px;
    padding: 10px 8px;
}

.product-popup.-sk-hide{
    display: none;
}

.product-popup .product-main__description,
.product-popup .product-main__features,
.product-popup .product-services{
    font-size: 13px;
    margin: 0 0 20px;
}

@media (max-width: 1199px) and (min-width: 1025px){
    .content-cols--sidebar .product-main {
        grid-template-columns: minmax(0, auto) 40%;
        grid-template-rows: minmax(0, auto) minmax(0, auto);
    }

    .content-cols--sidebar .product-main__gallery-outer{
        grid-row: span 2;
    }

    .content-cols--sidebar .product-main__cart-outer {
        grid-row: unset;
    }

}

@media (max-width: 1200px){
    .product-main .product-description-features{
        flex-direction: column;
    }

    .product-main .product-description.-sk-col{
        padding: 0 0 80px;
    }
}

@media (max-width: 1249px) and (min-width: 1025px){
    .product-main {
        grid-template-columns: 40% minmax(0, auto) 280px;
    }
}

@media (max-width: 1149px){
    .product-main__description,
    .product-main__features,
    .product-services{
        font-size: 13px;
    }
}

@media (max-width: 1024px) and (min-width: 800px){
    .product-main {
        grid-template-columns: minmax(0, auto) 40%;
        grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto);
    }

    .product-main .product-content{
        margin-right: 0;
    }

    .product-main__gallery-outer{
        grid-row: span 3;
    }

    .product-main__content {
        margin: 0 0 30px 0;
    }
}

@media (max-width: 799px){
    .product-main {
        grid-template-columns: 50% 50%;
        grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto);
    }

    .product-main.-sk-mobile{
        display: flex;
        flex-direction: column;
    }

    .product-main.-sk-mobile .product-main__gallery-outer,
    .product-main.-sk-mobile .product-popup__content-cart{
        flex: 0 0 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .product-main__gallery-outer{
        grid-row: unset;
        grid-column: span 2;
        margin: 0 0 30px;
    }

    .product-main__cart-outer{
        margin: 0;
    }
}

@media (max-width: 599px){
    .product-main{
        display: flex;
        flex-direction: column;
    }

    .product-main__gallery-outer{
        order: 1;
        padding: 20px ;
        margin: 0;
    }

    .product-main__content{
        order: 5;
    }

    .product-main__cart-outer{
        order: 10;
    }

    .product-main .product-content{
        order: 15;
    }

    .product-main__description,
    .product-main__features{
        display: none;
    }

    .product-main.-sk-mobile .product-main__gallery-outer{
        border: 1px solid #ebebeb;
        border-bottom: none;
        border-radius: 35px 35px 0 0;
    }

    .product-page .product-main.-sk-mobile .product-main__gallery-outer{
        padding-bottom: 40px;
        margin-bottom: -20px;
    }

    .dark-theme .product-main.-sk-mobile .product-main__gallery-outer{
        border-color: var(--border-elements-color);
    }
}

.product-main__sku-dropdown{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 20px;
}

.sku-dropdown{
    margin: 0 10px 20px;
    position: relative;
    z-index: 3;
    flex: 1 1 100%;
    box-sizing: border-box;
    display: flex;
}

@media (min-width: 1250px){
    .product-page .content-cols:not(.content-cols--sidebar) .sku-dropdown{
        flex: 1 1 calc(50% - 20px);
    }
}

@media (min-width: 1000px){
    .product-popup:not(.-select-options) .sku-dropdown{
        flex: 1 1 calc(50% - 20px);
    }
}

.sku-dropdown.-sk-open{
    z-index: 4;
}


.sku-dropdown__head{
    display: block;
    background: #f3f3f3;
    border-radius: 10px;
    padding: 15px 50px 15px 28px;
    position: relative;
    cursor: pointer;
    flex: 1 1 100%;
}

.dark-theme .sku-dropdown__head{
    background: var(--wrap-bg-color);
    border: 1px solid rgba(255,255,255,0.1)
}

.sku-dropdown__title{
    font-size: 13px;
    color: #888888;
    margin: 0 0 5px;
    line-height: 1;
}

.sku-dropdown__caret{
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    height: 10px;
    margin: auto;
    line-height: 10px;
    transition: .2s;
}

.sku-dropdown.-sk-open .sku-dropdown__caret {
    transform: rotate(180deg);
}

.sku-dropdown__items{
    position: absolute;
    top: 100%;
    margin: 10px 0 0;
    width: 100%;
    left: 0;
    right: 0;
    background: var(--popup-bg-color);
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    border-radius: 13px;
    padding: 10px 0;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

.dark-theme .product-popup .sku-dropdown__items{
    background: #424242;
}


.sku-dropdown__items::-webkit-scrollbar-track {
    background-color: #ececec
}

.sku-dropdown__items::-webkit-scrollbar {
    width: 5px;
    background-color: #b7b7b7
}

.sku-dropdown__items::-webkit-scrollbar-thumb {
    background-color: #b7b7b7
}

.sku-dropdown__item{
    display: block;
    text-decoration: none;
    padding: 7px 28px;
    position: relative;
    cursor: pointer;
}

.sku-dropdown__item:not(.disabled):hover{
    background: #f6f6f6;
}

.sku-dropdown__item.selected{
    background: #f8f7f7;
    padding-right: 30px;
}

.dark-theme .sku-dropdown__item:not(.disabled):hover,
.dark-theme .sku-dropdown__item.selected{
    background: rgba(255,255,255,0.05);
}

.sku-dropdown__item.selected:before{
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    height: 13px;
    line-height: 13px;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: var(--bs-color);
}

.sku-dropdown__item.disabled{
    opacity: 0.5;
    cursor: default;
}

.sku-dropdown__item.-not-available .sku-dropdown__item-title{
    opacity: 0.6;
    position: relative;
}

.sku-dropdown__item.-not-available .sku-dropdown__item-title:before{
    content: "";
    border-bottom: 1px solid #8e8e8e;
    position: absolute;
    height: 0;
    top: 50%;
    left: -7px;
    right: -7px;
    transform: rotate(5deg);
}

@media (max-width: 499px){
    .product-main__sku-dropdown{
        margin-left: -8px;
        margin-right: -8px;
    }

    .sku-dropdown{
        margin-left: 8px;
        margin-right: 8px;
    }

    .sku-dropdown__head{
        padding: 10px 25px 10px 15px;
    }

    .sku-dropdown__caret{
        right: 15px;
    }

    .sku-dropdown__item{
        padding-left: 15px;
        padding-right: 15px;
    }

    .sku-dropdown__item.selected:before{
        right: 15px;
    }
}

@media (max-width: 359px){
    .sku-dropdown{
        flex: 1 1 100%;
    }
}

.option-buttons__head{
    font-size: 13px;
    color: #9b9b9b;
    margin: 0 0 10px;
}

.option-buttons{
    padding: 0 0 20px;
    box-sizing: border-box;
    z-index: 3;
    position: relative;
    flex: 1 0 100%;
    max-width: 100%;
}

.option-buttons__list{
    position: relative;
    padding: 10px;
    margin: -10px;
}

.option-buttons__item{
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    position: relative;
    text-decoration: none;
    padding: 12px;
    line-height: 16px;
    font-size: 15px;
    border-radius: 10px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    vertical-align: middle;
}

.option-buttons__item.-not-available{
    opacity: 1;
}

.option-buttons__item.-not-available:before{
    content: "";
    border-bottom: 1px solid #8e8e8e;
    position: absolute;
    height: 0;
    top: 50%;
    left: 5px;
    right: 5px;
    transform: rotate(12deg);
}

.option-buttons__item.-color.-not-available:before{
    left: -5px;
    right: -5px;
    transform: rotate(30deg);
}

.option-buttons__item.-color{
    padding: 0;
    width: 40px;
    height: 40px;
    position: relative;
}

.option-buttons__item.-color.selected .option-buttons__item-color-checkbox:before{
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    z-index: 1;
    content: "\f00c";
    font-size: 14px;
    font-weight: normal;
    color: inherit;
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    line-height: 12px;
}

.option-buttons__item.-color[data-title]:hover:after{
    background: #444444;
    content: attr(data-title);
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1.2;
    color: #FFF;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
    width: 100px;
    margin: 5px 0 0 -50px;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
}

.dark-theme .option-buttons__item{
    background: rgba(255,255,255,0.1);
}

.option-buttons__item:hover{
    box-shadow: 0 3px 7px rgba(0,0,0,0.07);
}

@media (max-width: 1024px){
    .option-buttons__item{
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }

    .option-buttons__item:hover{
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
}

.option-buttons__list.-sk-close .option-buttons__item.-sk-spoiler{
    display: none;
}

.option-buttons__item.-sk-else,
.dark-theme .option-buttons__item.-sk-else{
    font-weight: bold;
    box-shadow: none;
    background: none;
}

.option-buttons__item.-sk-else:before{
    content: "\f068";
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    font-size: 11px;
    margin: 0 5px 0 0;
}

.option-buttons__list.-sk-close .option-buttons__item.-sk-else:before{
    content: "\f067";
}


.option-buttons__color-icon{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 5px 2px 0;
    border-radius: 3px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.05);
}

.option-buttons__item.selected:not(.-color){
    background: var(--product-options-color-bg);
    color: var(--product-options-color-font);
    box-shadow: var(--product-options-shadow);
}

.dark-theme .option-buttons__item.selected:not(.-color):hover{
    color: var(--product-options-color-font);
}

.option-buttons__item:not(.selected) .option-buttons__color-icon[style*="background-color:#FFFFFF"] {
    border-color: #ececec;
}

.option-buttons__item .option-buttons__color-icon[style*="background-color:#FFFFFF"],
.option-buttons__item.selected .option-buttons__color-icon{
    width: 12px;
    height: 12px;
    border-width: 1px;
    border-style: solid;
}

.option-buttons__item.selected .option-buttons__color-icon{
    background: none !important;
    box-shadow: none;
    position: relative;
    color: inherit !important;
}

.option-buttons__item.selected .option-buttons__color-icon:after{
    font-size: 9px;
    content: "\f00c";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
}

@media (max-width: 1149px) and (min-width: 1025px) {
    .content-cols--sidebar .option-buttons__item{
        padding: 10px;
    }
}

@media (max-width: 900px){
    .option-buttons__item{
        padding: 10px;
    }
}

.product-services{
    margin: 0 0 30px;
}

.product-services__item{
    margin: 0 0 10px;
}

.product-services__variants{
    height: 25px;
    line-height: 25px;
    padding: 0 3px;
    border-radius: 5px;
}

.product-main__description:not(:last-child),
.product-main__features:not(:last-child){
    margin: 0 0 30px;
}



.product-main__more{
    margin: 10px 0 0;
}

.product-popup{
    width: 100%;
    margin: 10px auto;
    position: relative;
    box-sizing: border-box;
    font-size: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    max-width: 1100px;
    border-radius: 32px;
    background: var(--popup-bg-color);
}

.product-popup button.mfp-close,
.product-popup button.mfp-close:active{
    top: 15px;
    right: 15px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 8px;
}

@media (max-width: 799px){
    .product-popup button.mfp-close,
    .product-popup button.mfp-close:active{
        top: 35px;
        right: 35px;
    }

    .product-popup .product-main__actions{
        right: 43px;
    }
}

@media (max-width: 850px) and (min-width: 800px), (max-width: 449px){
    .product-popup button.mfp-close,
    .product-popup button.mfp-close:active{
        top: 20px;
        right: 20px;
    }
}

.product-popup .product-main{
    box-shadow: none;
    margin: 0;
    display: flex;
}

.product-popup .product-main__gallery-outer{
    padding: 50px 35px 120px 50px;
    flex: 0 0 50%;
    position: relative;
    border: none;
    margin: 0;
    box-sizing: border-box;
    width: 50%;
}

.product-popup .product-gallery__outer img {
    max-height: 400px;
}

.product-popup .product-popup__content-cart{
    border-radius: 30px;
    box-sizing: border-box;
    box-shadow: 0 5px 30px rgba(0,0,0,0.05);
    flex: 0 0 50%;
    width: 50%;
    flex-direction: column;
    padding: 50px;
    display: flex;
    order: 5;
}

.dark-theme .product-popup .product-popup__content-cart{
    background: #282828;
}

.product-popup .product-main__cart-outer {
    order: 1;
    width: 100%;
    margin: 0;
    flex: 0 1 auto;
}

.product-popup .product-main__cart{
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    margin: 0 0 20px;
    position: static;
    background: none;
}

.product-popup .product-main__sku-dropdown{
    margin-bottom: 10px;
}

.product-popup .product-main__content {
    order: 5;
    width: 100%;
    flex: 1 0 auto;
}

.product-popup .sku-dropdown__items{
    max-height: 150px;
}

.product-main__content.-sk-scroll{
    max-height: 350px;
    position: relative;
    max-width: 100%;
}

.product-main__content.-sk-scroll .option-buttons__list{
    padding: 3px;
    margin: -3px 0;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.product-main__content.scroll-content{
    padding: 0 30px 0 15px;
    margin:  0 0 0 -15px;
}



.product-main__content.scroll-wrapper > .scroll-element .scroll-bar{
    background-color: #d1d1d1;
    box-shadow: none;
}

.dark-theme .product-main__content.scroll-wrapper > .scroll-element .scroll-bar{
    background-color: var(--bs-color);
}

.product-main__content.scroll-wrapper > .scroll-element.scroll-x{
    display: none;
}

.product-popup .product-main__add2cart,
.product-popup .product-main__fastorder,
.product-popup .product-main__quantity,
.product-popup .product-main__button-added{
    width: calc(100% - 10px);
}

@media (min-width: 900px), (max-width: 650px) and (min-width: 450px){
    .product-popup .product-main__btns{
        flex-direction: row;
    }

    .product-popup .product-main__add2cart,
    .product-popup .product-main__fastorder,
    .product-popup .product-main__quantity,
    .product-popup .product-main__button-added{
        width: calc(50% - 10px);
    }
}

.product-popup__head h1{
    font-size: 24px;
    line-height: 1.3;
    display: inline;
    margin: 0;
}

.product-popup__head{
    margin: 0 0 35px 0;
}


.product-popup__rating{
    margin: 3px 15px 0 0;
    vertical-align: top;
}

.product-popup__bottom{
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 50px;
    display: flex;
}

.product-popup__more{
    flex: 1 1 auto;
}

.product-popup__favorite,
.product-popup__compare{
    margin: 0 0 0 10px;
    flex: 0 0 auto;
}

@media (max-width: 799px) and (min-width: 650px), (max-width: 399px){
    .product-popup .product-popup__content-cart{
        padding: 35px;
    }

    .product-popup  .product-main__gallery-outer{
        padding: 35px 35px 90px;
    }

    .product-popup__bottom{
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .product-popup button.mfp-close,
    .product-popup button.mfp-close:active {
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 649px){
    .product-popup .product-main{
        flex-direction: column;
    }

    .product-popup .product-popup__content-cart{
        width: 100%;
    }

    .product-popup .product-main__gallery-outer{
        width: 100%;
        border: none !important;
    }
}

@media (max-width: 450px){
    .product-popup .product-gallery__outer img {
        max-height: 250px;
    }
}

@media (max-width: 359px){
    .product-popup .product-main__gallery-outer{
        padding: 35px 20px 90px;
    }

    .product-popup .product-popup__content-cart{
        padding: 25px;
    }

    .product-popup__bottom{
        left: 20px;
        right: 20px;
    }

    .product-popup__more{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .product-popup__more .sk-icon{
        display: none;
    }


}

/* popup select option */

.product-popup.-select-options{
    max-width: 400px;
}

.product-popup.-select-options .product-main{
    padding: 40px;
    margin: 0;
    display: block;
}

.product-popup.-select-options .product-main__prices-add2cart{
    display: flex;
    margin: 30px 0 0;
    flex-wrap: wrap;
}

.product-popup.-select-options .product-main__prices{
    padding-bottom: 0;
    flex: 0 0 50%;
    margin: 5px 10px 5px 0;
    align-items: center;
    display: flex;
}

.product-popup.-select-options .product-main__btns{
    flex: 1 1 50%;
}

.product-popup.-select-options .product-main__add2cart{
    width: 100%;
}

/* promo stretch */
.promo-stretch{
    display: flex;
    border-radius: 20px;
    padding: 15px 15%;
    text-decoration: none;
    align-items: center;
    box-sizing: border-box;
    margin: 0 0 90px;
    position: relative;
    z-index: 5;
    justify-content: center;
}

.promo-stretch.-sk-white{
    border: 1px solid #ececec;
}

@media (min-width: 801px){
    .products-list__offers + .promo-stretch{
        margin-top: -50px;
    }
}

@media (max-width: 1024px){
    .promo-stretch{
        margin-bottom: 60px;
    }
}

.promo-stretch:last-child{
    margin-bottom: 0;
}

.promo-stretch__countdown{
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1;
}

.promo-stretch__image{
    margin: 0 5% 0 0;
    max-width: 150px;
    text-align: right;
    flex: 1 1 auto;
}

.promo-stretch__image.-sk-outside{
    margin-bottom: -55px;
}

.promo-stretch__image img{
    max-height: 185px;
}

.promo-stretch__content{
    flex: 1 1 auto;
}

.promo-stretch__title{
    font-size: 32px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 10px;
}

@media (max-width: 800px){
    .promo-stretch__title{
        font-size: 28px;
        line-height: 30px;
    }

    .promo-stretch__countdown{
        padding: 5px;
    }
}

@media (max-width: 600px){
    .promo-stretch{
        padding: 15px 10%;
    }

    .promo-stretch__title{
        font-size: 24px;
        line-height: 26px;
    }

    .promo-stretch__countdown{
        top: -1px;
        left: 0;
    }


    .promo-stretch__image{
        max-width: 100px;
    }
}

@media (max-width: 450px){
    .promo-stretch{
        padding: 20px 5% 20px 5%;
    }

    .promo-stretch__title{
        font-size: 18px;
        line-height: 20px;
    }

    .promo-stretch__body{
        line-height: 16px;
    }

    .promo-stretch__title{
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
}

@media (max-width: 360px){
    .promo-stretch__content{
        line-height: 1.2;
        font-size: 12px;
    }

}

/* services shop */

.services-shop__outer{
    overflow: hidden;
    margin: 0 0 50px;
}

@media (max-width: 1024px){
    .services-shop__outer{
        margin-bottom: 45px;
    }
}

.services-shop{
    display: flex;
    margin: 0 -30px 0 0;
    flex-wrap: wrap;
}

.services-shop__item{
    margin: 0 30px 30px 0;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #f3f3f3;
    display: flex;
    text-decoration: none;
    padding: 10px;
}

.dark-theme .services-shop__item{
    border-color: var(--wrap-bg-color);
}

.services-shop__item.with-icon{
    padding: 0;
}

.services-shop__icon{
    width: 75px;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 22px;
    flex: 0 0 75px;
    min-height: 75px;
    margin: 0 5px 0 0;
}

.dark-theme .services-shop__icon{
    background: var(--wrap-bg-color);
}

.services-shop__content{
    padding: 5px 15px;
    box-sizing: border-box;
    flex: 0 0 calc(100% - 75px);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.services-shop__title{
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 5px;
}

.dark-theme .services-shop__title{
    font-weight: 500;
}

.services-shop__text{
    font-size: 12px;
    color: #a1a1a1;
    line-height: 15px;
}


@media (min-width: 1025px) and  (min-width: 1341px){
    .services-shop__item{
        flex: 0 0 calc(25% - 30px);
    }

    .services-shop.-c3 .services-shop__item,
    .content-cols--sidebar .services-shop__item{
        flex: 0 0 calc(33.33% - 30px);
    }

    .services-shop.-c2 .services-shop__item{
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 1340px) and (min-width: 1025px){
    .services-shop__item{
        flex: 0 0 calc(33.33% - 30px);
    }

    .services-shop.-c3 .services-shop__item,
    .content-cols--sidebar .services-shop__item{
        flex: 0 0 calc(50% - 30px);
    }

    .services-shop.-c2 .services-shop__item{
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 1024px){
    .services-shop__item{
        flex: 0 0 calc(33.33% - 30px);
    }

    .services-shop.-c2 .services-shop__item{
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 950px){
    .services-shop__item{
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 600px){
    .services-shop__item{
        flex: 0 0 calc(100% - 30px) !important;
        margin-bottom: 15px;
    }
}

/* promo list horizontal */

.promos-list-h__outer{
    position: relative;
    margin: -12px;
}

.promos-list-h__outer.-carousel{
    margin-right: 0;
}

.promos-list-h{
    display: flex;
    flex-wrap: wrap;
}

.promos-list-h.promos-carousel {
    flex-wrap: nowrap;
    width: 100%;
}

.promos-list-h__inner{
    overflow: hidden;
    padding: 0 0 10px;
    margin: 0 0 60px;
}

.promos-list-h__outer:not(.-carousel) .promos-list-h__inner{
    width: 100%;
}

.promos-list-h__outer .owl-stage-outer{
    overflow: visible;
}

@media (max-width: 800px){
    .promos-list-h__outer.-carousel .promos-list-h__inner{
        margin-right: -15px;
    }
}

@media (max-width: 359px){
    .promos-list-h{
        margin-right: -10px;
    }

    .promos-list-h__inner{
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
    }

    .promos-list-h__outer.-carousel .promos-list-h__inner{
        margin-right: -10px;
    }
}

@media (max-width: 1024px){
    .promos-list-h__inner{
        margin-bottom: 40px;
    }
}

@media (max-width: 600px){
    .promos-list-h__inner{
        margin-bottom: 35px;
    }
}

.promos-list-h__outer .owl-stage{
    display: flex;
}

.promos-list-h__direction .owl-prev,
.promos-list-h__direction .owl-next{
    position: absolute;
    top: 50%;
    z-index: 3;
    margin-top: -20px;
}

.promos-list-h__direction .owl-prev{
    left: -10px;
}

.promos-list-h__direction .owl-next{
    right: -20px;
}

@media (max-width: 1500px){
    .promos-list-h__direction .owl-prev{
        left: 0;
    }

    .promos-list-h__direction .owl-next{
        right: -10px;
    }
}

@media (max-width: 1024px){
    .promos-list-h__direction .owl-prev,
    .promos-list-h__direction .owl-next{
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
    }
}

@media (max-width: 800px){
    .promos-list-h__direction .owl-next{
        right: 10px;
    }

    .promos-list-h__direction .owl-prev {
        left: 15px;
    }

    .promos-carousel .promos-list-h__inner{
        margin-right: -15px;
    }
}

@media (max-width: 359px){
    .promos-list-h__inner{
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        margin-right: -10px;
    }
}



.promos-list-h__item{
    position: relative;
    text-decoration: none;
    font-size: 0;
    display: block;
}

.promos-list-h__img img,
.owl-carousel .owl-item .promos-list-h__img img{
    border-radius: 25px;
    width: 100%;
}

.promos-list-h__img img[src*="/lazy-image.png"]{
    width: auto !important;
}

.promos-list-h__item.-with-content .promos-list-h__img img,
.promos-list-h__item.-with-content .owl-carousel .owl-item .promos-list-h__img img{
    border-radius: 25px 0 0 25px;
    width: 65%;
}

.promos-list-h__countdown{
    position: absolute;
    top: 15px;
    left: 15px;
}

.promos-list-h__content{
    position: absolute;
    border-radius: 25px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: auto;
    background: var(--wrap-bg-color);
    box-sizing: border-box;
    padding: 30px 40px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    font-size: 15px;
    width: 40%;
}

.owl-item:not(.active) .promos-list-h__content{
    box-shadow: none;
}




.promos-list-h__title{
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 15px;
}

.promos-list-h__body{
    font-size: 13px;
    color: #a9a9a9;
    line-height: 19px;
    display: flex;
    align-items: center;
}

.promos-list-h__btn{
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0 0 0 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 12px;
}

.promos-list-h__text{
    flex: 1 1 auto;
}

.promos-list-h__item-outer{
    flex: 0 0 50%;
    padding: 12px;
    box-sizing: border-box;
}

.promos-list-h__outer.-carousel .promos-list-h__item-outer{
    flex: 0 0 47.5%;
}

.promos-list-h__outer .owl-dots{
    position: static;
}

@media(min-width: 1025px){
    .content-cols--sidebar .promos-list-h__content{
        padding: 20px 30px;
    }
}


@media (max-width: 1400px) and (min-width: 1201px){
    .content-cols--sidebar .promos-list-h__title{
        font-size: 16px;
        line-height: 18px;
    }

    .content-cols--sidebar .promos-list-h__content {
        padding: 15px 20px;
    }
}

@media (max-width: 1300px) and (min-width: 1201px){
    .content-cols--sidebar .promos-list-h__content{
        width: 45%;
    }
}

@media (max-width: 1200px) and (min-width: 1025px){
    .content-cols--sidebar .promos-list-h__item-outer{
        flex: 0 0 100%;
    }

    .content-cols--sidebar .promos-list-h__outer.-carousel .promos-list-h__item-outer{
        flex: 0 0 80%;
    }

    .promos-list-h__title{
        font-size: 16px;
        line-height: 18px;
    }

    .promos-list-h__content {
        padding: 15px 20px;
    }

    .promos-list-h__content{
        width: 45%;
    }
}

@media (max-width: 1100px) and (min-width: 1025px){
    .content-cols--sidebar .promos-list-h__outer.-carousel .promos-list-h__item-outer{
        flex: 0 0 86%;
    }
}

@media (max-width: 1024px){
    .promos-list-h__item-outer{
        flex: 0 0 100%;
    }

    .promos-list-h__outer.-carousel .promos-list-h__item-outer{
        flex: 0 0 75%;
    }
}

@media (max-width: 900px){
    .promos-list-h__outer.-carousel .promos-list-h__item-outer{
        flex: 0 0 79%;
    }
}

@media (max-width: 800px){
    .promos-list-h__outer.-carousel .promos-list-h__item-outer{
        flex: 0 0 88%;
    }
}

@media (max-width: 650px) and (min-width: 551px){
    .promos-list-h__title{
        font-size: 16px;
        line-height: 18px;
    }

    .promos-list-h__content {
        padding: 15px 20px;
    }
}

@media (max-width: 550px){
    .promos-list-h__item-outer,
    .promos-list-h .owl-item{
        display: flex;
        flex-direction: column;
    }

    .promos-list-h__item{
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    .promos-list-h__item.-with-content .promos-list-h__img img,
    .promos-list-h__item.-with-content .owl-carousel .owl-item .promos-list-h__img img{
        width: 100%;
        border-radius: 25px 25px 0 0;
    }

    .promos-list-h__content{
        width: 100%;
        position: relative;
        z-index: 2;
        margin-top: -25px;
        padding: 30px;
        flex: 1 1 auto;
    }

    .promos-list-h__direction{
        display: none;
    }

    .promos-list-h__title{
        margin: 0 0 20px;
    }
}

@media (max-width: 359px){
    .promos-list-h__content{
        padding: 15px 20px;
    }

    .promos-list-h__title{
        font-size: 16px;
    }
}

.owl-item .promos-list-v__item-outer{
    flex: 1 1 auto !important;
}

/* promo list vertical */
.promos-list-v__outer{
    position: relative;
    margin: -12px;
}

.promos-list-v__outer.-carousel{
    margin-right: 0;
}

.promos-list-v{
    display: flex;
    flex-wrap: wrap;
}

.promos-list-v.promos-carousel {
    flex-wrap: nowrap;
    width: 100%;
}

.promos-list-v__inner{
    overflow: hidden;
    padding: 0 0 10px;
    margin: 0 0 50px;
}

.promos-list-v__outer:not(.-carousel) .promos-list-v__inner{
    width: 100%;
}

.promos-list-v__outer .owl-stage-outer{
    overflow: visible;
}


@media (max-width: 800px){
    .promos-list-v__outer.-carousel .promos-list-v__inner{
        margin-right: -15px;
    }
}

@media (max-width: 359px){
    .promos-list-v__outer.-carousel .promos-list-v__inner{
        margin-right: -10px;
    }
}

@media (max-width: 700px){
    .promos-list-v__inner{
        margin-bottom: 50px;
    }
}

@media (max-width: 400px){
    .promos-list-v__inner{
        margin-bottom: 40px;
    }
}

.promos-list-v__outer .owl-stage{
    display: flex;
}

.promos-list-v__direction .owl-prev,
.promos-list-v__direction .owl-next{
    position: absolute;
    top: 50%;
    z-index: 3;
    margin-top: -20px;
}

.promos-list-v__direction .owl-prev{
    left: -10px;
}

.promos-list-v__direction .owl-next{
    right: -20px;
}

@media (max-width: 1500px){
    .promos-list-v__direction .owl-prev{
        left: 0;
    }

    .promos-list-v__direction .owl-next{
        right: -10px;
    }
}

@media (max-width: 1024px){
    .promos-list-v__direction .owl-prev,
    .promos-list-v__direction .owl-next{
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
    }
}

@media (max-width: 800px){
    .promos-list-v__direction .owl-next{
        right: 10px;
    }

    .promos-carousel .promos-list-v__inner{
        margin-right: -15px;
    }
}

.promos-list-v__item{
    position: relative;
    text-decoration: none;
    font-size: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.promos-list-v__img img,
.owl-carousel .owl-item .promos-list-v__img img{
    border-radius: 25px;
    width: 100%;
}

.promos-list-v__img img[src*="/lazy-image.png"]{
    width: auto !important;
}

.promos-list-v__item.-with-content .promos-list-v__img img,
.promos-list-v__item.-with-content .owl-carousel .owl-item .promos-list-v__img img{
    border-radius: 25px 25px 0 0;
}

.promos-list-v__countdown{
    position: absolute;
    top: 15px;
    left: 15px;
}

.promos-list-v__content{
    border-radius: 25px;
    background: var(--wrap-bg-color);
    box-sizing: border-box;
    padding: 25px 30px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    font-size: 15px;
    margin: -25px 0 0;
    position: relative;
    flex: 1 1 auto;
}

.owl-item:not(.active) .promos-list-v__content{
    box-shadow: none;
}

.promos-list-v__title{
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 10px;
}

.promos-list-v__body{
    font-size: 14px;
    color: #a9a9a9;
    line-height: 19px;
    display: flex;
    align-items: center;
}

.promos-list-v__btn{
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0 0 0 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 12px;
}

.promos-list-v__text{
    flex: 1 1 auto;
}

.promos-list-v__item-outer{
    flex: 0 0 25%;
    padding: 12px;
    box-sizing: border-box;
}

.promos-list-v__outer.-carousel .promos-list-v__item-outer{
    flex: 0 0 23%;
}

.promos-list-v__item-outer,
.promos-list-v .owl-item{
    display: flex;
    flex-direction: column;
}

.promos-list-v__outer .owl-dots{
    position: static;
    margin-top: 5px;
    display: none;
}

@media(min-width: 1025px){
    .content-cols--sidebar .promos-list-v__item-outer{
        flex: 0 0 33.33%;
    }

    .content-cols--sidebar .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 28%;
    }

    .content-cols--sidebar .promos-list-v__content{
        padding: 20px 30px;
    }
}


@media (max-width: 1400px) and (min-width: 1201px){
    .content-cols--sidebar .promos-list-v__title{
        font-size: 16px;
        line-height: 18px;
    }

    .content-cols--sidebar .promos-list-v__content {
        padding: 15px 20px;
    }
}

@media (max-width: 1200px) and (min-width: 1025px){
    .content-cols--sidebar .promos-list-v__item-outer{
        flex: 0 0 50%;
    }

    .content-cols--sidebar .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 40%;
    }

    .promos-list-v__title{
        font-size: 16px;
        line-height: 18px;
    }

    .promos-list-v__content {
        padding: 15px 20px;
    }
}

@media (max-width: 1100px) and (min-width: 1025px){
    .promos-list-v__item-outer{
        flex: 0 0 33.33%;
    }

    .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 28%;
    }

    .content-cols--sidebar .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 45%;
    }
}

@media (max-width: 1024px){
    .promos-list-v__item-outer{
        flex: 0 0 33.33%;
    }

    .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 28%;
    }
}


@media (max-width: 800px){
    .promos-list-v__item-outer{
        flex: 0 0 50%;
    }

    .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 45%;
    }

    .promos-list-v__outer.-carousel .owl-dots{
        display: block;
    }
}

@media (max-width: 550px){
    .promos-list-v__item-outer{
        flex: 0 0 100%;
    }

    .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 80%;
    }

    .promos-list-v__content{
        padding: 30px;
        box-shadow: 0 5px 17px rgba(0,0,0,0.06);
    }

    .promos-list-v__direction{
        display: none;
    }

    .promos-list-v__title{
        margin: 0 0 20px;
    }
}

@media (max-width: 400px){
    .promos-list-v__content{
        padding: 20px 25px;
    }
}

@media (max-width: 359px){
    .promos-list-v__outer.-carousel .promos-list-v__item-outer{
        flex: 0 0 90%;
    }

    .promos-list-v__item-outer{
        padding: 10px;
    }

    .promos-list-v__outer {
        margin: -10px;
    }

    .promos-list-v__title{
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 10px;
    }

    .promos-list-v__btn{
        display: none;
    }
}

/* promo tile */
.promo-tile{
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    padding: 20px;
    justify-content: center;
    text-decoration: none;
}

.promo-tile__img{
    margin: 0 0 20px;
    text-align: center;
}

.promo-tile__img img{
    max-height: 200px;
}

.promo-tile__title{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 5px;
    line-height: 1.2;
}

.promo-tile__btn{
    position: absolute;
    bottom: 20px;
    color: #000;
    right: 20px;
    text-align: center;
    background: #FFF;
    width: 36px;
    line-height: 36px;
    height: 36px;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.07);;
}

.promo-tile__countdown{
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1;
}

/* promo line */

.promos-line{
    display: flex;
    margin: -10px -10px 20px;
    flex-wrap: wrap;
    width: calc(100% + 20px);

}

.promo-line__outer{
    padding: 10px;
    flex: 1 0 50%;
    display: flex;
    box-sizing: border-box;
}

.promo-line{
    flex: 0 0 100%;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    padding: 30px 7%;
    display: flex;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    align-items: center;
    justify-content: end;
}

.promo-line__countdown{
    position: absolute;
    top: 30px;
    left: 30px;
    line-height: 1;
}

.promo-line__img{
    text-align: right;
    padding: 0 5% 0 0;
    flex: 0 0 50%;
    box-sizing: border-box;
    max-width: 300px;
}

.promo-line__img img{
    max-width: 100%;
    max-height: 250px;
}

.promo-line__content{
    flex: 0 0 50%;
    box-sizing: border-box;
}

.promo-line__text{
    margin: 0 30px 0 0;
}

.promo-line__title{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    line-height: 1.2;
}

.promo-line__btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,0.07);
    text-align: center;
}

@media (max-width: 1400px){
    .promo-line__btn{
        bottom: 20px;
        right: 20px;
    }
}

@media (max-width: 1200px) and (min-width: 751px), (max-width: 500px){
    .promo-line__btn{
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
    }
}

@media (max-width: 750px){
    .promo-line__outer{
        flex: 1 0 100%;
    }
}

@media (max-width: 460px){
    .promo-line{
        padding: 30px;
    }

    .promo-line__title{
        font-size: 16px;
        margin: 0 0 5px;
    }

    .promo-line__text{
        font-size: 13px;
        margin: 0;
    }

    .promo-line__btn{
        display: none;
    }
}

/* promo book */
.promo-book{
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    padding: 25px 5%;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    flex: 1 1 auto;
}

.promo-book__img{
    flex: 0 0 55%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    text-align: center;
}

.promo-book__content{
    flex: 0 0 45%;
}

.promo-book__img img{
    max-width: 100%;
    max-height: 200px;
}

.promo-book__title{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    line-height: 1.3;
}

.promo-book__countdown{
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1;
}

.promo-book__btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.promo-book__btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,0.07);
    text-align: center;
}

@media (max-width: 1200px) and (min-width: 751px), (max-width: 500px){
    .promo-book__btn{
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
        bottom: 20px;
        right: 20px;
    }
}

@media (max-width: 700px){
    .promo-book__btn{
        display: none;
    }
}

@media (max-width: 400px){
    .promo-book{
        padding: 20px;
    }

    .promo-book__title{
        font-size: 16px;
        margin: 0 0 5px;
    }

    .promo-book__body{
        font-size: 13px;
    }
}

/* promo mini vertical */
.promo-mini-v{
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    flex: 1 1 auto;
    padding: 15px;
    text-decoration: none;
    align-items: center;
    line-height: 1.3;
    justify-content: center;
    position: relative;
}

.promo-mini-v__img{
    margin: 0 0 10px;
    text-align: center;
}

.promo-mini-v__img img{
    max-height: 150px;
}

.promo-mini-v__title{
    font-weight: bold;
    margin: 0 0 5px;
}

.promo-mini-v__text{
    font-size: 14px;
}

.promo-mini-v__countdown{
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1;
}

.promo-mini-v__countdown .countdown-item__count{
    font-size: 14px;
}

/* promo mini horizontal */
.promo-mini-h{
    padding: 20px;
    border-radius: 20px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    align-items: center;
    text-decoration: none;
    flex: 1 1 100%;
    position: relative;
}

.promo-mini-h__img{
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    text-align: center;
}

.promo-mini-h__content{
    flex: 0 0 50%;
    line-height: 1.3;
}

.promo-mini-h__title{
    font-weight: bold;
    margin: 0 0 5px;
}

.promo-mini-h__body{
    font-size: 14px;
}

.promo-mini-h__countdown{
    position: absolute;
    top: 20px;
    left: 20px;
    line-height: 1;
}

.promo-mini-h__countdown .countdown-item__count{
    font-size: 14px;
}

/* banner large */
.banner-large{
    margin: 0 0 85px;
    border-radius: 35px;
    display: flex;
    text-decoration: none;
    position: relative;
}

.banner-large.-sk-white{
    border: 1px solid #ececec;
}

@media (max-width: 1024px){
    .banner-large{
        margin-bottom: 60px;
    }
}

.banner-large__content{
    flex: 0 1 33.33%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 4% 5%;
    order: 1;
    border-radius: 35px;
}

.banner-large__body{
    flex: 1 1 auto;
    margin: 0 0 20px;
}

.banner-large__title{
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    margin: 0 0 20px;
}

.banner-large__text{
    opacity: .7;
}

.banner-large__image{
    max-width: 70%;
    font-size: 0;
    order: 2;
}

.banner-large__image img{
    border-radius: 35px;
}

.banner-large__countdown{
    position: absolute;
    right: 35px;
    top: 35px;
}

@media (min-width: 1025px){
    .content-cols--sidebar .banner-large__title{
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 1240px){
    .banner-large__title{
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 1100px){
    .banner-large__btn{
        display: none;
    }

    .banner-large__body{
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) and (min-width: 601px){
    .banner-large__content{
        position: absolute;
        bottom: 30px;
        left: 30px;
        border-radius: 15px;
        padding: 15px;
        max-width: 300px;
        box-sizing: border-box;
    }

    .banner-large__image{
        max-width: none;
    }

    .banner-large__title{
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .banner-large__countdown{
        right: 20px;
        top: 20px;
    }

    .banner-large__title{
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px;
    }
}

@media (max-width: 700px){
    .banner-large__content{
        bottom: 20px;
        left: 20px;
    }

    .banner-large__image img{
        border-radius: 25px;
    }

    .banner-large{
        border-radius: 25px;
    }

}

@media (max-width: 600px){
    .banner-large{
        display: block;
    }

    .banner-large__image{
        max-width: 100%;
        display: block;
    }

    .banner-large__content{
        text-align: center;
    }

    .banner-large__body{
        margin-bottom: 0;
    }

    .banner-large__title{
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 10px;
    }
}

@media (max-width: 400px){
    .banner-large__title{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 5px;
    }

    .banner-large__text{
        font-size: 13px;
    }

    .banner-large__content{
        padding: 15px 20px 20px;
    }

    .banner-large__countdown{
        top: 10px;
        right: 10px;
    }
}

/* catalog exp */
.categories-exp__outer{
    margin: -20px -20px 0 -20px;
    overflow: hidden;
    padding: 20px 20px 70px;
    flex: 1 0 100%;
}

@media (max-width: 1024px){
    .categories-exp__outer{
        padding-bottom: 45px;
    }
}

.categories-exp{
    margin: 0 -20px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.categories-exp__item{
    margin: 0 20px 20px 0;
    background: var(--wrap-bg-color);
    border-radius: 20px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    padding: 35px 35px 25px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1024px){
    .categories-exp__item{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

@media (max-width: 1024px) {
    .categories-exp__outer {
        margin: -15px -15px 0 -15px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .categories-exp{
        margin-right: -15px;
    }

    .categories-exp__item {
        margin: 0 15px 15px 0;
    }
}

@media (max-width: 359px) {
    .categories-exp__outer {
        margin: -10px -10px 0 -10px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .categories-exp{
        margin-right: -10px;
    }

    .categories-exp__item {
        margin: 0 10px 10px 0;
    }
}

.categories-exp__image{
    margin: 0 0 20px 0;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark-theme .categories-exp__image.-white-wrap{
    background: #FFF;
    padding: 10px;
    border-radius: 15px;
}

.categories-exp__image img{
    max-height: 100%;
    vertical-align: middle;
}

.categories-exp__title{
    margin: 0 0 10px;
    font-weight: bold;
}

.categories-exp a{
    text-decoration: none;
}

.subcategories-exp__item{
    margin: 0 20px 10px 0;
    line-height: 18px;
    font-size: 14px;
}

@media (min-width: 1025px) {
    .categories-exp__item{
        flex: 0 0  calc(25% - 20px);
        width: calc(25% - 20px);
    }

    .content-cols--sidebar .categories-exp__item{
        flex: 0 0  calc(33.33% - 20px);
        width: calc(33.33% - 20px);
    }
}

@media (max-width: 1150px) and (min-width: 1025px) {
    .categories-exp__item{
        flex: 0 0  calc(33.33% - 20px);
        width: calc(33.33% - 20px);
    }

    .content-cols--sidebar .categories-exp__item{
        flex: 0 0  calc(50% - 20px);
        width: calc(50% - 20px);
    }
}

@media (max-width: 1024px){
    .categories-exp__image{
        height: 150px;
    }

    .categories-exp__item{
        flex: 0 0  calc(33.33% - 15px);
        width: calc(33.33% - 15px);
    }
}

@media (max-width: 800px){
    .categories-exp__item{
        flex: 0 0  calc(50% - 15px);
        width: calc(50% - 15px);
    }
}

@media (max-width: 600px){
    .categories-exp__item{
        padding: 25px 25px 15px;
    }

    .subcategories-exp__item{
        font-size: 13px;
        margin-bottom: 7px;
    }

    .categories-exp__badge{
        top: 25px;
        left: 25px;
    }
}

@media (max-width: 600px){
    .categories-exp__item{
        flex: 0 0  calc(100% - 15px);
        width: calc(100% - 15px);
    }
}

@media (max-width: 359px){
    .categories-exp__image{
        height: 100px;
        margin-bottom: 10px;
    }
}

.categories-exp__content{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.categories-exp__bottom{
    flex: 1 1 auto;
    display: flex;
    align-items: end;
    min-height: 30px;
}


/* catalog tile */
.categories-tile__outer{
    margin: -20px -20px 0 -20px;
    overflow: hidden;
    padding: 20px;
    flex: 1 0 100%;
}



.categories-tile__outer.-sk-pb{
    padding-bottom: 70px;
}

@media (max-width: 1024px){
    .categories-tile__outer.-sk-pb{
        padding-bottom: 45px;
    }
}

.categories-tile{
    margin: 0 -20px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.categories-tile__item{
    margin: 0 20px 20px 0;
    background: var(--wrap-bg-color);
    border-radius: 20px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    padding: 25px;
    box-sizing: border-box;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    position: relative;
}


@media (max-width: 1024px){
    .categories-tile__item{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

@media (max-width: 1024px) {
    .categories-tile__outer {
        margin: -15px -15px 0 -15px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .categories-tile{
        margin-right: -15px;
    }

    .categories-tile__item {
        margin: 0 15px 15px 0;
    }
}

@media (max-width: 359px) {
    .categories-tile__outer {
        margin: -10px -10px 0 -10px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .categories-tile{
        margin-right: -10px;
    }

    .categories-tile__item {
        margin: 0 10px 10px 0;
    }
}

.categories-tile__image{
    text-align: center;
    margin: 0 0 15px;
    height: 150px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-tile__image img{
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    border-radius: var(--border-radius-image-categories);
}

.dark-theme .categories-tile__image.-white-wrap{
    background: #FFF;
    padding: 10px;
    border-radius: 15px;
}

.categories-tile__badge{
    position: absolute;
    top: 0;
    left: 0;
}

.dark-theme .categories-tile__image.-white-wrap .categories-tile__badge{
    top: 5px;
    left: 5px;
}

.categories-tile__bottom{
    display: flex;
    align-items: center;
}

.categories-tile__title{
    flex: 1 1 auto;
    line-height: 18px;
    font-size: 16px;
    word-break: break-word;
}

.categories-tile__count{
    font-size: 13px;
    color: #858585;
    margin: 0 0 0 4px;
    display: inline;
    text-align: center;
    position: relative;
    white-space: nowrap;
}

.categories-tile__btn{
    flex: 0 0 auto;
    margin: 0 0 0 10px;
}

@media (min-width: 1025px) {
    .categories-tile__item{
        flex: 0 0  calc(20% - 20px);
        width: calc(20% - 20px);
    }

    .categories-tile__item.-irregular:nth-child(8n),
    .categories-tile__item.-irregular:nth-child(8n+1) {
        flex: 0 0 calc(40% - 20px);
        width: calc(40% - 20px);
    }

    .categories-tile__item.-irregular:nth-child(8n) .categories-tile__image,
    .categories-tile__item.-irregular:nth-child(8n+1) .categories-tile__image {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1350px) and (min-width: 1151px){
    .content-cols--sidebar .categories-tile__item{
        flex: 0 0  calc(25% - 20px);
        width: calc(25% - 20px);
    }

    .content-cols--sidebar .categories-tile__item.-irregular:nth-child(6n),
    .content-cols--sidebar .categories-tile__item.-irregular:nth-child(6n+1){
        flex: 0 0  calc(50% - 20px);
        width: calc(50% - 20px);
    }
}

@media (max-width: 1150px) and (min-width: 1025px){
    .content-cols--sidebar .categories-tile__item{
        flex: 0 0  calc(33.33% - 20px);
        width: calc(33.33% - 20px);
    }

    .content-cols--sidebar .categories-tile__item.-irregular{
        flex: 0 0  calc(27% - 20px);
        width: calc(27% - 20px);
    }

    .content-cols--sidebar .categories-tile__item.-irregular:nth-child(6n),
    .content-cols--sidebar .categories-tile__item.-irregular:nth-child(6n+1){
        flex: 0 0  calc(46% - 20px);
        width: calc(46% - 20px);
    }

    .content-cols--sidebar .categories-tile__item{
        padding: 18px;
    }

    .content-cols--sidebar .categories-tile__title{
        font-size: 13px;
    }
}

@media (max-width: 1024px) and (min-width: 801px) {
    .categories-tile__item {
        flex: 0 0 calc(25% - 15px);
        width: calc(25% - 15px);
    }

    .categories-tile__item.-irregular:nth-child(6n),
    .categories-tile__item.-irregular:nth-child(6n+1){
        flex: 0 0  calc(50% - 15px);
        width: calc(50% - 15px);
    }
}

@media (max-width: 800px){
    .categories-tile__btn{
        display: none;
    }
}

@media (max-width: 800px) and (min-width: 651px) {
    .categories-tile__item{
        flex: 0 0  calc(33.33% - 15px);
        width: calc(33.33% - 15px);
    }

    .categories-tile__item.-irregular{
        flex: 0 0  calc(27% - 15px);
        width: calc(27% - 15px);
    }

    .categories-tile__item.-irregular:nth-child(6n),
    .categories-tile__item.-irregular:nth-child(6n+1){
        flex: 0 0  calc(46% - 15px);
        width: calc(46% - 15px);
    }
}

@media (max-width: 650px){
    .categories-tile__image{
        height: 100px;
    }

    .categories-tile__item{
        flex: 0 0  calc(50% - 15px);
        width: calc(50% - 15px);
    }

    .categories-tile__item.-irregular:nth-child(3n){
        flex: 0 0  calc(100% - 15px);
        width: calc(100% - 15px);
        flex-direction: row;
    }

    .categories-tile__btn{
        display: block;
    }


    .categories-tile__item.-irregular:nth-child(3n) .categories-tile__image{
        margin: 0 15px 0 0;
        box-sizing: border-box;
        flex: 0 0 50%;
    }

    .categories-tile__item.-irregular:nth-child(3n) .categories-tile__bottom{
        flex: 0 0 50%;
        align-items: center;
        position: relative;
        text-align: left;

    }
}

@media (max-width: 500px){
    .categories-tile__btn{
        display: none;
    }

    .categories-tile__bottom{
        text-align: center;
    }
}

@media (max-width: 359px) {
    .categories-tile__item{
        flex: 0 0  calc(50% - 10px);
        width: calc(50% - 10px);
        padding: 18px;
    }

    .categories-tile__item.-irregular:nth-child(3n){
        flex: 0 0  calc(100% - 10px);
        width: calc(100% - 10px);
    }
}

/* categories list with icons */
.categories-icon__outer {
    margin: -10px -10px 0 -10px;
    overflow: hidden;
    padding: 10px 10px 20px 10px;
    flex: 1 0 100%;
}

.categories-icon__outer.-sk-pb{
    padding-bottom: 75px;
}

@media (max-width: 1024px){
    .categories-icon__outer.-sk-pb {
        padding-bottom: 55px;
    }
}

@media (max-width: 400px){
    .categories-icon__outer.-sk-pb {
        padding-bottom: 45px;
    }
}

.categories-icon{
    margin: 0 -10px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.categories-icon__item{
    color: var(--body-text-color);
    background: var(--wrap-bg-color);
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-radius: 12px;
    padding: 20px;
    align-items: center;
    margin: 0 10px 10px 0;
    box-sizing: border-box;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1024px){
    .categories-icon__item{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.categories-icon__badge{
    top: 10px;
    right: 10px;
    position: absolute;
}

.categories-icon__title {
    line-height: 16px;
    word-break: break-word;
    display: block;
    align-self: center;
    font-weight: normal;
}

.categories-icon__count{
    font-size: 12px;
    padding: 0 0 0 5px;
    color: #858585;
}

.categories-icons__icon{
    margin: 0 0 10px;
    display: block;
}

.dark-theme .categories-icons__icon.-white-wrap{
    padding: 5px;
    border-radius: 5px;
    background: #FFF;
    display: inline-block;
}

.categories-icons__icon img {
    vertical-align: middle;
    display: inline-block;
    max-height: var(--category-list-icon-size);
    max-width: var(--category-list-icon-size);
}

.categories-icon__item{
    flex: 0 0 calc(11.11% - 10px);
}

@media (min-width: 1025px){
    .content-cols--sidebar .categories-icon__item{
        flex: 0 0 calc(14.28% - 10px);
    }
}

@media (max-width: 1450px) and (min-width: 1025px){
    .content-cols--sidebar .categories-icon__item{
        flex: 0 0 calc(16.66% - 10px);
    }
}

@media (max-width: 1400px) and (min-width: 1025px){
    .categories-icon__item{
        flex: 0 0 calc(12.5% - 10px);
    }
}

@media (max-width: 1300px) and (min-width: 1025px){
    .content-cols--sidebar .categories-icon__item{
        flex: 0 0 calc(20% - 10px);
    }
}

@media (max-width: 1250px) and (min-width: 1025px){
    .categories-icon__item{
        flex: 0 0 calc(14.28% - 10px);
    }
}

@media (max-width: 1100px) and (min-width: 1025px){
    .content-cols--sidebar .categories-icon__item{
        flex: 0 0 calc(25% - 10px);
    }
}

@media (max-width: 1130px) and (min-width: 1025px){
    .categories-icon__item{
        flex: 0 0 calc(16.66% - 10px);
    }
}

@media (max-width: 1024px){
    .categories-icon__item{
        flex: 0 0 calc(16.66% - 10px);
    }
}

@media (max-width: 920px){
    .categories-icon__item{
        flex: 0 0 calc(20% - 10px);
    }
}

@media (max-width: 780px){
    .categories-icon__item{
        flex: 0 0 calc(25% - 10px);
    }
}

@media (max-width: 600px){
    .categories-icon__item{
        flex: 0 0 calc(33.33% - 10px);
    }
}

@media (max-width: 500px) and (min-width: 421px){
    .categories-icon__item{
        padding: 15px;
    }

    .categories-icon__title{
        font-size: 12px;
    }
}

@media (max-width: 420px){
    .categories-icon__item{
        flex: 0 0 calc(50% - 10px);
    }

    .categories-icon__title{
        font-size: 13px;
    }
}

/* subcategories inline */

.subcategories-links{
    margin: 0 0 15px;
}



.subcategories-links.-sk-scroll{
    white-space: nowrap;
    overflow-x: auto;
    position: relative;
    margin: 0 0 30px;
    flex: 1 1 100%;
}

.subcategories-links.-sk-scroll.-sk-scroll-shadow:after {
    content: "";
    right: -1px;
    box-shadow: -10px 0 20px 25px #FFF;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 0;
    position: absolute;
}

.dark-theme .subcategories-links.-sk-scroll.-sk-scroll-shadow:after{
    box-shadow: -10px 0 20px 25px #1a1a1a;
}

.subcategories-links.-sk-scroll::-webkit-scrollbar {
    display: none;
}

.subcategories-links__item{
    display: inline-block;
    margin: 0 15px 15px 0;
    border-width: 1px;
    border-style: solid;
    padding: 2px 10px 3px;
    font-size: 15px;
}

.subcategories-links__badge{
    border: none;
    font-weight: bold;
    font-size: 12px;
}

.subcategories-links__count{
    font-size: 12px;
    padding: 0 0 0 5px;
    color: #858585;
}

@media (max-width: 800px){
    .subcategories-links__item{
        margin-right: 7px;
    }
}

.subcategories-links.-sk-scroll .subcategories-links__item{
    margin-bottom: 0;
}

/* about company */

.home-about{
    margin: 0 0 80px;
    display: flex;
    background: #f3f3f3;
    border-radius: 35px;
    padding: 50px;
    align-items: start;
}

.dark-theme .home-about{
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .home-about{
        margin-bottom: 60px;
    }
}

.home-facts {
    margin: 0 40px 0 0;
    width: 320px;
    box-sizing: border-box;
    padding: 50px;
    flex: 0 0 auto;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--facts-color-font);
    background: var(--facts-color-bg);

}

.home-facts__item{
    display: flex;
    margin: 0 0 25px;
    font-size: 12px;
    align-items: center;
    text-decoration: none;
}


.home-facts__item:last-child{
    margin: 0;
}

.home-facts__count{
    font-size: 36px;
    margin: 0 10px 0 0;
    font-weight: bold;
    line-height: 1;
    min-width: 45px;
    text-align: center;
    color: var(--facts-count-color-font);
}

.home-facts__title{
    line-height: 16px;
}

.home-about__text.spoiler-outer{
    margin-bottom: 0;
}

.home-about__text .spoiler-more-wrap{
    margin-top: 8px;
}

.home-about__text .spoiler-wrap.close:after{
    display: none;
}


@media (max-width: 1400px) and (min-width: 1201px){
    .content-cols--sidebar .home-facts{
        padding: 20px 30px;
        width: 290px;
    }
}

@media (max-width: 1300px) and (min-width: 1201px){
    .content-cols--sidebar .home-about{
        padding: 30px;
    }
}

@media (max-width: 1200px) and (min-width: 1025px){
    .content-cols--sidebar .home-about{
        flex-direction: column;
        align-items: stretch;
    }

    .content-cols--sidebar .home-facts{
        order: 5;
        flex-direction: row;
        align-items: start;
        margin: 0 -50px -50px -50px;
        align-self: stretch;
        width: auto;
        padding: 20px;
    }

    .content-cols--sidebar .home-facts__item{
        padding: 12px;
        margin: 0;
    }

    .content-cols--sidebar .home-about__content{
        order: 1;
        margin: 0 0 30px;
    }
}

@media (max-width: 1024px){
    .home-facts{
        padding: 30px;
        width: 290px;
    }
}

@media (max-width: 950px){
    .home-about{
        padding: 30px;
    }
}

@media (max-width: 850px){
    .home-about{
        flex-direction: column;
        align-items: stretch;
    }

    .home-facts{
        order: 5;
        width: auto;
        margin-right: 0;
        align-items: center;
    }

    .home-about__content{
        order: 1;
        margin: 0 0 10px;
    }
}

@media (max-width: 850px) and (min-width: 651px){
    .home-about{
        border-radius: 20px;
    }

    .home-facts{
        flex-direction: row;
        margin: 0 -30px -30px -30px;
        align-self: stretch;
        padding: 10px;
        border-radius: 20px;
    }

    .home-facts__item{
        padding: 12px;
        margin: 0;
    }
}

@media (max-width: 650px){
    .home-facts__item{
        width: 250px;
    }
}

@media (max-width: 400px){
    .home-facts{
        margin: 0 -30px -30px -30px;
    }
}


@media (max-width: 359px){
    .home-facts__item{
        width: 100%;
    }

}

/* last posts */

.last-posts__outer{
    margin: 0 0 80px;
}

@media (max-width: 1024px){
    .last-posts__outer{
        margin: 0 0 50px;
    }
}


.last-posts__outer .owl-stage-outer{
    overflow: visible;
}

.last-posts__outer .owl-dots{
    position: static;
    display: none;
}

.last-posts__outer .owl-stage,
.last-posts__outer .owl-item{
    display: flex;
}

.last-posts__items{
    display: flex;
    padding: 10px;
    margin: -20px;
    width: auto;
}

.last-posts__head{
    margin: 0 0 45px;
    text-align: right;
}

.last-posts__item-outer{
    flex: 1 0 30%;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
}

.last-posts__item{
    background: var(--wrap-bg-color);
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    text-decoration: none;
    flex: 1 0 100%;
}

@media (max-width: 1024px){
    .last-posts__item{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.last-posts__btn{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: end;
}

.last-posts__content{
    margin: 0 0 10px;
    display: grid;
    grid-template-columns: min-content auto;
    grid-template-rows: max-content min-content;
    gap: 0 0;
    grid-template-areas:
    "image date"
    "image title";
}

.last-posts__img{
    margin: 0 25px 0 0;
    line-height: 0;
    grid-area: image;
}

.last-posts__date{
    font-size: 12px;
    color: #9e9e9e;
    grid-area: date;
    margin: 0 0 5px;
    white-space: nowrap;
}

.last-posts__name{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    grid-area: title;
    align-self: end;
}

.dark-theme .last-posts__name{
    font-weight: 500;
}

.last-posts__img img,
.owl-carousel .last-posts__img img{
    border-radius: 12px;
    max-width: 145px;
    max-height: 90px;
}

.last-posts__description{
    color: #848484;
    line-height: 20px;
}


@media (min-width: 701px) {
    .last-posts__item.-first{
        padding: 35px;
    }

    .last-posts__item-outer.-first {
        flex: 1 0 40%;
        margin-top: -80px;
    }

    .last-posts__item-outer.-first .last-posts__btn {
        margin: 0 -10px -10px 0;
    }

    .last-posts__item-outer.-first .last-posts__content{
        margin-bottom: 20px;
    }

    .last-posts__item-outer.-first .last-posts__name {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 1250px) and (min-width: 1025px){
    .content-cols--sidebar .last-posts__head{
        margin-bottom: 20px;
    }
    .content-cols--sidebar .last-posts__head .wrap-section__title{
        display: block;
        margin-right: 0;
    }
}

@media (min-width: 1461px){
    .last-posts__item-outer{
        flex: 1 0 30%;
    }

    .last-posts__item-outer.-first{
        flex: 1 0 40%;
    }
}

@media (max-width: 1460px) and (min-width: 1025px){
    .last-posts__item-outer{
        flex: 1 0 30%;
    }

    .last-posts__item-outer.-first{
        flex: 1 0 40%;
    }
}


@media (min-width: 1025px){
    .content-cols--sidebar .last-posts__content{
        display: grid;
        grid-template-columns: min-content auto;
        grid-template-rows: auto auto;
        grid-template-areas:
        "image date"
        "title title";
    }

    .content-cols--sidebar .last-posts__date{
        margin-bottom: 0;
        align-self: end;

    }

    .content-cols--sidebar .last-posts__name{
        margin-top: 20px;
    }

    .content-cols--sidebar .last-posts__img{
        margin-right: 15px;
    }
}

@media (max-width: 1350px) and (min-width: 1025px){
    .last-posts__item-outer:not(.-first) .last-posts__content{
        display: block;
    }

    .last-posts__item-outer:not(.-first) .last-posts__name{
        margin-top: 5px;
    }

    .last-posts__item-outer:not(.-first)  .last-posts__img{
        margin: 0 0 15px;
    }

}

@media (max-width: 1460px) and (min-width: 1025px){
    .last-posts__item-outer{
        flex: 1 0 30%;
    }

    .last-posts__item-outer.-first{
        flex: 1 0 40%;
    }
}

@media (max-width: 1150px) and (min-width: 881px){
    .last-posts__item-outer .last-posts__content{
        display: block;
    }

    .last-posts__item-outer .last-posts__name{
        margin-top: 5px;
    }

    .last-posts__item-outer .last-posts__img{
        margin: 0 0 15px;
    }
}

@media (max-width: 1024px){
    .last-posts__items{
        margin: -20px -15px;
        padding: 10px 5px;
    }

    .last-posts__item-outer{
        flex: 1 0 30%;
    }

    .last-posts__item-outer.-first{
        flex: 1 0 40%;
    }
}

@media (max-width: 880px){
    .last-posts__head{
        text-align: left;
        margin: 0 0 30px;
    }


    .last-posts__item-outer.-first {
        margin-top: 0;
    }

    .last-posts__items{
        overflow: hidden;
    }

    .last-posts__item,
    .last-posts__item.-first{
        padding: 20px;
    }

    .last-posts__items:not(.posts-carousel){
        flex-wrap: wrap;
    }

    .last-posts__outer .owl-dots{
        display: block;
    }

    .last-posts__item-outer,
    .last-posts__item-outer.-first{
        flex: 1 0 100%;
    }

    .last-posts__items.posts-carousel .last-posts__item-outer{
        flex: 1 0 85%;
    }

    .last-posts__description{
        display: none;
    }

    .last-posts__items:not(.posts-carousel) .last-posts__content{
        margin-bottom: 0;
    }
}

@media (max-width: 700px){
    .last-posts__head{
        margin: 0 0 25px;
    }
}

@media (max-width: 400px){
    .last-posts__head{
        margin: 0 0 20px;
    }
}

@media (max-width: 430px){
    .last-posts__content{
        display: grid;
        grid-template-columns: min-content auto;
        grid-template-rows: auto auto;
        grid-template-areas:
        "image date"
        "title title";
    }

    .last-posts__date{
        margin-bottom: 0;
        align-self: end;
    }

    .last-posts__name{
        margin-top: 20px;
    }

    .-first .last-posts__name{
        font-size: 14px;
    }

    .last-posts__img{
        margin-right: 15px;
    }
}

@media (max-width: 359px){
    .last-posts__items{
        margin: -20px -10px;
        padding: 10px 0;
    }

    .last-posts__item,
    .last-posts__item.-first{
        padding: 15px;
    }

    .last-posts__img {
        margin-right: 10px;
    }

    .last-posts__date{
        line-height: 1;
    }

    .last-posts__name{
        margin-top: 20px;
    }

}

.owl-item .last-posts__item{
    flex: 0 0 100% !important;
}


/* main brands */

.main-brands{
    margin-bottom: 90px;
}

@media (max-width: 1024px){
    .main-brands{
        margin: 0 0 60px;
    }
}

.main-brands__list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.brands-list__item{
    flex: 0 0 calc(100% / 11);
    width:  calc(100% / 11);
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    text-decoration: none;
}

.brands-list__item:hover{
    opacity: 0.5;
}

.brands-list__item-inner{
    box-shadow: 0 5px 17px rgba(0,0,0,.03);
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1 0 auto;
    padding: 10px;
    text-align: center;
    line-height: 1.2;
    word-break: break-word;
}

.dark-theme .brands-list__item-inner.-white-wrap{
    background: #FFF;
    border-radius: 10px;
    height: 50px;
    color: #000;
}

.brands-list__item img{
    max-height: 50px;
    align-self: center;
}

@media (min-width: 1025px){
    .content-cols--sidebar .brands-list__item{
        flex: 0 0 calc(100% / 9);
        width:  calc(100% / 9);
    }
}

@media (max-width: 1350px) and (min-width: 1025px){
    .brands-list__item{
        flex: 0 0 calc(100% / 10);
        width:  calc(100% / 10);
    }

    .content-cols--sidebar .brands-list__item{
        flex: 0 0 calc(100% / 8);
        width:  calc(100% / 8);
    }
}

@media (max-width: 1250px) and (min-width: 1025px){
    .brands-list__item{
        flex: 0 0 calc(100% / 8);
        width:  calc(100% / 8);
    }

    .content-cols--sidebar .brands-list__item{
        flex: 0 0 calc(100% / 7);
        width:  calc(100% / 7);
    }
}

@media (max-width: 1120px) and (min-width: 1025px){
    .brands-list__item{
        flex: 0 0 calc(100% / 6);
        width:  calc(100% / 6);
    }

    .content-cols--sidebar .brands-list__item{
        flex: 0 0 calc(100% / 6);
        width:  calc(100% / 6);
    }
}

@media (max-width: 1024px){
    .brands-list__item{
        flex: 0 0 calc(100% / 8);
        width:  calc(100% / 8);
    }
}

@media (max-width: 850px){
    .brands-list__item{
        flex: 0 0 calc(100% / 7);
        width:  calc(100% / 7);
    }
}

@media (max-width: 650px){
    .brands-list__item{
        flex: 0 0 calc(100% / 6);
        width:  calc(100% / 6);
    }
}

@media (max-width: 550px){
    .brands-list__item{
        flex: 0 0 calc(100% / 5);
        width:  calc(100% / 5);
    }
}

@media (max-width: 450px){
    .main-brands__list{
        margin: -10px;
    }

    .brands-list__item{
        flex: 0 0 calc(100% / 4);
        width:  calc(100% / 4);
        padding: 5px;
    }
}

@media (max-width: 359px){
    .brands-list__item{
        flex: 0 0 calc(100% / 3);
        width:  calc(100% / 3);
    }
}

.footer{
    padding: 70px 0 50px;
    background: var(--footer-color-bg);
    color: var(--footer-color-font);
}

.dark-theme .footer{
    border-top: 1px solid rgba(255,255,255,0.1);
}

.footer a:hover{
    color: var(--footer-color-font) !important;
}

@media (max-width: 1024px){
    .footer{
        padding-top: 50px;
    }
}

.footer-content{
    display: flex;
    font-size: 13px;
    align-items: start;
}

.footer-head{
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.footer-head__copy{
    font-size: 12px;
}

.footer-about{
    flex: 0 0 35%;
    padding: 0 5% 30px 0;
    box-sizing: border-box;
}

.footer-menu,
.footer-menu-dropdown{
    flex: 0 0 calc(16.6% - 30px);
    margin: 0 30px 30px 0;
    box-sizing: border-box;
}

.footer-contacts{
    flex: 0 0 15%;
    padding: 0 0 30px 0;
    box-sizing: border-box;
}

.footer-about__text{
    margin: 0 0 20px;
}

.footer-poweredby{
    margin: 25px 0 0;
}

.footer-socials{
    margin: 25px 0 0;
}

.footer-social{
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-align: center;
    display: inline-block;
    line-height: 35px;
    margin: 0 8px 0 0;
    border-radius: 11px;
    border: 1px solid var(--footer-elements-border-color);
}

.footer-social__icon{
    color: inherit;
}

.footer-social__img{
    margin: 0 0 6px;
    vertical-align: middle;
    width: 19px;
}

.footer-menu__item{
    margin: 0 0 5px;
}

.footer-menu__link{
    text-decoration: none;
}

.footer-phone{
    margin: 0 0 20px;
    white-space: nowrap;
}

.footer-phone__link{
    font-size: 18px;
    text-decoration: none;
}

.footer-menu-dropdown__head{
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 20px 0 0;
    cursor: pointer;
    position: relative;
    margin-top: -15px;
}

.footer-menu-dropdown__caret{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 12px;
    height: 10px;
    line-height: 10px;
    transition: .2s;
}

.footer-menu-dropdown.-open .footer-menu-dropdown__caret{
    transform: rotate(180deg);
}

.footer-menu-dropdown__body{
    display: none;
    padding-top: 15px;
}

.footer .switch-type-theme{
    margin: 20px 0 0;
}

@media (max-width: 900px){
    .footer-content{
        flex-wrap: wrap;
    }

    .footer-menu{
        order: 1;
        flex: 0 0 calc(25% - 30px);
    }

    .footer-menu-dropdown{
        order: 1;
        flex: 0 0 100%;
        margin-right: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--footer-elements-border-color);
    }

    .footer-contacts{
        order: 5;
        flex: 0 0 25%;
    }

    .footer-about{
        order: 10;
        flex: 0 0 100%;
        padding-right: 0;
    }
}

@media (max-width: 600px){
    .footer-menu{
        flex: 0 0 calc(33.33% - 30px);
        width: calc(33.33% - 30px);

    }



    .footer-phone{
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

    .footer-callback{
        display: inline-block;
        vertical-align: middle;
    }

    .footer-about,
    .footer-contacts{
        flex: 0 0 100%;
        width: 100%;
        padding-right: 0;
    }


}

@media (max-width: 420px){
    .footer-menu{
        flex: 0 0 calc(50% - 15px);
        width: calc(50% - 15px);
    }

    .footer-contacts,
    .footer-menu{
        padding-right: 15px;
    }
}

/* subscription */
.wrap-subscription{
    background: var(--wrap-bg-color);
    color: var(--body-text-color);
    border-radius: 25px;
    padding: 50px 5%;
    display: flex;
    font-size: 14px;
    margin: 0 0 50px;
    justify-content:center;
}

.wrap-subscription a:hover{
    color: #000 !important;
}

.wrap-subscription__form{
    width: 440px;
}

.wrap-subscription__head{
    padding: 0 60px 0 0;
    width: 340px;
    box-sizing: border-box;
}

.wrap-subscription__title{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 10px;
}

.wrap-subscription__text{
    color: #999999;
}

.wrap-subscription__email{
    margin: 0 0 20px;
    position: relative;
}

.wrap-subscription__email-input{
    width: 100%;
}

.wrap-subscription__btn{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.wrap-subscription__agree{
    line-height: 16px;
    display: inline-block;
}

.wrap-subscription__agree.error .checkbox-styler{
    border: 1px solid red;
}

.wrap-subscription__success{
    color: #3e8a61;
    display: none;
    font-weight: bold;
    margin: 10px 0 0;
}

.wrap-subscription__error{
    color: #e03c3c;
    display: none;
    font-weight: bold;
    margin: 10px 0 0;
}

.wrap-subscription__captcha{
    display: none;
}

.wrap-subscription__captcha.-sk-show{
    display: block;
}

@media (max-width: 950px){
    .wrap-subscription{
        padding: 40px 50px;
    }

    .wrap-subscription__head{
        width: 40%;
        padding-right: 20px;
    }

    .wrap-subscription__form{
        width: 60%;
    }
}

@media (max-width: 800px){
    .wrap-subscription{
        display: block;
    }

    .wrap-subscription__head{
        width: 100%;
        margin-bottom: 30px;
    }

    .wrap-subscription__form{
        width: 100%;
    }
}

@media (max-width: 600px){
    .wrap-subscription__btn{
        padding: 0 17px;

    }

    .wrap-subscription__agree-text{
        font-size: 13px;
    }

    .wrap-subscription__captcha .wa-captcha p{
        display: flex;
    }

    .wrap-subscription__captcha .wa-captcha-input{
        flex: 1 1 auto;
        width: 100%;
    }
}

@media (max-width: 399px){
    .wrap-subscription{
        padding: 30px 35px;
    }
}

@media (max-width: 359px){
    .wrap-subscription__title{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .wrap-subscription__email{
        margin-bottom: 10px;
    }
}


/* datepicker */
.ui-datepicker{
    display: none;
}

.ui-widget-content {
    background: var(--popup-bg-color);
    color: var(--popup-text-color);
    border-radius: 3px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

select.ui-datepicker-month,
select.ui-datepicker-year{
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
}

.ui-widget-header {
    background: #f6f6f6;
    font-weight: bold;
    position: relative;
}

.dark-theme .ui-widget-header{
    background: rgba(255,255,255,0.05);
}

.ui-icon{
    text-indent: -99999px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: var(--ac-bg-color);
    color: var(--ac-bg-color-font);
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default.ui-state-active,
.ui-widget-header .ui-state-default.ui-state-active{
    font-weight: bold;
}

a.ui-state-default:hover,
.ui-widget-content a.ui-state-default:hover,
.ui-widget-header a.ui-state-default:hover{
    color: var(--ac-bg-color-font) !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    display: inline-block;
    vertical-align: middle;
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev{
    left: 2px;
}

.ui-datepicker .ui-datepicker-next{
    right: 3px;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{
    color: inherit;
}



.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: static;
    text-indent: unset;
    font-size: 0;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    left: 0;
    top: 0;
    margin: 0;
}

.ui-datepicker .ui-datepicker-prev span:before{
    content: "\f104";
    font-size: 15px;
}

.ui-datepicker .ui-datepicker-next span:before{
    content: "\f105";
    font-size: 15px;
}

.ui-datepicker .ui-datepicker-title select{
    border-radius: 7px !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    width: 47% !important;
}

.comments ul,
.reviews ul {
    margin-left: 0;
    padding: 0;
    list-style: none;
}

.comments ul ul,
.reviews ul ul {
    padding-left: 50px;
}

.comments-branch li,
.reviews-branch li {
    border-radius: 20px;
    padding: 0;
    margin: 0 0 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    background: var(--wrap-bg-color);
}

@media (max-width: 1024px){
    .comments-branch li,
    .reviews-branch li{
        box-shadow: 0 3px 17px rgba(0,0,0,0.06);
    }
}

.comments-branch li.-sk-hide,
.reviews-branch li.-sk-hide{
    display: none;
}

.accordion-tab__content .comments-branch li,
.accordion-tab__content .reviews-branch li{
    box-shadow: none;
    border: 1px solid #ededed;
}

.dark-theme .accordion-tab__content .comments-branch li,
.dark-theme  .accordion-tab__content .reviews-branch li{
    border: 1px solid rgba(255,255,255,0.1);
}

.accordion-tab__content .comments-branch li li,
.accordion-tab__content .reviews-branch li li,
.comments-branch li li,
.reviews-branch li li {
    box-shadow: none;
    margin: 0;
    border: none;
}

.comment,
.review {
    margin: 0;
    padding: 30px;
    display: flex;
}

.comment.new,
.review.new{
    background: #fffff0;
    border-radius: 20px
}

.comments ul ul .comment,
.reviews ul ul .review{
    padding-top: 10px;
}

.comment-avatar,
.review-avatar {
    display: inline-block;
    border-radius: 12px;
    position: absolute;
    top: 5px;
    left: 0;
    overflow: hidden;
}

.comment-avatar.sk-empty,
.review-avatar.sk-empty{
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-width: 1px;
    border-style: solid;
    text-transform: uppercase;
}

.comment-avatar img,
.review-avatar img{
    width: 35px;
    border-radius: 7px;
}


.review-rating{
    margin: 0 10px 5px 0;
}

.review-title,
.comment-title{
    font-weight: bold;
}

@media (max-width: 700px){
    .review-title,
    .comment-title{
        display: inline-block;
        line-height: 1.2;
    }
}

.review-author,
.comment-author{
    line-height: 1.2;
}

.review-username,
.comment-username{
    font-size: 13px;
    color: #9f9f9f;
    margin: 3px 10px 0 0;
}

.comment-staff{
    margin-right: 10px;
}

.review-head,
.comment-head{
    margin: 0 0 10px;
}

.review-content{
    flex: 1 1 auto;
    padding: 0 5% 0 55px;
    position: relative;
}

.review-body,
.comment-body{
    line-height: 20px;
    margin: 10px 0 0;
}

.review-right,
.comment-right{
    flex: 0 0 180px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.review-date,
.comment-date{
    font-size: 13px;
    color: #9f9f9f;
    flex: 1 1 auto;
}

.btn-reviews-load{
    display: block;
    height: 57px;
    line-height: 57px;
    padding: 0 40px;
    max-width: 450px;
    box-sizing: border-box;
    border-radius: 12px;
    margin: 40px auto 0;
    font-weight: bold;
    font-size: 16px;
}

.comment-delete,
.comment-edit,
.comment-btn-solution{
    margin: 5px 10px 0 0;
}

.comment-replyto{
    margin: 0 0 10px;
}

@media (max-width: 1025px){
    .comment,
    .review{
        flex-wrap: wrap;
    }

    .comment-content,
    .review-content{
        flex: 0 1 calc(100% - 55px);
        padding-right: 0;
    }

    .comment-right,
    .review-right{
        flex: 1 0 auto;
        flex-direction: row;
        text-align: left;
        margin: 15px 0 0 0;
        padding-left: 55px;
        align-items: center;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .comment-vote,
    .comment-date{
        margin: 0 10px 0 0;

    }
}

@media (max-width: 699px){
    .review-content,
    .review-right,
    .comment-right,
    .comment-content{
        padding-left: 0;
    }

    .review-content,
    .comment-content{
        flex: 0 1 auto;
    }

    .comment-avatar,
    .review-avatar{
        position: static;
        flex: 0 0 35px;
        margin: 6px 15px 0 0;
    }

    .comment-head,
    .review-head{
        display: flex;
        align-items: center;
    }


    .review-username,
    .comment-username{
        align-items: center;
    }

    .comments ul ul,
    .reviews ul ul{
        padding-left: 25px;
    }

    .btn-reviews-load{
        margin-top: 20px;
    }
}

@media (max-width: 359px){
    .comment,
    .review{
        padding: 20px;
    }

    .review-reply,
    .comment-reply{
        padding: 0 12px;
    }
}

.btn-write-comment,
.btn-write-review{
    display: block;
    max-width: 290px;
    box-sizing: border-box;
    margin: 0 0 40px;
}

.reviews-auth,
.comments-auth{
    width: 290px;
    padding: 15px 20px;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.4;
}

@media (max-width: 500px){
    .btn-write-comment,
    .btn-write-review{
        max-width: unset;
    }

    .reviews-auth,
    .comments-auth{
        width: 100%;
    }
}

.review-form:not(.popup-content),
.comment-form:not(.popup-content){
    margin-bottom: 60px;
    max-width: 560px;
    padding: 45px 60px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-radius: 35px;
}

.dark-theme .review-form:not(.popup-content),
.dark-theme .comment-form:not(.popup-content){
    border-color: rgba(255,255,225,0.1);
}

@media (max-width: 550px){
    .review-form,
    .comment-form{
        padding: 25px 35px;
    }
}

@media (max-width: 400px){
    .review-form:not(.popup-content),
    .comment-form:not(.popup-content){
        padding: 20px 30px;
    }
}

@media (max-width: 359px){
    .review-form,
    .comment-form{
        padding: 15px 20px;
    }
}

.review-form input[type="text"],
.comment-form input[type="text"],
.review-form textarea,
.comment-form textarea{
    max-width: 500px;
}

.comment-form{
    margin-bottom: 0;
}

.in-reply-to .comment-form{
    margin-top: 20px;
}

.review-form-fields input[type="text"],
.review-form-fields textarea,
.comment-form-fields input[type="text"],
.comment-form-fields textarea{
    width: 100%;
}

.review-form-fields input[type="text"].wa-captcha-input{
    width: 200px;
}

.review-form .userpic,
.comment-form .userpic{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 5px;
    vertical-align: middle;
}

.review-form .tab,
.comment-form .tab{
    padding: 0;
    background: none;
    box-shadow: none;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    border: none;
}


.review-field,
.comment-field{
    margin: 0 0 25px;
}

.comment-field--user,
.review-field--user{
    line-height: 25px;
}

.review-field-user,
.comment-field-user{
    font-weight: bold;
}

.dark-theme .review-form label,
.dark-theme .comment-field label{
    font-weight: 500;
}

.review-form label,
.comment-field label{
    display: block;
    margin: 0 0 10px 0;
    color: #1e1e1e;
}

.dark-theme .review-form label,
.dark-theme .comment-field label{
    color: #a0a0a0;
}

.review-field--rate label{
    display: inline-block;
    margin: 0 20px 0 0;
    color: #000;
}

.review-field--rate .rate{
    margin: 0 10px 0 0;
}

.review-field-logout,
.comment-field-logout{
    display: inline-block;
    margin: 0 0 0 20px;
}

.review-field .save{
    margin: 0 10px 0 0;
}

.review-form .service-agreement-wrapper {
    width: 100%;
    margin-bottom: 30px;
}
.review-form .service-agreement-wrapper .errormsg {
    margin-left: 0;
}

.review-form .service-agreement-wrapper.error{
    color: #000;
}

.popup-content.review-form,
.popup-content.comment-form{
    max-width: 600px;
}

/* mobile popup menu */

.mobile-popup-plugins{
    margin: 0 0 10px;
}

.mobile-popup-nav{
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}

.mobile-popup-nav:not(:first-child){
    margin-top: 30px;
}

.mobile-popup-nav__el{
    padding: 0 0 10px;
}

.mobile-popup-nav__title{
    text-decoration: none;
}

.mobile-popup-subnav{
    padding: 0;
    list-style: none;
    margin: 10px 0 0 20px;
}

.mobile-popup-subnav.hide{
    display: none;
}

.mobile-popup-subnav__el{
    padding: 5px 0;
}

.mobile-popup-subnav__title{
    text-decoration: none;
}

.mobile-popup-nav__open,
.mobile-popup-subnav__open {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 20px;
    width: 30px;
}

.mobile-popup-nav__open:before,
.mobile-popup-subnav__open:before {
    padding: 2px 3px 0 3px;
    margin: 0 0 0 5px;
}

.mobile-popup-nav__open.selected:before,
.mobile-popup-subnav__open.selected:before{
    content: "\f106";
}

.info-massage{
    background-color: var(--i-msg-bg-color);
    color: var(--i-msg-font-color);
    font-size: 13px;
    width: 400px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    border-radius: 25px;
    z-index: 120;
}

.info-massage a:hover{
    color: inherit;
}

.info-massage__wrap{
    position: relative;
    padding: 25px 30px;
}

.info-massage__close{
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    background: none;
    font-size: 13px;
}

@media (max-width: 700px){
    .info-massage{
        right: 5px;
        left: 5px;
        width: auto;
        bottom: 70px;
        font-size: 12px;
        line-height: 16px;
        border-radius: 20px;
    }

    .info-massage__wrap{
        padding: 10px 20px;
    }
}



/* Main
------- */

.sub-links { margin-bottom: 20px; padding-left: 0; }
.sub-links li { list-style: none; line-height: 1.5em; }
.sub-links li a { text-decoration: none; }

.likebox {
    margin-bottom: 25px;
    overflow: hidden;
}

.connect.inline .likebox { width: 260px; display: inline-block; vertical-align: top; margin-right: 50px; }

.leadbox {
    border-radius: 20px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.05);
    background: #FFF;
    padding: 20px 25px;
    margin: 0 0 30px;
}

.leadbox h4 {
    font-size: 1.5em;
    line-height: 1.2em;
}

.olives { background: #f3f3f3; padding: 20px; margin-bottom: 40px; }
.olives-left { background: transparent url('img/olives-left.png') no-repeat center left; background-size: 50px 105px; min-height: 105px; }
.olives-right { background: transparent url('img/olives-right.png') no-repeat center right; background-size: 50px 105px; min-height: 105px; }
.olives-content { margin: 0 80px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, sans-serif; text-align: center; font-size: 1.1em; line-height: 1.4em; padding: 20px; }



.s-loading-section { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(255,255,255,.5); z-index: 100; }
.s-loading-section .s-loading-content { display: inline-block; }


.popup-content--settings{
    max-width: 800px;
}

.fixed-edit-btns{
    position: fixed;
    left: 5px;
    bottom: 5px;
    z-index: 180;
}

.edit-button,
.demo-setting-open {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 12px;
    background: #393939;
    color: #FFF;
    cursor: pointer;
    display: block;
    margin: 10px 0 0;
    text-decoration: none;
}

.edit-button{
    background: #f3f3f3;
    color: #000;
}

.dark-theme .edit-button{
    background: #393939;
    color: #FFF;
}

.setting-button:hover {
    color: #FFF;
    opacity: 1;
}

@media (max-width: 900px) {
    .fixed-edit-btns{
        display: none;
    }
}

@media print{
    .fixed-edit-btns{
        display: none;
    }
}

.settings-head{
    font-size: 24px;
    font-weight: bold;
}

.settings_link-all{
    margin: 10px 0;
}

.settings-btns{
    float: right;
}

.settings-btns__clear{
    display: inline-block;
    margin: 0 15px 0 0;
}

.settings-btns__save{
    min-width: 0 !important;
}

.btn-settings{
    position: fixed;
    top: 20px;
    left: 20px;
    background: #6300ff;
}

.setting-subhead{
    margin: 40px 0 15px;
}

.settings__el{
    margin: 0 10px 10px 0;
}

.settings__el--color{
    border:4px solid #FFF;
    line-height: 0;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
}
.settings__el--color.selected{
    border:4px solid #c8c8c8;
}

.settings__el input[type="radio"]{
    margin: 0 10px 0 0;
}

.settings-reset{
    float: right;
    margin: 0 10px 0 0;
}

.settings-footer{
    line-height: 33px;
    margin: 20px 0 0 0;
}
.settings-header{
    margin: 0 0 10px 0;
}

.setting-title{
    font-weight: bold;
    margin: 0 0 10px;
}

.settings-list{
    margin: 0 0 20px;
    width: 100%;
}

input.settings__el-color{
    cursor: pointer;
    border: 1px solid #CCC;
}

.settings-clear{
    display: inline-block;
    margin: 0 0 0 10px;
    border-bottom: 1px dotted;
    line-height: 13px;
}

.content-loading{
    animation: spin 1s infinite linear;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    display: inline-block;
    font-size: 28px;
    font-style: normal;
}

.content-loading--mini{
    font-size: 18px;
}

.content-loading:before{
    content: "\f110";
}

.popup-content--settings{
    max-width: 800px;
}

.settings-clear-color{
    cursor: pointer;
    margin: 0 0 0 5px;
    font-size: 18px;
}


.window-name{
    margin: 0 0 30px;
    text-align: center;
    font-size: 24px;
}


.dialog-window .wa-value,
.dialog-window .wa-value p{
    position: relative;
}

.dialog-window .wa-value p .errormsg,
.dialog-window .wa-captcha ~ .wa-error-msg{
    position: absolute;
    left: 0;
    bottom: -13px
}

.dialog-window .wa-captcha{
    min-height: 72px;
}

/* *** SEARCH PRO field plugin */

.shop-regions{
    position: relative;
}

.header-location .shop-regions__link:hover{
    color: inherit;
}

.header-location .shop-regions__button{
    line-height: 18px;
}

.searchpro__field{
    width: 100% !important;
    color: #000;
}

.searchpro__field .searchpro__field-container{
    border: 1px solid #ececec !important;
    height: 50px !important;
    border-radius: 12px !important;
}

.searchpro__field .searchpro__field-button-container .searchpro__field-button{
    border-radius: 0 12px 12px 0 !important;
}

@media (max-width: 1200px){
    .searchpro__field .searchpro__field-button-container .searchpro__field-button{
        padding: 0 12px !important;
        background: #FFF !important;
        font-size: 0 !important;
    }

    .searchpro__field .searchpro__field-button-container .searchpro__field-button:after{
        content: "\f002";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 15px;
    }

    .searchpro__field .searchpro__field-categories-container .searchpro__field-categories-label{
        padding: 0 20px 0 10px !important;
    }

    .searchpro__field .searchpro__field-categories-container .searchpro__field-categories-label:after{
        right: 5px !important;
    }

    .searchpro__field-container .searchpro__field-clear-button{
        width: 25px !important;
    }

    .searchpro__field .searchpro__field-input-container .searchpro__field-input{
        padding: 0 25px 0 15px !important;
    }
}

.header-fixed .js-searchpro__field{
    display: block !important;
}

/*  Seo-regions plugin  */



.shop-regions-window__wrapper a{
    color: #000!important;
}

.shop-regions-ip-analyzer{
    width: auto !important;
}

.shop-regions-window__wrapper,
.shop-regions-ip-analyzer__wrapper{
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1) !important;
    border-radius: 15px;
    line-height: normal;
    color: #000 !important;
}

.shop-regions-ip-analyzer__wrapper{
    color: var(--popup-text-color) !important;
    background: var(--popup-bg-color) !important;
}

.shop-regions-ip-analyzer__header{
    color: var(--popup-text-color) !important;
}

.shop-regions-window__wrapper input[type=email],
.shop-regions-window__wrapper input[type=number],
.shop-regions-window__wrapper input[type=password],
.shop-regions-window__wrapper input[type=search],
.shop-regions-window__wrapper input[type=text],
.shop-regions-window__wrapper input[type=phone],
.shop-regions-window__wrapper input[type=tel],
.shop-regions-window__wrapper input[type=url],
.shop-regions-window__wrapper select,
.shop-regions-window__wrapper textarea{
    background:#FFF !important;
    border-color: #dddddd !important;
    color: #000 !important;
}


.shop-regions-ip-analyzer__wrapper{
    min-width: 310px !important;
    padding: 20px 30px !important;
    line-height: normal !important;
    box-sizing: border-box;
}

@media (min-width: 1025px){
    .header-top-right .shop-regions-ip-analyzer__wrapper{
        right: -10px;
    }
}

.m-header__bottom .shop-regions-ip-analyzer__wrapper{
    width: 285px;
    left: 50%;
    margin-left: -142.5px;
    margin-top: 4px;
}

.shop-regions-ip-analyzer__triggers {
    white-space: nowrap;
}

.shop-regions-window__header,
.shop-regions-window__search .shop-regions-window__sub-header,
.shop-regions-ip-analyzer__header{
    font-size: 17px !important;
    font-weight: bold !important;
}

.shop-regions-ip-analyzer__button{
    border-radius: 7px !important;
    border: none !important;
    padding: 0 10px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.shop-regions-ip-analyzer__button.shop-regions__trigger-switch-city{
    box-shadow: var(--button-box-shadow) !important;
    background: var(--button-color-bg) !important;
    color: var(--button-color-font) !important;
}

.shop-regions-ip-analyzer__button.shop-regions-ip-analyzer__trigger-select-city{
    box-shadow: none !important;
    background: #f3f3f3 !important;
    color: #000 !important;
}

.shop-regions__button-close{
    top: 13px !important;
    right: 20px !important;
}

.shop-regions-button .shop-regions__link{
    border-bottom: none !important;
}

.shop-regions-button__icon{
    margin: 0 5px 0 0;
}

@media (max-width: 1000px) {
    .shop-regions-ip-analyzer__triggers .shop-regions-ip-analyzer__trigger-select-city {
        margin-left: 10px !important;
    }

    .shop-regions-ip-analyzer__wrapper{
        padding: 15px 20px !important;
        min-width: 285px !important;
    }
}

@media (max-width: 1024px){
    .shop-regions-window__wrapper{
        padding-bottom: 70px !important;
    }
}


@media (max-width: 460px){
    .shop-regions-window_show{
        z-index: 99999 !important;
    }
    .shop-regions-window__wrapper{
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-top: 20px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        border-radius: 0;
    }
    .shop-regions-window__search, .shop-regions-window__regions_popular{
        padding-left: 0 !important;
    }
    .shop-regions-window__search .shop-regions-window__sub-subheader{
        line-height: 16px;
    }
    .shop-regions-window-search{
        width: 100% !important;
    }
    .shop-region-window_regions_and_cities{
        display: flex !important;
        box-sizing: border-box !important;
    }
    .shop-regions-window .shop-region-window_regions_sidebar{
        width: 50% !important;
    }
    .shop-regions-window .with_regions .shop-regions-window_cities_list{
        width: 50% !important;
        margin-left: 0 !important;
    }
    .shop-region-window_regions_sidebar > *{
        margin-right: 20px;
    }
    .shop-region-window_regions_sidebar .sub_header{
        margin-left: 0 !important;
    }
    .shop-regions-window .shop-regions-window__region_region{
        padding: 5px 8px 5px 8px !important;
        margin-left: 0 !important;
    }
}


/*  City-select plugin  */

.b-cityselect__wrapper{
    line-height: normal;
}

.b-cityselect__city{
    border-bottom: none !important;
}

.b-cityselect__city .fa {
    margin-right: 5px;
}

.b-cityselect__notifier{
    padding: 15px 20px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1) !important;
    border: none !important;
    border-radius: 15px !important;
    background: var(--popup-bg-color) !important;
    color: var(--popup-text-color) !important;
}

@media (min-width: 1025px){
    .header-top-right .b-cityselect__notifier{
        right: 0;
    }
}

.m-header__bottom .b-cityselect__notifier{
    width: 200px;
    left: 50%;
    margin-left: -120px;
    margin-top: 4px;
}

.b-cityselect__city_yes,
.b-cityselect__city_no{
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 7px !important;
}

.b-cityselect__city_no{
    box-shadow: none !important;
    background: #f3f3f3 !important;
    color: #000 !important;
}

.b-cityselect__notifier_triangle{
    display: none;
}

.b-cityselect__mfp{
    border-radius: 20px !important;
    background: var(--popup-bg-color) !important;
    color: var(--body-text-color) !important;
}

.b-cityselect__mfp .mfp-close,
.b-cityselect__mfp .mfp-close:hover{
    top: 15px;
    right: 15px;
}

.b-cityselect__list li{
    margin-bottom: 15px !important;
}



/* END City-select plugin  */

/* sidebar search */

.sidebar-search{
    position: relative;
    margin: 0 0 30px;

}

input.sidebar-search__field{
    height: 40px;
    line-height: 40px;
    padding: 0 50px 0 20px;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
}

.sidebar-search__btn{
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    text-align: center;
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
    font-size: 13px;
    border-radius: 10px;
}

/* buy1click ---- plugin */

.buy1click-button{
    width: auto !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border-radius: 7px !important;
    height: 30px !important;
    line-height: 30px !important;
    background: var(--fastorder-color-bg) !important;
    border: 1px solid var(--fastorder-color-border) !important;
    color: var(--fastorder-color-font) !important;
    font-weight: normal !important;
    box-shadow: none !important;
}

.product-tile__fastorder .buy1click-button{
    width: 100% !important;
}

.product-line__fastorder .buy1click-button{
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
}

@media (max-width: 450px){
    .product-book__fastorder .buy1click-button{
        width: 100% !important;
    }
}

.product-main__cart .buy1click-button{
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    border-radius: 12px !important;
    white-space: normal !important;
    line-height: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.buy1click-button[disabled]{
    opacity: .3 !important;
}

.buy1click-button:active{
    box-shadow: none !important;
}

.button-fastorder .buy1click-button.buy1click-open-button_loading,
.button-fastorder .buy1click-form-button_loading{
    color: inherit !important;
    opacity: 0.3;
}

.buy1click-button .buy1click-svg-icon__content {
    stroke: rgb(0, 0, 0) !important;
}

@media (min-width: 581px){
    .buy1click-form__content{
        padding: 50px !important;
        width: 580px !important;
        border-radius: 20px !important;
    }
}

/*  storequickorder --- plugin */

.storequickorder-button,
input.storequickorder-button{
    width: auto;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 7px;
    height: 30px;
    line-height: 28px;
    background: var(--fastorder-color-bg);
    border: 1px solid var(--fastorder-color-border);
    color: var(--fastorder-color-font);
    font-weight: normal;
    box-shadow: none;
}

input.storequickorder-button:active{
    box-shadow: none;
}

input.storequickorder-button[disabled]{
    background: none;
    color: #CCC;
}

.product-tile__fastorder .storequickorder-button{
    width: 100%;
}

.product-line__fastorder .storequickorder-button{
    width: 100%;
    height: 38px;
    line-height: 36px;
}

.product-main__cart .storequickorder-button{
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 12px;
    white-space: normal;
    line-height: 16px;
    box-sizing: border-box;
    width: 100%;
}

@media (max-width: 450px){
    .product-book__fastorder .storequickorder-button{
        width: 100%;
    }
}

#storequickorder .dialog-background{
    background: rgba(0,0,0,0.5) !important;
    z-index: 1000 !important;
}

#storequickorder .dialog-window{
    box-shadow: none !important;
    border: none !important;
    padding: 0 0 80px !important;
    border-radius: 25px !important;
    background: var(--popup-bg-color) !important;
    color: var(--body-text-color) !important;
}

#storequickorder .dialog-content-indent {
    padding: 30px 30px 0 !important;
    width: 460px;
    max-width: 100%;
    box-sizing: border-box;
}

#storequickorder .dialog-buttons-gradient{
    background: none !important;
    box-shadow: none !important;
}

#storequickorder .icon16.close{
    color: var(--body-text-color);
}

#storequickorder .close{
    font-size: 20px !important;
    text-decoration: none;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    color: #000;
    opacity: 1;
    letter-spacing: 1px;
    font-weight: 500;
    background: none !important;
    text-indent: 0 !important;
    font-style: normal;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

#storequickorder .close:after{
    content: "\2715";
}

.storequickorder-window-product_info{
    margin: 0 0 10px;
}

.storequickorder-window-product_info-image{
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    margin: 0 13px 0 0;
}

.storequickorder-window-product_info-name{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
}

#storequickorder .dialog-buttons{
    text-align: center;
    padding: 0 0 30px;
}

@media (max-width: 460px){
    #storequickorder .dialog-content-indent{
        width: 320px;
        padding: 10px 10px 0 !important;
    }
}

#storequickorder .checkout-result{
    padding: 0 0 20px;
}

/*  quickorder --- plugin */

.quickorder-button,
.quickorder-button-cart{
    width: auto !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border-radius: 7px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-weight: normal !important;
    box-shadow: none !important;
    background: var(--fastorder-color-bg) !important;
    border: 1px solid var(--fastorder-color-border) !important;
    color: var(--fastorder-color-font) !important;
}

.quickorder-button-cart,
.product-book__fastorder .quickorder-button{
    display: inline-block !important;
}

@media (max-width: 450px){
    .product-book__fastorder .quickorder-button{
        width: 100% !important;
    }
}

.product-tile__fastorder .quickorder-button{
    width: 100% !important;
}

.product-line__fastorder .quickorder-button{
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
}

.product-main__cart .quickorder-button{
    padding: 0 8px !important;
    display: flex !important;;
    align-items: center !important;;
    justify-content: center !important;;
    height: 50px !important;;
    border-radius: 12px !important;;
    white-space: normal !important;;
    line-height: 16px !important;;
    box-sizing: border-box !important;
    width: 100% !important;
}

.button-fastorder.disabled .quickorder-button{
    display: none !important;
}

.w-dialog-wrapper,
.w-dialog-background{
    background: rgba(0,0,0,.3) !important;
}

.w-dialog-wrapper .w-dialog-block{
    box-shadow: none !important;
}

.quickorder-form {
    border-radius: 25px !important;
}

.quickorder-form input[type=email],
.quickorder-form input[type=number],
.quickorder-form input[type=password],
.quickorder-form input[type=search],
.quickorder-form input[type=text],
.quickorder-form input[type=phone],
.quickorder-form input[type=tel],
.quickorder-form input[type=url],
.quickorder-form select,
.quickorder-form textarea{
    background: #FFF;
    color: #000;
}

.quickorder-form [data-quickorder-pfh],
.quickorder-form [data-quickorder-cfh]{
    font-weight: 700 !important;
    margin-bottom: 30px;
    text-align: center;
    font-family: inherit !important;
    background: none !important;
    padding: 30px 30px 0 !important;
}

[data-quickorder-close]{
    position: absolute;
    right: 20px !important;
    top: 18px !important;
    text-decoration: none;
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    line-height: 40px !important;
    text-align: center;
    border: none;
    color: #000;
    letter-spacing: 1px;
    box-sizing: border-box;
    margin-top: 0 !important;
    opacity: 1 !important;
    font-size: 14px;
    background: #f5f5f5;
    font-weight: bold;
}

[data-quickorder-close]:after{
    content: "\2715" !important;
    position: static !important;
    background: none !important;
    height: auto !important;
    width: auto !important;
}

[data-quickorder-close]:before{
    display: none !important;
}

@media (max-width: 380px){
    [data-quickorder-close]{
        right: 10px !important;
        top: 10px !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 10px !important;
        line-height: 30px !important;
    }
}

.quickorder-product .quickorder-cell:first-child {
    padding: 0 15px 0 0 !important;
}

.quickorder-form-content {
    padding: 0 50px !important;
}

.quickorder-form [data-quickorder-pff] {
    padding: 20px 20px 50px !important;
}

.quickorder-form input[type=email],
.quickorder-form input[type=number],
.quickorder-form input[type=password],
.quickorder-form input[type=search],
.quickorder-form input[type=text],
.quickorder-form input[type=phone],
.quickorder-form input[type=url],
.quickorder-form input[type=tel],
.quickorder-form textarea,
.quickorder-form select{
    padding: 0 15px !important;
    border-radius: 12px !important;
}

.quickorder-form textarea{
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

input[type="button"].quickorder-quantity-volume{
    font-size: 20px !important;
    width: 30px !important;
    font-family: inherit !important;
    padding: 0 !important;
    border: none !important;
}

.quickorder-quantity-wrapper input[type='text']{
    padding: 0 !important;
}

.quickorder-heading{
    font-weight: bold !important;
    margin: 30px 0 10px !important;
}

.quickorder-row{
    margin-bottom: 20px !important;
}

.quickorder-field-name{
    font-weight: normal !important;
}

[data-quickorder-pf] .quickorder-methods .s-quickorder-method{
    border: 1px solid #f3f3f3 !important;
}


.quickorder-shipping-rates{
    height: 25px !important;
    line-height: 25px !important;
    border-radius: 0 !important;
}

.quickorder-form .quickorder-coupon-wrap input{
    width: calc(100% - 140px) !important;
    margin-right: 10px;
}

.quickorder-coupon-button{
    text-align: center !important;
    height: 50px;
    line-height: 50px;
    width: 130px !important;
    border-radius: 12px;
    background: var(--button-color-bg);
    color: var(--button-color-font);
    box-shadow: var(--button-box-shadow);
}

.quickorder-coupon-button:hover{
    color: var(--button-color-font);
}

.quickorder-form [data-quickorder-cfb],
.quickorder-form [data-quickorder-pfb]{
    height: 50px !important;
    line-height: 50px !important;
    border-radius: 12px !important;
    padding: 0 20px !important;
    background: var(--button-color-bg) !important;
    color: var(--button-color-font) !important;
    box-shadow: var(--button-box-shadow) !important;
}

.quickorder-js-affiliate{
    background: none !important;
    height: auto;
    line-height: normal;
    padding: 0;
    border-bottom: 1px dashed;
    font-weight: bold;
}

.quickorder-price{
    font-weight: bold;
    font-size: 14px !important;
}

.quickorder-compare-price{
    font-size: 12px !important;
}

.quickorder-services{
    margin: 15px 0 0;
}

.quickorder-service{
    margin: 10px 0 !important;
}

.quickorder-service select{
    height: 25px !important;
    line-height: 25px !important;
}

.quickorder-sku-name{
    padding: 0 !important;
    font-size: 12px !important;
    background: none !important;
    color: #a0a0a0;
}

.quickorder-inline-link{
    line-height: normal;
}

@media (max-width: 500px){
    .quickorder-form-content {
        padding: 0 25px !important;
    }
}

@media (max-width: 350px){
    .quickorder-form-content {
        padding: 0 10px !important;
    }
}

.quickorder-inline-link{
    border-bottom: 1px dashed !important;
}

.quickorder-popup{
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
}

[data-quickorder-pb]{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[data-quickorder-pf] .quickorder-popup{
    border-radius: 0 !important;
}

[data-quickorder-pf] .quickorder-popup-head{
    background: none !important;
    font-weight: bold !important;
    padding: 20px !important;

}
.quickorder-popup-content{
    padding: 0 20px 20px 20px !important;
}

.quickorder-remove a{
    font-size: 0 !important;
    color: #000 !important;;
    padding: 0 !important;;
    width: 20px !important;;
    height: 20px !important;;
    line-height: 20px !important;
    text-align: center;
    background: none;
    border: none !important;
}

.quickorder-remove a:hover{
    background: none !important;
}

.quickorder-remove a:before{
    content: "\2715";
    font-size: 15px;
}

[data-quickorder-cf] .quickorder-product{
    border-bottom: 1px solid #f3f3f3 !important;
}
@media (max-width: 500px){
    .quickorder-form .wa-captcha .wa-captcha-input{
        width: 120px;
        margin: 0 !important;
    }
}

/* contacts page */
.contact-page__text{
    margin: 0 0 40px;
}
.contact-items{
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-auto-flow: column;
    margin: 0 0 60px;
    gap: 20px;
}
@media (max-width: 750px){
    .contact-items{
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 420px){
    .contact-items{
        grid-template-rows: 1fr;
        grid-auto-flow: row;
    }
}

.contact-item__title{
    font-size: 13px;
    margin: 0 0 5px;
    color: #787878;
}

.contact-item__icon{
    font-size: 12px;
    margin: 0 5px 0 0;
}

.contact-item__phone{
    text-decoration: none;
}

.contact-item__social{
    text-decoration: none;
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border-radius: 7px;
    background: #f8f8f8;
    margin: 0 5px 0 0;
    font-size: 18px;
}

.contact-item__social__img{
    vertical-align: middle;
    margin: 0 0 6px;
    width: 19px;
}

.contact-page__form-map{
    display: flex;
}

.contact-page__map{
    flex: 1 0 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0;
    border-radius: 35px;
    overflow: hidden;
    min-height: 300px;
    order: 2;
}

@media (max-width: 450px){
    .contact-page__map{
        min-height: 420px;
    }
}

.contact-page__map iframe{
    flex: 1 0 100%;
    position: relative;
    z-index: 0;
}

.contact-page__form{
    flex: 1 0 50%;
    box-sizing: border-box;
    position: relative;
    padding: 0 30px 0 0;
    max-width: 50%;
    order: 1;
}

.contact-page__form .wa-field:last-child{
    margin-bottom: 0;
}

@media (max-width: 750px){
    .contact-page__form-map{
        display: block;
    }

    .contact-page__map{
        margin: 0 0 50px;
    }

    .contact-page__form{
        max-width: none;
        padding: 0;
    }
}

/* shops address page */

.sk-shop-list{
    display: flex;
    margin: 0 0 30px;
    padding: 35px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    border-radius: 25px;
    background: var(--wrap-bg-color);
}

.sk-shop-list_data{
    flex: 1 1 auto;
    box-sizing: border-box;
}

.sk-shop-list__map{
    flex: 0 0 33%;
    box-sizing: border-box;
    flex-direction: column;
    min-height: 200px;
    max-height: 100%;
    padding: 0 0 0 30px;
    display: flex;
}

.sk-shop-list__map:last-child{
    flex: 0 0 66%;
}

.sk-shop-list__map-inner{
    flex: 1 0 100%;
    flex-direction: column;
    display: flex;
    overflow: hidden;
    border-radius: 25px;
}

.sk-shop-list__map iframe {
    flex: 1 0 100%;
}

.sk-shop-list__image{
    flex: 0 0 33%;
    box-sizing: border-box;
    padding: 0 0 0 30px;
    line-height: 1;
}

.sk-shop-list__image img{
    border-radius: 25px;
    display: inline-block;
}

.sk-shop-list-data-address{
    font-size: 18px;
    margin: 0 0 25px;
    font-weight: bold;
}

.sk-shop-list-data-item__title{
    font-size: 12px;
}

.sk-shop-list-data-item{
    margin: 20px 0 0;
}

.sk-shop-list-data-item__icon{
    font-size: 12px;
    margin: 0 5px 0 0;
}

.sk-shop-list-data-item__value a{
    text-decoration: none;
}

@media (max-width: 1024px){
    .sk-shop-list{
        flex-wrap: wrap;
    }

    .sk-shop-list_data{
        flex: 0 0 100%;
        margin: 0 0 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .sk-shop-list_data:last-child{
        margin-bottom: 0;
    }

    .sk-shop-list-data-address{
        flex: 0 0 100%;
    }

    .sk-shop-list-data-item{
        flex: 0 0 50%;
        box-sizing: border-box;
        padding-right: 20px;
    }

    .sk-shop-list__map{
        flex: 0 0 50%;
        padding-left: 0;
    }

    .sk-shop-list__map:last-child{
        flex: 0 0 100%;
    }

    .sk-shop-list__image{
        flex: 0 0 50%;
    }
}

@media (max-width: 650px){
    .sk-shop-list__map{
        flex: 0 0 100%;
        margin: 0 0 30px;
        height: 300px;
    }

    .sk-shop-list__map:last-child{
        margin-bottom: 0;
    }

    .sk-shop-list__image{
        flex: 0 0 100%;
        padding: 0;
    }
}

@media (max-width: 500px){
    .sk-shop-list-data-item{
        flex: 0 0 100%;
        padding-right: 0;
    }
}

@media (max-width: 359px){
    .sk-shop-list{
        padding: 20px;
    }

    .sk-shop-list-data-address{
        margin: 0 0 15px;
    }

    .sk-shop-list-data-item{
        margin: 10px 0 0;
    }
}

/* list with images and text */

.sk-imgtext-item{
    margin: 0 0 30px;
    padding: 20px;
    display: flex;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    border-radius: 25px;
    background: var(--wrap-bg-color);
}

.sk-imgtext-item__img{
    margin: 15px;
    flex: 0 0 350px;
    text-decoration: none;
    order: 5;
}

.sk-imgtext-item__body{
    margin: 15px;
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    order: 10;
}

.sk-imgtext-item:nth-child(even) .sk-imgtext-item__body{
    order: 1;
}

.sk-imgtext-item__img img{
    border-radius: 20px;
}

.sk-imgtext-item__title{
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.sk-imgtext-item__title h1,
.sk-imgtext-item__title h2,
.sk-imgtext-item__title h3,
.sk-imgtext-item__title h4,
.sk-imgtext-item__title h5,
.sk-imgtext-item__title h6{
    font-size: inherit;
    margin: 0;
}

.sk-imgtext-item__text{
    flex: 1 1 auto;
}

.sk-imgtext-item__more{
    margin: 15px 0 0;
}

@media (max-width: 800px){
    .sk-imgtext-item__img{
        flex: 0 0 40%;
    }

    .sk-imgtext-item__title{
        line-height: 16px;
        line-height: 1.3;
        margin: 0 0 10px;
    }
}

@media (max-width: 650px){
    .sk-imgtext-item{
        display: block;
    }
}

@media (max-width: 359px){
    .sk-imgtext-item{
        padding: 10px;
        margin: 0 0 20px;
    }
}

/* page text with image */
.sk-text-image__item{
    display: flex;
    align-items: center;
    padding: 0 0 25px;
}

.sk-text-image__item:last-child{
    margin-bottom: 0;
}

.sk-text-image__img{
    flex: 0 0 auto;
    max-width: 500px;
    order: 5;
    margin: 15px 0 15px 40px;
}

.sk-text-image__item:nth-child(odd) .sk-text-image__img{
    order: 0;
}

.sk-text-image__img img{
    border-radius: 25px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
}


@media (max-width: 1250px){
    .content-cols--sidebar .sk-text-image__img {
        max-width: 400px;
    }
}

@media (max-width: 1024px){
     .sk-text-image__img {
        max-width: 300px;
    }
}

@media (min-width: 801px){
    .sk-text-image__item:nth-child(odd) .sk-text-image__img{
        margin: 15px 40px 15px 0;
    }
}

@media (max-width: 800px){
    .sk-text-image__item{
        flex-direction: column;
        margin: 0;
        align-items: end;
    }

    .sk-text-image__item:nth-child(odd){
        align-items: start;
    }

    .sk-text-image__img {
        margin: 0 0 20px;
        order: 0;
        max-width: 500px;
    }
}

@media (max-width: 650px){
    .sk-text-image__item {
        display: block;

    }

    .sk-text-image__img{
        margin: 0 0 20px 0;

    }
}

/* простой список картинок */
.sk-content-images{
    overflow: hidden;
    margin: -15px;
}

.sk-content-images__inner{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.sk-content-images__item{
    padding: 15px;
    text-decoration: none;
    box-sizing: border-box;
}

.sk-content-images__item a{
    text-decoration: none;
}

.sk-content-images__item img{
    border-radius: 25px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
}

.sk-content-images__item{
    flex: 0 0 25%;
}

@media (min-width: 1025px){
    .content-cols--sidebar .sk-content-images__item{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 1200px){
    .sk-content-images__item{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 1200px) and (min-width: 1025px){
    .content-cols--sidebar .sk-content-images__item{
        flex: 0 0 50%;
    }
}

@media (max-width: 950px){
    .sk-content-images__item{
        flex: 0 0 50%;
    }
}

@media (max-width: 600px){
    .sk-content-images{
        margin: -7.5px;
    }

    .sk-content-images__item{
        padding: 7.5px;
    }
}

@media (max-width: 450px){
    .sk-content-images{
        margin: 0;
    }

    .sk-content-images__inner{
        display: block;
    }

    .sk-content-images__item{
        padding: 0;
        margin: 0 0 15px;
    }

}

/* page of faq */

.sk-content-faq{
    display: flex;
    align-items: start;
}

.sk-content-faq-questions{
    flex: 0 0 65%;
    padding: 0 40px 0 0;
    box-sizing: border-box;
}

.sk-content-faq-feedback{
    flex: 0 0 auto;
    width: 35%;
    box-sizing: border-box;
    background: #f3f3f3;
    border-radius: 25px;
    padding: 40px;
}

.dark-theme .sk-content-faq-feedback{
    background: var(--wrap-bg-color);
}

.sk-content-faq-feedback__title{
    font-size: 24px;
    line-height: 1.3;
    font-weight: bold;
    margin: 0 0 20px;
}

.sk-content-faq-feedback .wa-field{
    margin: 0 0 20px;
}

.sk-content-faq-feedback .wa-field:last-child{
    margin-bottom: 0;
}

.sk-content-faq-feedback .wa-name{
    margin: 0 0 7px;
}

@media (max-width: 1250px) and (min-width: 1025px){
    .content-cols--sidebar .sk-content-faq-questions{
        flex: 0 0 60%;
    }

    .content-cols--sidebar .sk-content-faq-feedback{
        width: 40%;
        padding: 30px;
    }

    .content-cols--sidebar .sk-content-faq-feedback__title{
        font-size: 20px;
    }
}


@media (max-width: 1024px) and (min-width: 701px), (max-width: 359px){
    .sk-content-faq-feedback__title{
        font-size: 20px;
    }
}

@media (max-width: 900px) and (min-width: 701px){
    .sk-content-faq-questions{
        flex: 0 0 60%;
    }

    .sk-content-faq-feedback{
        width: 40%;
    }
}

@media (max-width: 800px) and (min-width: 701px){
    .sk-content-faq-questions{
        flex: 0 0 55%;
    }

    .sk-content-faq-feedback{
        width: 45%;
    }

}

@media (max-width: 800px) and (min-width: 701px), (max-width: 359px){
    .sk-content-faq-feedback{
        padding: 30px;
    }
}

@media (max-width: 700px){
    .sk-content-faq{
        display: block;
    }

    .sk-content-faq-questions{
        flex: 0 0 55%;
        padding: 0;
    }

    .sk-content-faq-feedback{
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
}

/* страница о компании */

.sk-content-text-media{
    display: flex;
    margin: 0 0 50px;
}

.sk-content-text-media:last-child{
    margin-bottom: 0;
}

.sk-content-text-media__left{
    flex: 1 1 48%;
}

.sk-content-text-media__right{
    flex: 1 1 48%;
    margin: 0 0 0 4%;
}

.sk-content-text-media img{
    border-radius: 25px;
}

@media (max-width: 800px){
    .sk-content-text-media{
        flex-direction: column;
        margin: 0 0 30px;
    }

    .sk-content-text-media__left{
        order: 2;
        flex: 1 1 auto;
    }

    .sk-content-text-media__right{
        flex: 1 1 auto;
        margin: 0 0 20px;
    }
}

/* фактоиды в контенте */

.sk-content-fact-list{
    display: flex;
    margin: 0 0 50px;
    flex-wrap: wrap;
    background: #f3f3f3;
    border-radius: 35px;
    padding: 30px;
}

.dark-theme .sk-content-fact-list{
    background: var(--wrap-bg-color);
}

.sk-content-fact-list:last-child{
    margin-bottom: 0;
}

.sk-content-fact{
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: center;
    flex: 0 0 20%;
}


.sk-content-fact__counter{
    font-size: 38px;
    font-weight: bold;
}

.sk-content-fact__title{
    line-height: 1.2;
    color: #868686;
    font-size: 13px;
}



@media (max-width: 1200px){
    .sk-content-fact__counter{
        font-size: 34px;
    }
}

@media (max-width: 1100px){
    .sk-content-fact__counter{
        font-size: 30px;
    }
}

@media (min-width: 1025px){
    .content-cols--sidebar .sk-content-fact{
        flex: 0 0 25%;
    }
}

@media (max-width: 1024px){
    .sk-content-fact{
        flex: 0 0 25%;
    }
}

@media (max-width: 800px){
    .sk-content-fact{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 550px){
    sk-content-fact-list{
        margin-bottom: 30px;
    }

    .sk-content-fact{
        flex: 0 0 50%;
    }
}

@media (max-width: 400px){
    .sk-content-fact{
        padding: 10px;
    }
}

@media (max-width: 359px){
    .sk-content-fact__counter {
        font-size: 28px;
    }
}

/* список плиток с картинками */

.sk-tile-list{
    overflow: hidden;
    margin: -10px;
    padding: 0 0 50px;
}

@media (max-width: 800px){
    .sk-tile-list{
        padding: 0 0 30px;
    }
}

.sk-tile-list:last-child{
    padding-bottom: 0;
}

.sk-tile-list__inner{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.sk-tile-item{
    padding: 10px;
    box-sizing: border-box;
}

.sk-tile-item__inner{
    padding: 30px;
    border-radius: 25px;
    box-shadow: 0 5px 17px rgba(0,0,0,0.03);
    background: var(--wrap-bg-color);
}

.sk-tile-item__image img{
    border-radius: 15px;
}

.sk-tile-item__image{
    margin: 0 0 10px;
}

.sk-tile-item__body{
    display: flex;
    flex-direction: column;
}

.sk-tile-item__title{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    line-height: 1.3;
}

.sk-tile-item__text{
    flex: 1 1 auto;
    margin: 0 0 15px;
    line-height: 1.1;
}

.sk-tile-item__text:last-child,
.sk-tile-item__title:last-child{
    margin-bottom: 0;
}

.sk-tile-item{
    flex: 0 0 20%;
}

@media (min-width: 1025px){
    .content-cols--sidebar .sk-tile-item{
        flex: 0 0 25%;
    }
}

@media (max-width: 1350px) and (min-width: 1025px){
    .content-cols--sidebar .sk-tile-item{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 1350px){
    .sk-tile-item{
        flex: 0 0 25%;
    }
}

@media (max-width: 1024px){
    .sk-tile-item{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 750px){
    .sk-tile-item{
        flex: 0 0 50%;
    }
}

@media (max-width: 500px){
    .sk-tile-item{
        flex: 0 0 100%;
    }
}

@media (max-width: 359px){
    .sk-tile-item__inner{
        border-radius: 15px;
    }
}

/* text two cols */

@media (min-width: 601px){
    .sk-text-cols{
        columns: 2;
        column-gap: 30px;
    }
}

.sk-text-cols{
    margin: 0 0 50px;
}

@media (max-width: 800px){
    .sk-text-cols{
        margin: 0 0 30px;
    }
}

.sk-text-cols:last-child{
    margin: 0;
}

/* услуги компании в контенте */


.sk-page-services{
    display: flex;
    margin: 0 0 50px;
    flex-wrap: wrap;
}

@media (max-width: 800px){
    .sk-page-services{
        padding: 0 0 30px;
    }
}

.sk-page-services:last-child{
    padding-bottom: 0;
}

.sk-page-services__item{
    padding: 0 20px 20px 0;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    line-height: 1.4;
}

.sk-page-services__icon,
.sk-page-services__image{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    flex: 0 0 auto;
    margin: 2px 10px 0 0;
}

.sk-page-services__icon{
    background: var(--wrap-bg-color);
    border-radius: 10px;
    font-size: 16px;
}

.sk-page-services__image img{
    max-height: 40px;
}

.sk-page-services__title{
    font-size: 16px;
    font-weight: bold;
}

.sk-page-services__text{
    font-size: 13px;
    color: #6d6d6d;
}

.sk-page-services__item{
    flex: 0 0 25%;
}

@media (min-width: 1025px){
    .content-cols--sidebar .sk-page-services__item{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 1250px) and (min-width: 1025px){
    .content-cols--sidebar .sk-page-services__item{
        flex: 0 0 50%;
    }
}

@media (max-width: 1250px){
    .sk-page-services__item{
        flex: 0 0 33.33%;
    }
}

@media (max-width: 950px){
    .sk-page-services__item{
        flex: 0 0 50%;
    }
}

@media (max-width: 650px){
    .sk-page-services__item{
        flex: 0 0 100%;
        padding-right: 0;
    }
}


/* error page */

.error-page{
    position: relative;
}

.error-page__code{
    font-size: 350px;
    line-height: 300px;
    font-weight: bold;
    color: #f8f8f8;
    position: absolute;
    left: 250px;
    top: 0;
    z-index: 1;
    border-radius: 70px;
}

.dark-theme .error-page__code{
    color: rgba(255,255,255,0.05);
}

.error-page__content{
    position: relative;
    z-index: 2;
}

.error-page__badge{
    font-size: 16px;
}

.error-page__title{
    margin-top: 0;
    font-size: 42px;
}

.error-page__buttons{
    margin: 150px 0 0;
}

.error-page__back{
    margin: 0 40px 0 0;
    vertical-align: middle;
}

.error-page__home{
    vertical-align: middle;
}

@media (max-width: 1200px){
    .content-cols--sidebar .error-page__code{
        left: 0;
    }
}

@media (max-width: 1024px){
    .error-page__code{
        left: 0;
    }
}

@media (max-width: 800px){
    .error-page__code{
        font-size: 280px;
        line-height: 250px;
    }

    .error-page__buttons{
        margin: 130px 0 0;
    }
}

@media (max-width: 600px){
    .error-page__code{
        font-size: 220px;
        line-height: 200px;
    }

    .error-page__buttons{
        margin: 100px 0 0;
    }

    .error-page__title{
        font-size: 32px;
        line-height: 32px;
    }
}

@media (max-width: 420px){
    .error-page__code{
        font-size: 160px;
        line-height: 266px;
    }

    .error-page__buttons{
        margin: 80px 0 0;
    }
}

.last-photos__list{
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-template-rows: repeat(2, 200px);
    gap: 20px;
    border-radius: 25px;
}

.last-photos__item{
    border-radius: 20px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    box-shadow: 0 5px 25px rgba(0,0,0,0.04);
}

.last-photos__item.-title{
    box-shadow: none;
    padding: 0 20px 0 0;
    box-sizing: border-box;
}

.last-photos__item:nth-child(1){
    grid-column: auto / span 4;
}

.last-photos__item:nth-child(2){
    grid-column: auto / span 5;
}

.last-photos__item:nth-child(3){
    grid-column: auto / span 3;
}

.last-photos__item:nth-child(4){
    grid-column: auto / span 4;
}

.last-photos__item:nth-child(5){
    grid-column: auto / span 4;
    grid-row: auto / span 2;
}

.last-photos__item:nth-child(6){
    grid-column: auto / span 6;
}

.last-photos__item:nth-child(7){
    grid-column: auto / span 4;
}

.last-photos__item:nth-child(8),
.last-photos__item:nth-child(9){
    grid-column: auto / span 6;
}

@media (max-width: 1250px){
    .last-photos__item:nth-child(1){
        grid-column: auto / span 5;
    }

    .last-photos__item:nth-child(2){
        grid-column: auto / span 4;
    }

    .last-photos__item:nth-child(3){
        grid-column: auto / span 4;
    }

    .last-photos__item:nth-child(4){
        grid-column: auto / span 7;
    }

    .last-photos__item:nth-child(5){
        grid-column: auto / span 7;
        grid-row: auto / span 1;
    }

    .last-photos__item:nth-child(6){
        grid-column: auto / span 4;
    }

    .last-photos__item:nth-child(7){
        grid-column: auto / span 6;
    }

    .last-photos__item:nth-child(8),
    .last-photos__item:nth-child(9){
        grid-column: auto / span 3;
    }
}

@media (max-width: 980px){
    .last-photos__list{
        grid-template-columns: repeat(14, 1fr);
        grid-template-rows: repeat(3, 200px);
    }

    .last-photos__item:nth-child(1){
        grid-column: auto / span 5;
    }

    .last-photos__item:nth-child(2){
        grid-column: auto / span 4;
    }

    .last-photos__item:nth-child(3){
        grid-column: auto / span 5;
    }

    .last-photos__item:nth-child(4){
        grid-column: auto / span 7;
    }

    .last-photos__item:nth-child(5){
        grid-column: auto / span 7;
        grid-row: auto / span 1;
    }

    .last-photos__item:nth-child(6){
        grid-column: auto / span 4;
    }

    .last-photos__item:nth-child(7){
        grid-column: auto / span 6;
    }

    .last-photos__item:nth-child(8),
    .last-photos__item:nth-child(9){
        grid-column: auto / span 4;
    }

}

@media (max-width: 700px){
    .last-photos__list{
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: auto 120px 120px 120px;
        gap: 15px;
    }

    .last-photos__item{
        border-radius: 20px;
    }

    .last-photos__item.-title{
        grid-column: auto / span 10;
        padding: 0;
        margin: 0 0 5px;
    }

    .last-photos__item.-title .h1,
    .last-photos__item.-title h1{
        margin-bottom: 5px;
    }

    .last-photos__item:nth-child(1):not(.-title){
        grid-column: auto / span 10;
        padding: 0;
        margin: 0 0 5px;
    }

    .last-photos__item:nth-child(2){
        grid-column: auto / span 3;
    }

    .last-photos__item:nth-child(3){
        grid-column: auto / span 4;
    }

    .last-photos__item:nth-child(4){
        grid-column: auto / span 3;
    }

    .last-photos__item:nth-child(5){
        grid-column: auto / span 5;
        grid-row: auto / span 1;
    }

    .last-photos__item:nth-child(6){
        grid-column: auto / span 5;
    }

    .last-photos__item:nth-child(7){
        grid-column: auto / span 6;
    }

    .last-photos__item:nth-child(8),
    .last-photos__item:nth-child(9){
        grid-column: auto / span 4;
    }

}

@media (max-width: 500px){
    .last-photos__list{
        grid-template-rows: auto 80px 80px 80px;
        gap: 10px;
    }

    .last-photos__item{
        border-radius: 15px;
    }
}

/* инфо страница доставки и оплаты */

.delivery-page-section{
    display: flex;
    margin: 0 0 80px;
    gap: 40px;
}



.delivery-page-section__head{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
}

.delivery-page-section__image{
    flex: 1 0 calc(50% - 20px);
    order: 1;
}

.delivery-page-section__content{
    flex: 1 0 calc(50% - 20px);
    order: 5;
}

.delivery-page-section:last-child{
    margin: 0;
}

.delivery-page-section__image img{
    border-radius: 25px;
}

.delivery-page-section-item__title{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.4;
}

.delivery-page-section__items{
    margin: 0;
}

.delivery-page-section-item__icon{
    margin: 0 25px 0 0;
    width: 50px;
    height: 50px;
}

.delivery-page-section-item__icon img{
    max-width: 50px;
    max-height: 50px;
}

@media (min-width: 901px){
    .delivery-page-section:nth-child(odd) .delivery-page-section__image{
        order: 10;
    }
}

@media (max-width: 900px){
    .delivery-page-section{
        flex-direction: column;
        gap: 20px;
        margin: 0 0 60px;
    }
}







