@charset "UTF-8";

.icon-acc {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-acc-authorized {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-arrow-back {
    display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 1.5rem
}

.icon-arrow-btn {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 0.9rem
}

.icon-arrow-categories {
    display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 0.5rem
}

.icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 0.7rem
}

.icon-arrow-left {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1.6rem
}

.icon-arrow-link {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 0.9rem
}

.icon-arrow-right {
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem;
    height: 1.2rem
}

.icon-arrow-search {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 0.9rem
}

.icon-arrow-select {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 0.7rem
}

.icon-arrow-toggle {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 0.8rem
}

.icon-call {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-cancel {
    display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 0.9rem
}

.icon-cart {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-cart-small {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem
}

.icon-catalog {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.1rem
}

.icon-catalog-accessories {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.5rem
}

.icon-catalog-audio {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.7rem
}

.icon-catalog-bags {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.6rem
}

.icon-catalog-games {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    height: 1.1rem
}

.icon-catalog-health {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.5rem
}

.icon-catalog-home {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.6rem
}

.icon-catalog-laptops {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    height: 1.3rem
}

.icon-catalog-phones {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.6rem
}

.icon-catalog-services {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.5rem
}

.icon-catalog-smarthouse {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.6rem
}

.icon-catalog-tech {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.7rem
}

.icon-catalog-transport {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.9rem
}

.icon-catalog-tv {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.5rem
}

.icon-catalog-watch {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.6rem
}

.icon-chat {
    display: inline-block;
    vertical-align: middle;
    width: 3rem;
    height: 3rem
}

.icon-chat-close {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem
}

.icon-chat-messenger {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 6rem
}

.icon-chat-skype {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 6rem
}

.icon-chat-telegram {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 6rem
}

.icon-chat-viber {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 6rem
}

.icon-chat-vk {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 6rem
}

.icon-chat-whatsapp {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 6rem
}

.icon-clear {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem
}

.icon-close {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem
}

.icon-close-alerts {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    height: 1.7rem
}

.icon-close-cart {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    height: 4rem
}

.icon-comments {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.4rem
}

.icon-compare {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 1.9rem
}

.icon-compare-active {
    display: inline-block;
    vertical-align: middle;
    width: 2.6rem;
    height: 2.2rem
}

.icon-decrease {
    display: inline-block;
    vertical-align: middle;
    width: 0.6rem;
    height: 1.1rem
}

.icon-discount {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem
}

.icon-dislike {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem
}

.icon-display-compact {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.1rem
}

.icon-display-grid {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.1rem
}

.icon-display-line {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    height: 1.1rem
}

.icon-dot {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem
}

.icon-dots {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 1.8rem
}

.icon-down {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 0.9rem
}

.icon-error {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-favorites {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.7rem
}

.icon-favorites-active {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 1.7rem
}

.icon-fullscreen {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.3rem
}

.icon-gift {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.4rem
}

.icon-help {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem
}

.icon-increase {
    display: inline-block;
    vertical-align: middle;
    width: 0.6rem;
    height: 1.1rem
}

.icon-lightning {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1.3rem
}

.icon-like {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem
}

.icon-location {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.4rem
}

.icon-nav-home {
    width: 2rem;
    height: 2rem
}

.icon-nav-acc {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-nav-cart {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-nav-catalog {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem
}

.icon-nav-compare {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 1.9rem
}

.icon-nav-wishlist {
    fill: transparent !important;
    stroke: currentColor;
    stroke-width: 2
}

.icon-nav-search {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-next {
    display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 1.6rem
}

.icon-payments-apple {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 1.1rem
}

.icon-payments-google {
    display: inline-block;
    vertical-align: middle;
    width: 2.6rem;
    height: 1.1rem
}

.icon-payments-mastercard {
    display: inline-block;
    vertical-align: middle;
    width: 2.3rem;
    height: 1.4rem
}

.icon-payments-visa {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 0.8rem
}

.icon-prev {
    display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 1.6rem
}

.icon-repeat {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1rem
}

.icon-replace {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.3rem
}

.icon-reset {
    display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 0.9rem
}

.icon-search {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-set {
    display: inline-block;
    vertical-align: middle;
    width: 6.2rem;
    height: 6.2rem
}

.icon-share {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem
}

.icon-social-telegram {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-social-viber {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-social-whatsapp {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-social-skype {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-social-messenger {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-social-email {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-social-vk {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-star {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.4rem
}

.icon-star-fill {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem
}

.icon-stock {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem
}

.icon-subsc {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-toggle {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 1.2rem
}

.icon-up {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 0.9rem
}

.icon-valid {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-video {
    display: inline-block;
    vertical-align: middle;
    width: 4.4rem;
    height: 3.1rem
}

.icon-view {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.4rem
}

.icon-views {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.2rem
}

:root {
    --theme-size: 10px;
    --theme-primary-color: #7266F3;
    --theme-secondary-color: #7F73FA;
    --body-bg: #fff;
    --body-color: #343434;
    --base-font-family: "Roboto", sans-serif;
    --base-font-size: 16px;
    --base-font-lineheight: 1.5;
    --base-font-weight: 400;
    --bg-no-image: #E9E8F1;
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom)
}

.ui-title-35,
.auth__title {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500
}

@media (min-width:1200px) {

    .ui-title-35,
    .auth__title {
        font-size: 3.5rem
    }
}

.ui-title-24 {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 2.4rem;
    line-height: 1.15;
    font-weight: 500
}

.ui-title-20,
.brands-featured__title,
.set__title,
.video__title,
.benefits__title,
.news-featured__title,
.reviews-featured__title,
.categories__title,
.blog-featured__title,
.products-featured__title,
.stories-features__title {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 500
}

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

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body {
    height: 100%;
    -webkit-overflow-scrolling: touch
}

picture {
    display: block
}

img,
video {
    max-width: 100%
}

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

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

input::-ms-clear {
    display: none
}

button,
input,
textarea,
select {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit
}

::selection {
    color: #fff;
    background: #000
}

a:active {
    text-decoration: unset;
    color: unset
}

a:focus {
    text-decoration: unset
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

button {
    cursor: pointer
}

[class^=icon-],
[class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor;
    fill-rule: evenodd
}

.icon-favorites {
    fill: transparent;
    stroke: currentColor;
    stroke-width: 2
}

.icon-star {
    top: -1px
}

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

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

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.ui-btn,
.btn,
.comments__form-close,
.comments__form-btn,
.brands__search-btn,
.details__comments-form-close,
.details__comments-form-btn,
.reviews__item-details-close,
.reviews__form-close,
.reviews__form-btn,
.categories-aside__close,
.ui-code__btn,
.button-group button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid transparent;
    background: none;
    border-radius: 0px;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    height: 5rem;
    transition: border-color 0.25s, color 0.25s, background 0.25s
}

.btn {
    border: 0
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none
}

.ui-btn svg,
.comments__form-close svg,
.comments__form-btn svg,
.brands__search-btn svg,
.details__comments-form-close svg,
.details__comments-form-btn svg,
.reviews__item-details-close svg,
.reviews__form-close svg,
.reviews__form-btn svg,
.categories-aside__close svg,
.ui-code__btn svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-btn svg.icon-arrow-btn,
.comments__form-close svg.icon-arrow-btn,
.comments__form-btn svg.icon-arrow-btn,
.brands__search-btn svg.icon-arrow-btn,
.details__comments-form-close svg.icon-arrow-btn,
.details__comments-form-btn svg.icon-arrow-btn,
.reviews__item-details-close svg.icon-arrow-btn,
.reviews__form-close svg.icon-arrow-btn,
.reviews__form-btn svg.icon-arrow-btn,
.categories-aside__close svg.icon-arrow-btn,
.ui-code__btn svg.icon-arrow-btn {
    margin: 0 0 0 2rem
}

.ui-btn svg.icon-cart,
.comments__form-close svg.icon-cart,
.comments__form-btn svg.icon-cart,
.brands__search-btn svg.icon-cart,
.details__comments-form-close svg.icon-cart,
.details__comments-form-btn svg.icon-cart,
.reviews__item-details-close svg.icon-cart,
.reviews__form-close svg.icon-cart,
.reviews__form-btn svg.icon-cart,
.categories-aside__close svg.icon-cart,
.ui-code__btn svg.icon-cart {
    margin: 0 0 0 1rem
}

.ui-btn svg.icon-share,
.comments__form-close svg.icon-share,
.comments__form-btn svg.icon-share,
.brands__search-btn svg.icon-share,
.details__comments-form-close svg.icon-share,
.details__comments-form-btn svg.icon-share,
.reviews__item-details-close svg.icon-share,
.reviews__form-close svg.icon-share,
.reviews__form-btn svg.icon-share,
.categories-aside__close svg.icon-share,
.ui-code__btn svg.icon-share {
    margin: 0 0 0 0.7rem
}

.ui-btn svg.icon-fullscreen,
.comments__form-close svg.icon-fullscreen,
.comments__form-btn svg.icon-fullscreen,
.brands__search-btn svg.icon-fullscreen,
.details__comments-form-close svg.icon-fullscreen,
.details__comments-form-btn svg.icon-fullscreen,
.reviews__item-details-close svg.icon-fullscreen,
.reviews__form-close svg.icon-fullscreen,
.reviews__form-btn svg.icon-fullscreen,
.categories-aside__close svg.icon-fullscreen,
.ui-code__btn svg.icon-fullscreen {
    margin: 0 0 0 0.8rem;
    top: -1px
}

.ui-btn svg.icon-catalog,
.comments__form-close svg.icon-catalog,
.comments__form-btn svg.icon-catalog,
.brands__search-btn svg.icon-catalog,
.details__comments-form-close svg.icon-catalog,
.details__comments-form-btn svg.icon-catalog,
.reviews__item-details-close svg.icon-catalog,
.reviews__form-close svg.icon-catalog,
.reviews__form-btn svg.icon-catalog,
.categories-aside__close svg.icon-catalog,
.ui-code__btn svg.icon-catalog {
    margin: 0 0 0 1rem
}

.ui-btn svg.icon-arrow-right,
.comments__form-close svg.icon-arrow-right,
.comments__form-btn svg.icon-arrow-right,
.brands__search-btn svg.icon-arrow-right,
.details__comments-form-close svg.icon-arrow-right,
.details__comments-form-btn svg.icon-arrow-right,
.reviews__item-details-close svg.icon-arrow-right,
.reviews__form-close svg.icon-arrow-right,
.reviews__form-btn svg.icon-arrow-right,
.categories-aside__close svg.icon-arrow-right,
.ui-code__btn svg.icon-arrow-right {
    margin: 0 0 0 1rem
}

.ui-btn:hover,
.btn:hover,
.comments__form-close:hover,
.comments__form-btn:hover,
.brands__search-btn:hover,
.details__comments-form-close:hover,
.details__comments-form-btn:hover,
.reviews__item-details-close:hover,
.reviews__form-close:hover,
.reviews__form-btn:hover,
.categories-aside__close:hover,
.ui-code__btn:hover,
.button-group button:hover {
    text-decoration: none
}

.ui-btn:active,
.btn:active,
.comments__form-close:active,
.comments__form-btn:active,
.brands__search-btn:active,
.details__comments-form-close:active,
.details__comments-form-btn:active,
.reviews__item-details-close:active,
.reviews__form-close:active,
.reviews__form-btn:active,
.categories-aside__close:active,
.ui-code__btn:active,
.button-group button:active {
    transition: none;
    transform: scale(0.95)
}

.ui-btn:disabled,
.btn:disabled {
    pointer-events: none;
    opacity: 0.4
}

.ui-btn--40x40 {
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 4px
}

.ui-btn--40x40 svg.icon-clear,
.ui-btn--40x40 svg.icon-favorites,
.ui-btn--40x40 svg.icon-cart,
.ui-btn--40x40 svg.icon-view {
    display: block;
    margin: 0
}

.ui-btn--50x50 {
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 4px
}

.ui-btn--50x50 svg.icon-clear,
.ui-btn--50x50 svg.icon-favorites,
.ui-btn--50x50 svg.icon-cart,
.ui-btn--50x50 svg.icon-view {
    display: block;
    margin: 0
}

.ui-btn--35,
.ui-btn--36 {
    padding: 0.5rem 1.5rem;
    height: 3.5rem;
    font-size: 1.6rem;
    font-weight: 400
}

.ui-btn--38,
.ui-code__btn {
    padding: 0.5rem 2rem;
    height: 3.8rem;
    font-size: 1.4rem
}

.ui-btn--40 {
    padding: 0.5rem 1.5rem;
    height: 4rem;
    font-size: 1.4rem;
    border-radius: 4px
}

.ui-btn--46 {
    padding: 0.5rem 1.5rem;
    height: 4.6rem;
    font-size: 1.5rem;
    font-weight: 400
}

.ui-btn--50 {
    padding: 1rem 2rem;
    height: 5rem
}

.ui-btn--55 {
    padding: 1rem 2rem;
    height: 5.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500
}

.ui-btn--60,
.comments__form-close,
.comments__form-btn,
.details__comments-form-close,
.details__comments-form-btn,
.reviews__item-details-close,
.reviews__form-close,
.reviews__form-btn,
.categories-aside__close {
    padding: 1rem 2rem;
    height: 6rem
}

.ui-btn--fullwidth,
.comments__form-close,
.comments__form-btn,
.details__comments-form-close,
.details__comments-form-btn,
.reviews__item-details-close,
.reviews__form-close,
.reviews__form-btn,
.categories-aside__close {
    width: 100%
}

.ui-btn--primary,
.btn-primary,
.comments__form-btn,
.brands__search-btn,
.details__comments-form-btn,
.reviews__form-btn,
.button-group button {
    background: var(--theme-primary-color);
    color: #fff
}

.ui-btn--primary:after,
.btn-primary:after,
.comments__form-btn:after,
.brands__search-btn:after,
.details__comments-form-btn:after,
.reviews__form-btn:after,
.button-group button:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}

.ui-btn--primary:hover,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.focus,
.btn-primary:focus,
.comments__form-btn:hover,
.brands__search-btn:hover,
.details__comments-form-btn:hover,
.reviews__form-btn:hover,
.button-group button:hover {
    background: var(--theme-primary-color);
    color: #fff;
    border-color: transparent;
    box-shadow: none
}

.ui-btn--primary:hover:after,
.btn-primary:hover:after,
.comments__form-btn:hover:after,
.brands__search-btn:hover:after,
.details__comments-form-btn:hover:after,
.reviews__form-btn:hover:after,
.button-group button:hover:after {
    opacity: 1
}

.ui-btn--white,
.comments__form-close,
.details__comments-form-close,
.reviews__item-details-close,
.reviews__form-close,
.categories-aside__close {
    background: #fff;
    color: #343434
}

.ui-btn--white:hover,
.comments__form-close:hover,
.details__comments-form-close:hover,
.reviews__item-details-close:hover,
.reviews__form-close:hover,
.categories-aside__close:hover {
    background: #fff;
    color: var(--theme-primary-color)
}

.ui-btn--white.ui-btn--outline,
.ui-btn--outline.comments__form-close,
.ui-btn--outline.details__comments-form-close,
.ui-btn--outline.reviews__item-details-close,
.ui-btn--outline.reviews__form-close,
.ui-btn--outline.categories-aside__close {
    background: none;
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff
}

.ui-btn--white.ui-btn--outline:hover,
.ui-btn--outline.comments__form-close:hover,
.ui-btn--outline.details__comments-form-close:hover,
.ui-btn--outline.reviews__item-details-close:hover,
.ui-btn--outline.reviews__form-close:hover,
.ui-btn--outline.categories-aside__close:hover {
    background: #fff;
    border-color: #fff;
    color: #343434
}

.ui-btn--white.is-active,
.is-active.comments__form-close,
.is-active.details__comments-form-close,
.is-active.reviews__item-details-close,
.is-active.reviews__form-close,
.is-active.categories-aside__close {
    color: var(--theme-primary-color)
}

.ui-btn--dark {
    background: #343434;
    color: #fff
}

.ui-btn--dark:hover {
    background: #343434;
    color: #fff
}

.ui-btn--dark.ui-btn--outline {
    background: none;
    border-color: rgba(52, 52, 52, 0.2);
    color: #343434
}

.ui-btn--dark.ui-btn--outline:hover {
    background: #343434;
    border-color: #343434;
    color: #fff
}

.ui-btn--transparent {
    background: rgba(247, 247, 251, 0.2);
    color: #fff
}

.ui-btn--transparent:hover {
    background: rgba(247, 247, 251, 0.4);
    color: #fff
}

.ui-btn--transparent-dark {
    background: rgba(247, 247, 251, 0.2);
    color: #343434;
    padding-right: 0;
    padding-left: 0
}

.ui-btn--transparent-dark:hover {
    background: rgba(247, 247, 251, 0.4);
    color: var(--theme-primary-color)
}

.ui-btn--outline {
    background: #fff;
    border-color: #E9E8F1;
    color: #343434
}

.ui-btn--outline:hover {
    color: var(--theme-primary-color)
}

.ui-btn--grey,
.ui-code__btn,
.btn-default {
    background: #F1F1F5;
    color: #343434
}

.ui-btn--grey:hover,
.ui-code__btn:hover,
.btn-default:hover {
    background: var(--theme-primary-color);
    color: #fff
}

.ui-btn--orange,
.ui-btn--orange,
.btn-warning {
    background: #FFD540;
    color: #343434
}

.ui-btn--orange:after,
.ui-btn--orange:after,
.btn-warning:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}

.ui-btn--orange:hover,
.ui-btn--orange:hover,
.btn-warning:hover {
    background: #FFD540;
    color: #343434
}

.ui-btn--orange:hover:after,
.ui-btn--orange:hover:after,
.btn-warning:hover:after {
    opacity: 1
}

.ui-btn--green,
.btn-success {
    background: #13D154;
    color: #fff
}

.ui-btn--green:after,
.btn-success:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}

.ui-btn--green:hover,
.btn-success:hover {
    background: #13D154;
    color: #fff
}

.ui-btn--green:hover:after,
.btn-success:hover:after {
    opacity: 1
}

.ui-btn--red,
.btn-danger {
    background: #F45656;
    color: #fff
}

.ui-btn--red:after,
.btn-danger:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}

.ui-btn--red:hover,
.btn-danger:hover {
    background: #F45656;
    color: #fff
}

.ui-btn--red:hover:after,
.btn-danger:hover:after {
    opacity: 1
}

.ui-btn--loadmore {
    height: 6rem;
    border: 1px solid #F0F1F6;
    border-radius: 5px;
    color: #4791FF;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.ui-btn--loadmore mark {
    position: relative;
    left: 0.5rem;
    background: none;
    color: #BDC2D3
}

.ui-btn--loadmore:hover {
    background: #F0F1F6;
    color: #4791FF
}

.ui-btn__total {
    background: none;
    color: inherit;
    margin: 0 0 0 1rem;
    white-space: nowrap
}

.ui-btn--compare,
.ui-btn--favorite {
    padding: 0;
    width: 2.6rem;
    height: 2.6rem;
    color: #343434
}

.ui-btn--compare:hover,
.ui-btn--favorite:hover {
    color: var(--theme-primary-color)
}

.ui-btn--compare.is-active,
.ui-btn--favorite.is-active {
    color: #F53C3C
}

.ui-btn--compare.is-active svg.icon-favorites,
.ui-btn--favorite.is-active svg.icon-favorites {
    fill: #F53C3C;
    stroke: #F53C3C
}

.ui-btn--view {
    background: #fff;
    border-color: #E9E8F1;
    color: #343434;
    padding: 0;
    width: 5rem;
    height: 5rem
}

.ui-btn--view:hover {
    color: var(--theme-primary-color)
}

.ui-btn--like,
.ui-btn--dislike {
    padding: 0;
    width: 100%;
    height: 4rem;
    background: #fff;
    border: 1px solid #F0F1F6;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-btn--like svg.icon-like,
.ui-btn--like .icon-dislike,
.ui-btn--dislike svg.icon-like,
.ui-btn--dislike .icon-dislike {
    margin: 0 0.7rem 0 0
}

.ui-btn--like:hover,
.ui-btn--dislike:hover {
    border-color: currentColor
}

@media (min-width:768px) {

    .ui-btn--like,
    .ui-btn--dislike {
        width: 4rem;
        height: 6rem;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui-btn--like svg.icon-like,
    .ui-btn--like .icon-dislike,
    .ui-btn--dislike svg.icon-like,
    .ui-btn--dislike .icon-dislike {
        margin: 0 0 0.5rem
    }
}

.ui-btn--like {
    color: #13D154
}

.ui-btn--dislike {
    color: #F45656
}

a:not([class]),
.ui-link,
.article__body a:not([class]),
.contacts__data-address a,
.contacts__data-address .details__txt-readmore + a,
.contacts__data-address .details__comments-item-readmore + a,
.contacts__shops-item-title a,
.contacts__shops-item-title .details__txt-readmore + a,
.contacts__shops-item-title .details__comments-item-readmore + a,
.contacts__info-item-address a,
.contacts__info-item-address .details__txt-readmore + a,
.contacts__info-item-address .details__comments-item-readmore + a,
.details__comments-item-answer-body a,
.details__comments-item-answer-body .details__txt-readmore + a,
.details__comments-item-answer-body .details__comments-item-readmore + a,
.details__comments-item-readmore + .ui-link,
.details__comments-item-readmore + .reviews__item-details-btn,
.reviews__item-body .details__comments-item-readmore + a,
.details__comments-item-readmore + .reviews__item-link,
.reviews__answer-body .details__comments-item-readmore + a,
.seo__desc .details__comments-item-readmore + a,
.details__comments-item-readmore + .seo__readmore-link,
.details__txt .details__comments-item-readmore + a,
.details__txt-readmore + .ui-link,
.details__txt-readmore + .reviews__item-details-btn,
.reviews__item-body .details__txt-readmore + a,
.details__txt-readmore + .reviews__item-link,
.reviews__answer-body .details__txt-readmore + a,
.seo__desc .details__txt-readmore + a,
.details__txt-readmore + .seo__readmore-link,
.details__txt .details__txt-readmore + a,
.details__txt a,
.seo__readmore-link,
.seo__desc a,
.reviews__answer-body a,
.reviews__item-link,
.reviews__item-body a,
.reviews__item-details-btn,
.ui-wysiwyg a:not([class]),
.ui-check__btn-text a:hover {
    text-decoration: none;
    transition: opacity 0.25s, color 0.25s
}

.ui-link svg.icon-arrow-link,
.article__body a:not([class]) svg.icon-arrow-link,
.contacts__data-address a svg.icon-arrow-link,
.contacts__shops-item-title a svg.icon-arrow-link,
.contacts__info-item-address a svg.icon-arrow-link,
.details__comments-item-answer-body a svg.icon-arrow-link,
.details__txt a svg.icon-arrow-link,
.seo__readmore-link svg.icon-arrow-link,
.seo__desc a svg.icon-arrow-link,
.reviews__answer-body a svg.icon-arrow-link,
.reviews__item-link svg.icon-arrow-link,
.reviews__item-body a svg.icon-arrow-link,
.reviews__item-details-btn svg.icon-arrow-link,
.ui-wysiwyg a:not([class]) svg.icon-arrow-link {
    margin: 0 0 0 0.8rem;
    transition: transform 0.25s
}

.ui-link svg.icon-video,
.article__body a:not([class]) svg.icon-video,
.contacts__data-address a svg.icon-video,
.contacts__shops-item-title a svg.icon-video,
.contacts__info-item-address a svg.icon-video,
.details__comments-item-answer-body a svg.icon-video,
.details__txt a svg.icon-video,
.seo__readmore-link svg.icon-video,
.seo__desc a svg.icon-video,
.reviews__answer-body a svg.icon-video,
.reviews__item-link svg.icon-video,
.reviews__item-body a svg.icon-video,
.reviews__item-details-btn svg.icon-video,
.ui-wysiwyg a:not([class]) svg.icon-video {
    margin: 0 1.2rem 0 0
}

.ui-link svg.icon-replace,
.article__body a:not([class]) svg.icon-replace,
.contacts__data-address a svg.icon-replace,
.contacts__shops-item-title a svg.icon-replace,
.contacts__info-item-address a svg.icon-replace,
.details__comments-item-answer-body a svg.icon-replace,
.details__txt a svg.icon-replace,
.seo__readmore-link svg.icon-replace,
.seo__desc a svg.icon-replace,
.reviews__answer-body a svg.icon-replace,
.reviews__item-link svg.icon-replace,
.reviews__item-body a svg.icon-replace,
.reviews__item-details-btn svg.icon-replace,
.ui-wysiwyg a:not([class]) svg.icon-replace {
    margin: 0 0.7rem 0 0
}

.ui-link svg.icon-repeat,
.article__body a:not([class]) svg.icon-repeat,
.contacts__data-address a svg.icon-repeat,
.contacts__shops-item-title a svg.icon-repeat,
.contacts__info-item-address a svg.icon-repeat,
.details__comments-item-answer-body a svg.icon-repeat,
.details__txt a svg.icon-repeat,
.seo__readmore-link svg.icon-repeat,
.seo__desc a svg.icon-repeat,
.reviews__answer-body a svg.icon-repeat,
.reviews__item-link svg.icon-repeat,
.reviews__item-body a svg.icon-repeat,
.reviews__item-details-btn svg.icon-repeat,
.ui-wysiwyg a:not([class]) svg.icon-repeat {
    margin: 0 0.8rem 0 0
}

.ui-link:hover,
.article__body a:hover:not([class]),
.contacts__data-address a:hover,
.contacts__shops-item-title a:hover,
.contacts__info-item-address a:hover,
.details__comments-item-answer-body a:hover,
.details__txt a:hover,
.seo__readmore-link:hover,
.seo__desc a:hover,
.reviews__answer-body a:hover,
.reviews__item-link:hover,
.reviews__item-body a:hover,
.reviews__item-details-btn:hover,
.ui-wysiwyg a:hover:not([class]) {
    text-decoration: none
}

.ui-link--primary {
    color: var(--theme-primary-color)
}

.ui-link--primary:hover {
    color: var(--theme-primary-color);
    opacity: 0.7
}

.ui-link--primary.ui-link--underline,
.article__body a.ui-link--primary:not([class]),
.contacts__data-address a.ui-link--primary,
.contacts__shops-item-title a.ui-link--primary,
.contacts__info-item-address a.ui-link--primary,
.details__comments-item-answer-body a.ui-link--primary,
.details__comments-item-readmore + .ui-link--primary.ui-link,
.details__comments-item-readmore + .ui-link--primary.reviews__item-details-btn,
.seo__desc .details__comments-item-readmore + a.ui-link--primary,
.details__comments-item-readmore + .ui-link--primary.seo__readmore-link,
.details__txt .details__comments-item-readmore + a.ui-link--primary,
.details__txt-readmore + .ui-link--primary.ui-link,
.details__txt-readmore + .ui-link--primary.reviews__item-details-btn,
.seo__desc .details__txt-readmore + a.ui-link--primary,
.details__txt-readmore + .ui-link--primary.seo__readmore-link,
.details__txt .details__txt-readmore + a.ui-link--primary,
.reviews__answer-body a.ui-link--primary,
.ui-link--primary.reviews__item-link,
.reviews__item-body a.ui-link--primary,
.ui-wysiwyg a.ui-link--primary:not([class]) {
    border-bottom: 1px solid #E3EEFF
}

.ui-link--primary.ui-link--dashed,
.ui-link--primary.reviews__item-details-btn {
    border-bottom: 1px dashed #E3EEFF
}

a,
.ui-link--blue,
.article__body a:not([class]),
.contacts__data-address a,
.contacts__shops-item-title a,
.contacts__info-item-address a,
.details__comments-item-answer-body a,
.details__comments-item-readmore + .ui-link,
.contacts__data-address .details__comments-item-readmore + a,
.contacts__shops-item-title .details__comments-item-readmore + a,
.contacts__info-item-address .details__comments-item-readmore + a,
.details__comments-item-answer-body .details__comments-item-readmore + a,
.details__comments-item-readmore + .reviews__item-details-btn,
.reviews__item-body .details__comments-item-readmore + a,
.details__comments-item-readmore + .reviews__item-link,
.reviews__answer-body .details__comments-item-readmore + a,
.seo__desc .details__comments-item-readmore + a,
.details__comments-item-readmore + .seo__readmore-link,
.details__txt .details__comments-item-readmore + a,
.details__txt-readmore + .ui-link,
.contacts__data-address .details__txt-readmore + a,
.contacts__shops-item-title .details__txt-readmore + a,
.contacts__info-item-address .details__txt-readmore + a,
.details__comments-item-answer-body .details__txt-readmore + a,
.details__txt-readmore + .reviews__item-details-btn,
.reviews__item-body .details__txt-readmore + a,
.details__txt-readmore + .reviews__item-link,
.reviews__answer-body .details__txt-readmore + a,
.seo__desc .details__txt-readmore + a,
.details__txt-readmore + .seo__readmore-link,
.details__txt .details__txt-readmore + a,
.details__txt a,
.seo__readmore-link,
.seo__desc a,
.reviews__answer-body a,
.reviews__item-link,
.reviews__item-body a,
.reviews__item-details-btn,
.ui-wysiwyg a:not([class]),
.ui-check__btn-text a {
    color: #4791FF
}

a:not([class]):hover,
.ui-link--blue:hover,
.article__body a:hover:not([class]),
.contacts__data-address a:hover,
.contacts__shops-item-title a:hover,
.contacts__info-item-address a:hover,
.details__comments-item-answer-body a:hover,
.details__comments-item-readmore + .ui-link:hover,
.details__txt-readmore + .ui-link:hover,
.details__txt a:hover,
.seo__readmore-link:hover,
.seo__desc a:hover,
.reviews__answer-body a:hover,
.reviews__item-link:hover,
.reviews__item-body a:hover,
.reviews__item-details-btn:hover,
.ui-wysiwyg a:hover:not([class]),
.ui-check__btn-text a:hover {
    color: #4791FF;
    opacity: 0.7
}

.ui-link--blue.ui-link--underline,
.article__body a.ui-link--blue:not([class]),
.article__body a.ui-link--underline:not([class]),
.article__body a:not([class]),
.contacts__data-address a.ui-link--blue,
.contacts__data-address a.ui-link--underline,
.contacts__data-address a,
.contacts__shops-item-title a.ui-link--blue,
.contacts__shops-item-title a.ui-link--underline,
.contacts__shops-item-title a,
.contacts__info-item-address a.ui-link--blue,
.contacts__info-item-address a.ui-link--underline,
.contacts__info-item-address a,
.details__comments-item-answer-body a.ui-link--blue,
.details__comments-item-answer-body a.ui-link--underline,
.details__comments-item-answer-body a,
.details__comments-item-readmore + .ui-link--blue.ui-link,
.reviews__item-body .details__txt-readmore + a,
.details__txt-readmore + .reviews__item-link,
.reviews__answer-body .details__txt-readmore + a,
.details__txt a.ui-link--underline,
.details__txt .article__body a:not([class]),
.article__body .details__txt a:not([class]),
.details__txt .details__txt-readmore + a,
.ui-link--underline.seo__readmore-link,
.article__body a.seo__readmore-link:not([class]),
.details__txt-readmore + .seo__readmore-link,
.seo__desc a.ui-link--underline,
.seo__desc .article__body a:not([class]),
.article__body .seo__desc a:not([class]),
.reviews__answer-body a,
.reviews__item-link,
.reviews__item-body a,
.ui-link--underline.reviews__item-details-btn,
.article__body a.reviews__item-details-btn:not([class]),
.details__txt-readmore + .reviews__item-details-btn,
.ui-wysiwyg a:not([class]) {
    border-bottom: 1px solid #E3EEFF
}

.ui-link--blue.ui-link--dashed,
.article__body a.ui-link--dashed:not([class]),
.contacts__data-address a.ui-link--dashed,
.contacts__shops-item-title a.ui-link--dashed,
.contacts__info-item-address a.ui-link--dashed,
.details__comments-item-answer-body a.ui-link--dashed,
.details__comments-item-readmore + .ui-link--dashed.ui-link,
.details__comments-item-readmore + .ui-link--dashed.reviews__item-details-btn,
.details__txt-readmore + .ui-link--dashed.ui-link,
.details__txt-readmore + .ui-link--dashed.reviews__item-details-btn,
.details__txt a.ui-link--dashed,
.ui-link--dashed.seo__readmore-link,
.seo__desc a.ui-link--dashed,
.reviews__answer-body a.ui-link--dashed,
.ui-link--dashed.reviews__item-link,
.reviews__item-body a.ui-link--dashed,
.reviews__item-details-btn,
.ui-wysiwyg a.ui-link--dashed:not([class]),
.ui-wysiwyg a.reviews__item-details-btn:not([class]),
.ui-check__btn-text a {
    border-bottom: 1px dashed #E3EEFF
}

.ui-link--dark {
    color: #343434
}

.ui-link--dark:hover {
    color: #343434;
    opacity: 0.7
}

.ui-link--dark.ui-link--underline,
.article__body a.ui-link--dark:not([class]),
.contacts__data-address a.ui-link--dark,
.contacts__shops-item-title a.ui-link--dark,
.contacts__info-item-address a.ui-link--dark,
.details__comments-item-answer-body a.ui-link--dark,
.details__comments-item-readmore + .ui-link--dark.ui-link,
.details__comments-item-readmore + .ui-link--dark.reviews__item-details-btn,
.seo__desc .details__comments-item-readmore + a.ui-link--dark,
.details__comments-item-readmore + .ui-link--dark.seo__readmore-link,
.details__txt .details__comments-item-readmore + a.ui-link--dark,
.details__txt-readmore + .ui-link--dark.ui-link,
.details__txt-readmore + .ui-link--dark.reviews__item-details-btn,
.seo__desc .details__txt-readmore + a.ui-link--dark,
.details__txt-readmore + .ui-link--dark.seo__readmore-link,
.details__txt .details__txt-readmore + a.ui-link--dark,
.reviews__answer-body a.ui-link--dark,
.ui-link--dark.reviews__item-link,
.reviews__item-body a.ui-link--dark,
.ui-wysiwyg a.ui-link--dark:not([class]) {
    border-bottom: 1px solid #343434
}

.ui-link--dark.ui-link--dashed,
.ui-link--dark.reviews__item-details-btn {
    border-bottom: 1px dashed #343434
}

.ui-badge {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 0 0.8rem;
    background: #ccc;
    color: #fff;
    border-radius: 4px
}

.ui-badge--30 {
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 500;
    padding: 0 1rem;
    border-radius: 5px
}

.ui-badge--35 {
    font-size: 1.5rem;
    line-height: 3.5rem;
    font-weight: 500;
    padding: 0 1.5rem
}

.ui-badge--green {
    background: #13D154
}

.ui-badge--red {
    background: #F53C3C
}

.ui-badge--lightred {
    background: #F45656
}

.ui-badge--orange {
    background: #EFBF13
}

.ui-badge--blue {
    background: #1385EF
}

.ui-badge--yellow {
    background: #FFD540;
    color: #343434
}

.ui-badge--grey {
    color: #343434
}

.ui-badge--transparent {
    background: var(--body-bg);
    color: #343434
}

.ui-badge--purple {
    background: #800080
}

.ui-number {
    position: relative;
    margin: 0 0 2rem
}

.ui-number__input {
    display: block;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    background: #fff;
    border: 1px solid #E9E8F1;
    border-radius: 4px;
    padding: 1rem 2.4rem;
    height: 5rem;
    width: 100%;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    text-align: center
}

.ui-number__decrease,
.ui-number__increase {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.4rem;
    position: absolute;
    top: 0.4rem;
    bottom: 0.4rem;
    transition: background 0.25s
}

.ui-number__decrease:hover,
.ui-number__increase:hover {
    background: #E9E8F1
}

.ui-number__decrease {
    left: 0.4rem;
    border-radius: 4px 0 0 4px
}

.ui-number__increase {
    right: 0.4rem;
    border-radius: 0 4px 4px 0
}

.ui-discount .row {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -2.5rem -1.5rem
}

.ui-discount .row > [class^=col] {
    padding: 0 2.5rem 1.5rem
}

.ui-discount__desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ui-discount__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2rem 0 0;
    width: 5rem;
    height: 5rem;
    background: var(--theme-primary-color);
    color: #fff;
    border-radius: 50%
}

.ui-discount__caption {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.ui-discount__caption small {
    display: block;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    padding: 0.5rem 0 0;
    color: #BDC2D3
}

.ui-discount__countdown {
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.ui-discount__countdown > * {
    width: 9rem;
    height: 7rem;
    background: #F7F7FB;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0.3rem 0 0;
    color: #343434;
    position: relative;
    padding: 0 0 2rem;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 400
}

.ui-discount__countdown > *:first-child {
    border-radius: 4px 0 0 4px
}

.ui-discount__countdown > *:last-child {
    margin: 0;
    border-radius: 0 4px 4px 0
}

.ui-discount__countdown > * small {
    display: block;
    font-size: 1.5rem
}

.ui-discount__countdown .label {
    display: block;
    padding: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    border-radius: 0;
    color: inherit;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1rem;
    text-align: center
}

.ui-add-to-cart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.ui-add-to-cart .ui-btn,
.ui-add-to-cart .comments__form-close,
.ui-add-to-cart .comments__form-btn,
.ui-add-to-cart .brands__search-btn,
.ui-add-to-cart .details__comments-form-close,
.ui-add-to-cart .details__comments-form-btn,
.ui-add-to-cart .reviews__item-details-close,
.ui-add-to-cart .reviews__form-close,
.ui-add-to-cart .reviews__form-btn,
.ui-add-to-cart .categories-aside__close,
.ui-add-to-cart .ui-code__btn {
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left
}

.ui-add-to-cart .ui-btn--primary,
.ui-add-to-cart .comments__form-btn,
.ui-add-to-cart .brands__search-btn,
.ui-add-to-cart .details__comments-form-btn,
.ui-add-to-cart .reviews__form-btn {
    width: 17.2rem;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui-add-to-cart .ui-number {

    width: 8.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem 0 0
}

.ui-add-to-cart.is-active .ui-btn--primary,
.ui-add-to-cart.is-active .comments__form-btn,
.ui-add-to-cart.is-active .brands__search-btn,
.ui-add-to-cart.is-active .details__comments-form-btn,
.ui-add-to-cart.is-active .reviews__form-btn {
    background: #13D154;
    font-size: 1.4rem;
    padding-left: 15px;
    padding-right: 15px;
    width: 13.2rem
}

.ui-add-to-cart.is-active .ui-btn--primary svg.icon-cart,
.ui-add-to-cart.is-active .comments__form-btn svg.icon-cart,
.ui-add-to-cart.is-active .brands__search-btn svg.icon-cart,
.ui-add-to-cart.is-active .details__comments-form-btn svg.icon-cart,
.ui-add-to-cart.is-active .reviews__form-btn svg.icon-cart {
    margin: 0 0 0 2rem
}

.ui-add-to-cart.is-active .ui-number {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: 0.5s
}

.ui-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem
}

@media (max-width:1199px) {
    .ui-rating--responsive .ui-rating__star {
        -ms-flex: 1;
        flex: 1;
        height: 5rem;
        background: #FFFFFF;
        border: 1px solid #EEF0F6;
        margin: 0 -1px 0 0
    }
}

.ui-rating__star {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0.5rem 0 0;
    color: #BDC2D3;
    cursor: pointer;
    transition: transform 0.25s, color 0.25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui-rating__star svg.icon-star {
    width: 1.6rem;
    height: 1.6rem;
    transition: transform 0.25s
}

.ui-rating__star:hover svg.icon-star {
    transform: scale(1.2)
}

.ui-rating__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.ui-rating__input:checked ~ .ui-rating__star {
    color: #EFBE11
}

.ui-rate {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    white-space: nowrap
}

.ui-rate svg.icon-star {
    display: block;
    position: relative;
    top: -1px;
    color: #E6C622;
    margin: 0 0 0 0.5rem
}

label:not([class]) {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

input:not([class]),
textarea:not([class]) {
    display: block;
    transition: 0.25s;
    width: 100%;
    background: #F7F8FB;
    border: 1px solid #F7F8FB;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    color: #222;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    transition: 0.25s;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 2rem;
    height: 4.6rem;
    transition: box-shadow 0.25s
}

input:not([class]):-ms-input-placeholder,
textarea:not([class]):-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
    transition: opacity 0.25s
}

input:not([class])::placeholder,
textarea:not([class])::placeholder {
    color: rgba(34, 34, 34, 0.5);
    transition: opacity 0.25s
}

input:not([class]):focus,
textarea:not([class]):focus {
    box-shadow: 0 0 0 2px var(--theme-primary-color)
}

input:not([class]):focus:-ms-input-placeholder,
textarea:not([class]):focus:-ms-input-placeholder {
    opacity: 0
}

input:not([class]):focus::placeholder,
textarea:not([class]):focus::placeholder {
    opacity: 0
}

input:not([class]):disabled,
textarea:not([class]):disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none
}

textarea:not([class]) {
    max-width: 100%;
    min-width: 100%;
    min-height: 18rem;
    resize: none
}

select:not([class]),
select.form-control {
    width: 100%;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    border: 1px solid #F7F8FB;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F7F8FB;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A");
    background-position: right 14px center;
    background-repeat: no-repeat;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 4.6rem;
    transition: box-shadow 0.25s;
    margin: 0 0 2rem;
    box-shadow: none;
    color: inherit
}

select:not([class]):focus,
select.form-control:focus {
    box-shadow: 0 0 0 2px var(--theme-primary-color)
}

select:not([class]):disabled,
select.form-control:disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none
}

.is-error select:not([class]),
.is-error select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23F45656' stroke-width='2'/%3E%3Cpath d='M11.32 10.0002L13.7949 7.52534C14.0683 7.25189 14.0683 6.80856 13.7949 6.53554L13.465 6.2056C13.1914 5.93206 12.7481 5.93206 12.4751 6.2056L10.0002 8.68042L7.52534 6.20509C7.25189 5.93164 6.80856 5.93164 6.53554 6.20509L6.20509 6.53502C5.93164 6.80856 5.93164 7.25189 6.20509 7.52492L8.68042 10.0002L6.2056 12.4751C5.93206 12.7486 5.93206 13.1919 6.2056 13.465L6.53554 13.7949C6.80899 14.0683 7.25232 14.0683 7.52534 13.7949L10.0002 11.32L12.4751 13.7949C12.7486 14.0683 13.1919 14.0683 13.465 13.7949L13.7949 13.465C14.0683 13.1914 14.0683 12.7481 13.7949 12.4751L11.32 10.0002Z' fill='%23F45656'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, no-repeat;
    background-position: right 54px center, right 20px center;
    padding-right: 70px
}

.ui-fieldset {
    border: none;
    padding: 0;
    margin: 0 0 2rem;
    display: block
}

.ui-fieldset:last-child {
    margin: 0
}

.ui-legend,
legend {
    display: block;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 500;
    padding: 0;
    margin: 0 0 2rem;
    border: none
}

.ui-label,
.control-label {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

.form-horizontal .control-label {
    display: inline-block;
    text-align: left;
    padding-top: 0;
    margin: 0 0 1rem
}

.ui-forgot {
    margin: 0 0 2rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

.ui-input,
.ui-range__input,
.ui-textarea,
.form-control:not(select) {
    display: block;
    transition: 0.25s;
    width: 100%;
    background: #F7F8FB;
    border: 1px solid #F7F8FB;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    color: #222;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    transition: 0.25s;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 2rem;
    height: 4.6rem;
    transition: box-shadow 0.25s
}

.ui-input:-ms-input-placeholder,
.ui-range__input:-ms-input-placeholder,
.ui-textarea:-ms-input-placeholder,
.form-control:not(select):-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
    transition: opacity 0.25s
}

.ui-input::placeholder,
.ui-range__input::placeholder,
.ui-textarea::placeholder,
.form-control:not(select)::placeholder {
    color: rgba(34, 34, 34, 0.5);
    transition: opacity 0.25s
}

.ui-input:focus,
.ui-range__input:focus,
.ui-textarea:focus,
.form-control:not(select):focus,
.has-error .form-control:not(select):focus {
    box-shadow: 0 0 0 2px var(--theme-primary-color)
}

.ui-input:focus:-ms-input-placeholder,
.ui-range__input:focus:-ms-input-placeholder,
.ui-textarea:focus:-ms-input-placeholder,
.form-control:not(select):focus:-ms-input-placeholder {
    opacity: 0
}

.ui-input:focus::placeholder,
.ui-range__input:focus::placeholder,
.ui-textarea:focus::placeholder,
.form-control:not(select):focus::placeholder {
    opacity: 0
}

.ui-input:disabled,
.ui-range__input:disabled,
.ui-textarea:disabled,
.form-control:not(select):disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none
}

.is-error .ui-input,
.is-error .ui-range__input,
.is-error .ui-textarea,
.has-error .form-control {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23F45656' stroke-width='2'/%3E%3Cpath d='M11.32 10.0002L13.7949 7.52534C14.0683 7.25189 14.0683 6.80856 13.7949 6.53554L13.465 6.2056C13.1914 5.93206 12.7481 5.93206 12.4751 6.2056L10.0002 8.68042L7.52534 6.20509C7.25189 5.93164 6.80856 5.93164 6.53554 6.20509L6.20509 6.53502C5.93164 6.80856 5.93164 7.25189 6.20509 7.52492L8.68042 10.0002L6.2056 12.4751C5.93206 12.7486 5.93206 13.1919 6.2056 13.465L6.53554 13.7949C6.80899 14.0683 7.25232 14.0683 7.52534 13.7949L10.0002 11.32L12.4751 13.7949C12.7486 14.0683 13.1919 14.0683 13.465 13.7949L13.7949 13.465C14.0683 13.1914 14.0683 12.7481 13.7949 12.4751L11.32 10.0002Z' fill='%23F45656'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 60px
}

.is-error .ui-textarea {
    background-position: right 20px top 12px
}

.ui-input.is-valid,
.is-valid.ui-range__input,
.is-valid.ui-textarea {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72 6.79L8.43001 11.09L6.78 9.44C6.69036 9.33532 6.58004 9.2503 6.45597 9.19027C6.33191 9.13025 6.19678 9.09652 6.05906 9.0912C5.92134 9.08588 5.78401 9.10909 5.65568 9.15936C5.52736 9.20964 5.41081 9.28589 5.31335 9.38335C5.2159 9.4808 5.13964 9.59735 5.08937 9.72568C5.03909 9.854 5.01589 9.99133 5.02121 10.1291C5.02653 10.2668 5.06026 10.4019 5.12028 10.526C5.1803 10.65 5.26532 10.7604 5.37 10.85L7.72 13.21C7.81344 13.3027 7.92426 13.376 8.0461 13.4258C8.16794 13.4755 8.2984 13.5008 8.43001 13.5C8.69234 13.4989 8.94374 13.3947 9.13 13.21L14.13 8.21C14.2237 8.11704 14.2981 8.00644 14.3489 7.88458C14.3997 7.76272 14.4258 7.63201 14.4258 7.5C14.4258 7.36799 14.3997 7.23728 14.3489 7.11542C14.2981 6.99356 14.2237 6.88296 14.13 6.79C13.9426 6.60375 13.6892 6.49921 13.425 6.49921C13.1608 6.49921 12.9074 6.60375 12.72 6.79ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C18 12.1217 17.1572 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18Z' fill='%2313D154'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 60px
}

.ui-textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 18rem;
    margin: 0 0 2rem;
    resize: none
}

.ui-textarea--46 {
    min-height: 4.6rem
}

.is-error .ui-input:focus,
.is-error .ui-range__input:focus,
.is-error .ui-textarea:focus {
    box-shadow: 0 0 0 2px #E92C2C
}

.is-error .ui-placeholder__input {
    border-color: #E92C2C
}

.is-error .ui-check__checkbox {
    border-color: #E92C2C
}

.is-error .ui-check__radio {
    border-color: #E92C2C
}

.ui-select {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 2rem;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif
}

.ui-select select {
    width: 100%;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    border: 1px solid #F7F8FB;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F7F8FB;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A");
    background-position: right 14px center;
    background-repeat: no-repeat;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 4.6rem;
    margin: 0
}

.ui-select .selectric-wrapper {
    position: relative;
    cursor: pointer;
    text-transform: none;
    width: 100%
}

.ui-select .selectric {
    position: relative;
    overflow: hidden;
    background: #F7F8FB;
    border: 1px solid #F7F8FB;
    border-radius: 5px;
    padding: 1rem 3.5rem 1rem 1.5rem;
    transition: 0.25s
}

.ui-select .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-align: left;
    padding: 0;
    border-radius: 0
}

.ui-select .selectric .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 1.5rem;
    bottom: 0;
    color: #343434
}

.ui-select .selectric .arrow svg {
    display: block;
    transition: transform 0.25s
}

.ui-select .selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F7F8FB;
    border: none;
    z-index: 100;
    margin: 0.5rem 0 0;
    width: auto !important;
    min-width: 100%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25)
}

.ui-select .selectric-items .selectric-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 48rem
}

.ui-select .selectric-items ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-select .selectric-items li {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 1rem 3rem 1rem 1.5rem;
    margin: 0 0 1px;
    transition: color 0.25s
}

.ui-select .selectric-items li:before,
.ui-select .selectric-items li:after {
    display: none
}

.ui-select .selectric-items li:last-child {
    margin: 0
}

.ui-select .selectric-items li:hover {
    color: var(--theme-primary-color)
}

.ui-select .selectric-items li.selected {
    display: none
}

.ui-select .selectric-items li.disabled {
    display: none
}

.ui-select .selectric-items .selectric-checked {
    display: none
}

.ui-select .selectric-items .ui-select-group li:not(.ui-select-group-label) {
    padding-left: 30px
}

.ui-select .selectric-items .ui-select-group-label {
    pointer-events: none
}

.ui-select .selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.ui-select .selectric-hide-select select {
    position: absolute;
    left: -100%
}

.ui-select .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.ui-select .selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.ui-select .selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important
}

.ui-select .selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.ui-select .selectric-open {
    z-index: 500
}

.ui-select .selectric-open .selectric {
    box-shadow: 0 0 0 2px var(--theme-primary-color)
}

.ui-select .selectric-open .selectric .arrow svg {
    transform: rotate(180deg)
}

.ui-select .selectric-open .selectric-items {
    display: block
}

.ui-select .selectric-disabled {
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    margin: 0 0 2rem;
    cursor: pointer
}

.ui-check__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.ui-check__input:checked ~ .ui-check__radio:after,
.ui-check__input:checked ~ .ui-check__radio svg {
    opacity: 1
}

.ui-check__input:checked ~ .ui-check__checkbox {
    background: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
    color: #fff
}

.ui-check__input:checked ~ .ui-check__checkbox:after,
.ui-check__input:checked ~ .ui-check__checkbox svg {
    opacity: 1
}

.ui-check__input:checked ~ .ui-check__btn .ui-check__btn-radio {
    background: #13D154;
    border-color: #13D154
}

.ui-check__input:checked ~ .ui-check__btn .ui-check__btn-radio:after {
    opacity: 1
}

.ui-check__input:checked ~ .ui-check__tag {
    background: var(--theme-primary-color);
    color: #fff
}

.ui-check__input:checked ~ .ui-check__tag .ui-check__tag-cancel {
    display: block
}

.ui-check__input:checked ~ .ui-check__option {
    box-shadow: 0 0 0 2px var(--theme-primary-color);
    color: #343434
}

.ui-check__option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #F7F7FB;
    border-radius: 4px;
    height: 4rem;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #343434;
    transition: box-shadow 0.25s, color 0.25s
}

.ui-check__option img {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    margin: 0 1rem 0 0;
    border-radius: 3px
}

.ui-check__option:hover {
    color: var(--theme-primary-color)
}

.ui-check__tag {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: #F7F7FB;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    height: 3.5rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #343434;
    transition: color 0.25s, background 0.25s;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-check__tag:hover {
    color: var(--theme-primary-color)
}

.ui-check__tag:active {
    transform: scale(0.95)
}

.ui-check__tag-text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block
}

.ui-check__tag-cancel {
    display: none;
    position: relative;
    margin: 0 0 0 1rem;
    width: 1rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-check__tag-cancel svg.icon-clear {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.9rem;
    height: 0.9rem;
    margin: -0.45rem 0 0 -0.45rem
}

.ui-check__text {
    -ms-flex: 1;
    flex: 1;
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400
}

.ui-check__checkbox {
    display: block;
    width: 2rem;
    height: 2rem;
    border: 1px solid #BDC2D3;
    background: #fff;
    border-radius: 3px;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: 0.25s;
    margin: 0 1rem 0 0
}

.ui-check__checkbox:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.7rem 0 0 -0.6rem;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.231515 6.45729C-0.109918 6.0959 -0.0672389 5.50865 0.316873 5.19244C0.658306 4.83105 1.21313 4.87622 1.51189 5.28278L3.43245 7.6318L8.89537 0.449224C9.57823 -0.454245 10.4318 0.13301 9.74895 1.08165L4.20067 9.61943C4.15799 9.66461 4.11531 9.70978 4.07263 9.75495C3.68852 10.1163 3.17637 10.0712 2.83494 9.66461L0.231515 6.45729Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: contain;
    opacity: 0
}

.ui-check__radio {
    display: block;
    width: 2rem;
    height: 2rem;
    border: 1px solid #BDC2D3;
    border-radius: 50%;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem 0 0;
    transition: 0.25s
}

.ui-check__radio:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--theme-primary-color);
    border-radius: inherit;
    margin: -0.6rem 0 0 -0.6rem;
    opacity: 0;
    transition: 0.25s
}

.ui-check__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #EAECF3;
    background: #fff;
    border-radius: 5px;
    padding: 1.5rem 2rem;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    transition: border-color 0.25s, background 0.25s
}

.ui-check__btn:hover {
    background: #F7F7FB
}

.ui-check__btn-radio {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #EAECF3;
    background: #fff;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem 0 0;
    position: relative;
    transition: border-color 0.25s, background 0.25s
}

.ui-check__btn-radio:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #fff;
    margin: -0.4rem 0 0 -0.4rem;
    opacity: 0
}

.ui-check__btn-desc {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 2rem
}

.ui-check__btn-desc .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.5rem -1rem
}

.ui-check__btn-desc .row > [class^=col] {
    padding: 0 0.5rem 1rem
}

.ui-check__btn-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    display: block
}

.ui-check__btn-title small {
    font-size: 1.3rem;
    font-weight: 400;
    color: #BDC2D3
}

.ui-check__btn-text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    max-width: 40rem;
    margin: 1rem 0 0
}

.ui-check__btn-price {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    min-width: 10rem
}

@media (max-width:1199px) {
    .ui-check__btn {
        width: 100%
    }

    .ui-check__btn-desc {
        width: calc(100% - 3rem)
    }
}

.ui-subsc {
    padding: 0
}

.ui-subsc .ui-label {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 500
}

.ui-subsc .ui-caption {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400
}

.ui-subsc .ui-group {
    position: relative;
    margin: 0 0 1.2rem
}

.ui-subsc .ui-input,
.ui-subsc .ui-range__input,
.ui-subsc .ui-textarea {
    background: #fff;
    border-color: #fff;
    padding: 1.5rem 20rem 1.5rem 3rem;
    height: 6rem;
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400
}

.ui-subsc .ui-input:-ms-input-placeholder,
.ui-subsc .ui-range__input:-ms-input-placeholder,
.ui-subsc .ui-textarea:-ms-input-placeholder {
    color: #BDC2D3
}

.ui-subsc .ui-input::placeholder,
.ui-subsc .ui-range__input::placeholder,
.ui-subsc .ui-textarea::placeholder {
    color: #BDC2D3
}

.ui-subsc .ui-btn,
.ui-subsc .comments__form-close,
.ui-subsc .comments__form-btn,
.ui-subsc .brands__search-btn,
.ui-subsc .details__comments-form-close,
.ui-subsc .details__comments-form-btn,
.ui-subsc .reviews__item-details-close,
.ui-subsc .reviews__form-close,
.ui-subsc .reviews__form-btn,
.ui-subsc .categories-aside__close,
.ui-subsc .ui-code__btn {
    width: 19rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    height: 5rem;
    margin: -2.5rem 0 0 0
}

.ui-subsc .ui-check {
    margin: 0
}

.ui-subsc .ui-check__checkbox {
    border: none
}

.ui-subsc .ui-check__text {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

.ui-subsc .ui-check__text a {
    color: #BDC2D3;
    text-decoration: none;
    border-bottom: 1px solid currentColor
}

@media (max-width:767px) {

    .ui-subsc .ui-input,
    .ui-subsc .ui-range__input,
    .ui-subsc .ui-textarea {
        padding-right: 120px;
        padding-left: 20px
    }

    .ui-subsc .ui-btn,
    .ui-subsc .comments__form-close,
    .ui-subsc .comments__form-btn,
    .ui-subsc .brands__search-btn,
    .ui-subsc .details__comments-form-close,
    .ui-subsc .details__comments-form-btn,
    .ui-subsc .reviews__item-details-close,
    .ui-subsc .reviews__form-close,
    .ui-subsc .reviews__form-btn,
    .ui-subsc .categories-aside__close,
    .ui-subsc .ui-code__btn {
        width: 11rem;
        padding: 1rem;
        font-size: 1.4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ui-subsc .ui-btn svg.icon-subsc,
    .ui-subsc .comments__form-close svg.icon-subsc,
    .ui-subsc .comments__form-btn svg.icon-subsc,
    .ui-subsc .brands__search-btn svg.icon-subsc,
    .ui-subsc .details__comments-form-close svg.icon-subsc,
    .ui-subsc .details__comments-form-btn svg.icon-subsc,
    .ui-subsc .reviews__item-details-close svg.icon-subsc,
    .ui-subsc .reviews__form-close svg.icon-subsc,
    .ui-subsc .reviews__form-btn svg.icon-subsc,
    .ui-subsc .categories-aside__close svg.icon-subsc,
    .ui-subsc .ui-code__btn svg.icon-subsc {
        display: none
    }
}

.ui-switch {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 2rem;
    border: 1px solid #EDF0F8;
    border-radius: 5px;
    padding: 0.4rem
}

.ui-switch__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    border-radius: 5px;
    height: 3.2rem;
    padding: 0 1.2rem;
    cursor: pointer;
    color: #343434;
    margin: 0 0.4rem 0 0;
    transition: color 0.25s, background 0.25s
}

.ui-switch__btn:last-child {
    margin: 0
}

.ui-switch__btn:hover {
    color: var(--theme-primary-color)
}

.ui-switch__btn.is-active {
    background: var(--theme-primary-color);
    color: #fff
}

.ui-code {
    position: relative
}

.ui-code__input {
    display: block;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EEF0F3;
    border-radius: 5px;
    padding: 1rem 12rem 1rem 2rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #343434;
    -webkit-appearance: none;
    appearance: none;
    transition: 0.25s
}

.ui-code__input:-ms-input-placeholder {
    color: #343434;
    transition: opacity 0.25s;
    opacity: 0.4
}

.ui-code__input::placeholder {
    color: #343434;
    transition: opacity 0.25s;
    opacity: 0.4
}

.ui-code__input:focus {
    border-color: #343434
}

.ui-code__input:focus:-ms-input-placeholder {
    opacity: 0
}

.ui-code__input:focus::placeholder {
    opacity: 0
}

.ui-code__btn {
    width: 11rem;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    margin: -1.9rem 0 0
}

.ui-display {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem
}

.ui-display__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.6rem;
    height: 4.6rem;
    background: #fff;
    border-radius: 5px;
    color: #C7C7D6;
    margin: 0 0.5rem 0 0;
    cursor: pointer;
    transition: color 0.25s
}

.ui-display__btn:last-child {
    margin: 0
}

.ui-display__btn:hover {
    color: #343434
}

.ui-display__btn.is-active {
    color: var(--theme-primary-color)
}

.ui-range {
    margin: 0 0 2rem
}

.ui-range .row {
    margin: 0 -0.5rem
}

.ui-range .row > [class^=col] {
    padding: 0 0.5rem
}

.ui-range__field {
    position: relative;
    margin: 0 0 2rem
}

.ui-range__append {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5rem;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400
}

.ui-range__input {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1rem 4rem 1rem 1.5rem
}

.ui-range__slider {
    height: 0.4rem;
    -webkit-appearance: none;
    appearance: none
}

.ui-range__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none
}

.ui-credit-payments {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5rem;
    padding: 1rem 1.6rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
    color: #343434
}

.ui-credit-payments:after {
    content: "";
    min-height: 3rem
}

.ui-video {
    display: block;
    margin: 5rem 0;
    color: #343434;
    text-decoration: none
}

.ui-video:hover {
    color: #343434;
    text-decoration: none
}

@media (min-width:1200px) {
    .ui-video {
        margin: 7rem 0 10rem
    }
}

.ui-video__figure {
    position: relative;
    margin: 0 0 2rem
}

.ui-video__figure svg.icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ui-video__image {
    display: block;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #000
}

.ui-video__image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.ui-video__caption {
    display: block;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0
}

.ui-mark {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    font-size: 1.7rem;
    line-height: 4rem;
    font-weight: 500;
    padding: 0 2rem;
    background: #E8EAF2;
    color: #343434;
    border-radius: 5px
}

.ui-mark svg {
    margin: 0 0.6rem 0 0;
    display: block
}

.ui-mark--green {
    background: #13D154
}

.ui-mark--red {
    background: #F53C3C
}

.ui-mark--lightred {
    background: #F45656
}

.ui-mark--orange {
    background: #EFBF13
}

.ui-mark--blue {
    background: #1385EF
}

.ui-progress {
    margin: 0 0 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

a.ui-progress {
    transition: color 0.25s, border-color 0.25s;
    border-bottom: 1px solid transparent;
    color: #343434
}

a.ui-progress:hover {
    color: var(--theme-primary-color);
    text-decoration: none
}

.ui-progress__star {
    width: 4rem;
    margin: 0 0.5rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap
}

.ui-progress__star svg.icon-star {
    color: #E6C622;
    margin: 0 0 0 0.5rem
}

.ui-progress__line {
    height: 1.1rem;
    background: #EAECF2;
    border-radius: 20px;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

.ui-progress__line-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #00F5A0 0%, #00D9F5 100%);
    border-radius: inherit
}

.ui-ul,
.ui-wysiwyg ul:not([class]) {
    margin: 0 0 4rem;
    padding: 0;
    list-style: none
}

.ui-ul > li,
.ui-wysiwyg ul:not([class]) > li {
    padding: 0 0 0 4rem;
    margin: 0 0 2rem;
    position: relative
}

.ui-ul--sitemap > li {
    margin: 0 0 1rem;
    padding: 0 0 0 2rem
}

.ui-ul--sitemap > li > .ui-ul--sitemap {
    margin-top: 1rem
}

.ui-ul > li:after,
.ui-wysiwyg ul:not([class]) > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.4rem;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: var(--theme-primary-color)
}

.ui-ul--sitemap > li:after {
    top: 0.7rem
}

.ui-ol,
.ui-wysiwyg ol:not([class]) {
    margin: 0 0 4rem;
    padding: 0;
    list-style: none;
    counter-reset: point
}

.ui-ol > li,
.ui-wysiwyg ol:not([class]) > li {
    position: relative;
    padding: 0 0 0 4rem;
    margin: 0 0 2rem
}

.ui-ol > li:after,
.ui-wysiwyg ol:not([class]) > li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
    color: var(--theme-primary-color)
}

.ui-dl,
.ui-wysiwyg dl:not([class]) {
    margin: 0 0 4rem
}

.ui-dl dt,
.ui-wysiwyg dl:not([class]) dt {
    display: block;
    font-weight: 500;
    margin: 0 0 0.5rem;
    line-height: inherit
}

.ui-dl dd,
.ui-wysiwyg dl:not([class]) dd {
    display: block;
    padding: 0;
    margin: 0 0 2rem;
    line-height: inherit
}

.ui-dl dd:last-child,
.ui-wysiwyg dl:not([class]) dd:last-child {
    margin: 0
}

.ui-table,
.ui-wysiwyg table:not([class]),
.table.table-bordered {
    width: 100%;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px;
    overflow: hidden;
    text-align: left;
    margin: 0 0 4rem;
    background: #fff;
    box-shadow: 0 0 0 1px #e7eaf3
}

.ui-table th,
.table.table-bordered th,
.ui-wysiwyg table:not([class]) th,
.ui-table td,
.table.table-bordered td,
.ui-wysiwyg table:not([class]) td {
    padding: 1.5rem;
    transition: background 0.25s
}

.ui-table tr:first-child td,
.table.table-bordered tr:first-child td,
.ui-wysiwyg table:not([class]) tr:first-child td {
    border: 0
}

.ui-table th:first-child,
.table.table-bordered th:first-child,
.ui-wysiwyg table:not([class]) th:first-child,
.ui-table td:first-child,
.table.table-bordered td:first-child,
.ui-wysiwyg table:not([class]) td:first-child {
    padding-left: 40px
}

.ui-table th:last-child,
.table.table-bordered th:last-child,
.ui-wysiwyg table:not([class]) th:last-child,
.ui-table td:last-child,
.table.table-bordered td:last-child,
.ui-wysiwyg table:not([class]) td:last-child {
    padding-right: 40px
}

.ui-table th,
.table.table-bordered th,
.ui-wysiwyg table:not([class]) th {
    background: var(--theme-primary-color);
    color: #fff;
    border-color: var(--theme-primary-color);
    font-weight: 500
}

.ui-table td,
.table.table-bordered td,
.ui-wysiwyg table:not([class]) td {
    border: 0;
    border-top: 1px solid #E7EAF3
}

.ui-table tbody tr:hover td,
.table.table-bordered tbody tr:hover td,
.ui-wysiwyg table:not([class]) tbody tr:hover td {
    background: #F7F8FC
}

.ui-table-delivery {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 2rem;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.ui-table-delivery th,
.ui-table-delivery td {
    padding: 0.5rem 1rem
}

.ui-table-delivery th:first-child,
.ui-table-delivery td:first-child {
    padding-left: 0
}

.ui-table-delivery th:last-child,
.ui-table-delivery td:last-child {
    padding-right: 0
}

.ui-table-delivery td:last-child {
    white-space: nowrap
}

.ui-table-delivery th {
    font-weight: 500
}

.ui-picture {
    overflow: hidden;
    margin: 0 0 4rem;
    display: block;
    background: #000;
    border-radius: 10px
}

.ui-picture img {
    display: block;
    width: 100%;
    min-height: 20rem;
    -o-object-fit: cover;
    object-fit: cover
}

.ui-picture.pull-left {
    float: left;
    max-width: 34rem;
    margin: 0 4rem 4rem 0
}

@media (max-width:767px) {
    .ui-picture.pull-left {
        margin: 0 0 4rem;
        float: none;
        max-width: none
    }
}

.ui-picture.pull-right {
    float: right;
    max-width: 34rem;
    margin: 0 0 4rem 4rem
}

@media (max-width:767px) {
    .ui-picture.pull-right {
        margin: 0 0 4rem;
        float: none;
        max-width: none
    }
}

.ui-wysiwyg {
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 400
}

.ui-wysiwyg h1 {
    display: block;
    margin: 0 0 4rem;
    font-size: 2.8rem;
    line-height: 1.25;
    font-weight: 500
}

.ui-wysiwyg h2 {
    display: block;
    margin: 0 0 4rem;
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: 500
}

.ui-wysiwyg h3 {
    display: block;
    margin: 0 0 4rem;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 500
}

.ui-wysiwyg h4 {
    display: block;
    margin: 0 0 4rem;
    font-size: 1.8rem;
    line-height: 1.25;
    font-weight: 500
}

.ui-wysiwyg h5 {
    display: block;
    margin: 0 0 4rem;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 500
}

.ui-wysiwyg p {
    margin: 0 0 4rem
}

.ui-wysiwyg p:last-child {
    margin: 0
}

.ui-wysiwyg small {
    font-size: 1.4rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev:after,
.swiper-button-next:after {
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

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

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

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

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

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    -ms-touch-action: none
}

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -2.1rem;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid #000;
    border-radius: 50%;
    border-top-color: transparent
}

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.swiper-scrollbar {
    position: relative;
    margin: 2rem 0 0;
    z-index: 100;
    height: 0.4rem;
    background: #EEF0F3
}

.swiper-scrollbar-drag {
    display: block;
    width: 100%;
    height: 50%;
    position: relative;
    top: 25%;
    left: 0;
    background: var(--theme-primary-color);
    border-radius: 0;
    cursor: pointer
}

.swiper-prev,
.swiper-next {
    position: absolute;
    top: 0;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    width: 8rem;
    height: 100%;
    cursor: pointer;
    transition: background 0.25s
}

.swiper-prev svg,
.swiper-next svg {
    display: block
}

.swiper-prev:hover,
.swiper-next:hover {
    background: rgba(255, 255, 255, 0.05)
}

.swiper-prev.swiper-button-lock,
.swiper-next.swiper-button-lock {
    opacity: 0;
    pointer-events: none
}

.swiper-prev {
    left: 0
}

.swiper-next {
    right: 0
}

.swiper-pagination {
    position: relative;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center
}

.swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 5rem;
    height: 1px;
    background: #E9E8F1;
    margin: 0 0.5rem;
    transition: 0.25s
}

.swiper-pagination-bullet:first-child {
    margin-left: 0
}

.swiper-pagination-bullet:last-child {
    margin-right: 0
}

.swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    bottom: -1rem
}

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

.swiper-intro {
    height: 100%
}

.swiper-intro .swiper-wrapper {
    height: 100%
}

.swiper-intro .swiper-slide {
    height: auto
}

.swiper-intro .swiper-prev,
.swiper-intro .swiper-next {
    color: #fff;
    display: none
}

.swiper-intro .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1rem
}

.swiper-intro .swiper-pagination-bullet {
    background: #E9E8F1;
    opacity: 0.3
}

.swiper-intro .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

@media (min-width:768px) {

    .swiper-intro .swiper-prev,
    .swiper-intro .swiper-next {
        display: -ms-flexbox;
        display: flex
    }
}

.swiper-stories-features {
    overflow: visible
}

.swiper-stories-features .swiper-slide {
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 16rem;
    width: 16rem;
    max-width: 100%;
    transition: opacity 0.25s, transform 0.25s
}

.swiper-stories-features .swiper-slide:last-child {
    margin: 0
}

.swiper-stories-features.swiper-container-initialized .swiper-slide {
    margin: 0
}

@media (min-width:1200px) {
    .swiper-stories-features {
        margin: 0 -1rem
    }

    .swiper-stories-features .swiper-slide {
        margin: 0;
        padding: 0 1rem;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .swiper-stories-features .swiper-scrollbar {
        margin-left: 10px;
        margin-right: 10px
    }

    .swiper-stories-features.swiper-container-initialized .swiper-slide {
        opacity: 0
    }

    .swiper-stories-features.swiper-container-initialized .swiper-slide-visible {
        opacity: 1
    }
}

.swiper-products,
.swiper-blog,
.swiper-reviews,
.swiper-news,
.swiper-video,
.swiper-shops {
    overflow: visible
}

.swiper-products > .swiper-wrapper,
.swiper-blog > .swiper-wrapper,
.swiper-reviews > .swiper-wrapper,
.swiper-news > .swiper-wrapper,
.swiper-video > .swiper-wrapper,
.swiper-shops > .swiper-wrapper {
    z-index: 200
}

.swiper-products > .swiper-wrapper > .swiper-slide,
.swiper-blog > .swiper-wrapper > .swiper-slide,
.swiper-reviews > .swiper-wrapper > .swiper-slide,
.swiper-news > .swiper-wrapper > .swiper-slide,
.swiper-video > .swiper-wrapper > .swiper-slide,
.swiper-shops > .swiper-wrapper > .swiper-slide {
    -ms-flex: 0 0 340px;
    flex: 0 0 34rem;
    width: 34rem;
    max-width: 100%;
    height: auto;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s
}

.swiper-products > .swiper-wrapper > .swiper-slide:last-child,
.swiper-blog > .swiper-wrapper > .swiper-slide:last-child,
.swiper-reviews > .swiper-wrapper > .swiper-slide:last-child,
.swiper-news > .swiper-wrapper > .swiper-slide:last-child,
.swiper-video > .swiper-wrapper > .swiper-slide:last-child,
.swiper-shops > .swiper-wrapper > .swiper-slide:last-child {
    margin: 0
}

.swiper-products > .swiper-scrollbar,
.swiper-blog > .swiper-scrollbar,
.swiper-reviews > .swiper-scrollbar,
.swiper-news > .swiper-scrollbar,
.swiper-video > .swiper-scrollbar,
.swiper-shops > .swiper-scrollbar {
    position: relative;
    z-index: 100;
    margin: 3rem 0 0
}

.swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
.swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
.swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
.swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
.swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
.swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
    margin: 0
}

@media (min-width:1200px) {

    .swiper-products,
    .swiper-blog,
    .swiper-reviews,
    .swiper-news,
    .swiper-video,
    .swiper-shops {
        margin-left: -10px;
        margin-right: -10px
    }

    .swiper-products > .swiper-wrapper > .swiper-slide,
    .swiper-blog > .swiper-wrapper > .swiper-slide,
    .swiper-reviews > .swiper-wrapper > .swiper-slide,
    .swiper-news > .swiper-wrapper > .swiper-slide,
    .swiper-video > .swiper-wrapper > .swiper-slide,
    .swiper-shops > .swiper-wrapper > .swiper-slide {
        margin: 0;
        padding: 0 1rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .swiper-products .swiper-scrollbar,
    .swiper-blog .swiper-scrollbar,
    .swiper-reviews .swiper-scrollbar,
    .swiper-news .swiper-scrollbar,
    .swiper-video .swiper-scrollbar,
    .swiper-shops .swiper-scrollbar {
        margin-left: 10px;
        margin-right: 10px
    }

    .swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
    .swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
    .swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
    .swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
    .swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
    .swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
        opacity: 0
    }

    .swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,
    .swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,
    .swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,
    .swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,
    .swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,
    .swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible {
        opacity: 1
    }
}

.swiper-set {
    overflow: visible
}

.swiper-set > .swiper-wrapper {
    z-index: 200
}

.swiper-set > .swiper-wrapper > .swiper-slide {
    -ms-flex: 0 0 200px;
    flex: 0 0 20rem;
    width: 20rem;
    max-width: 100%;
    height: auto;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s
}

.swiper-set > .swiper-wrapper > .swiper-slide:last-child {
    margin: 0
}

.swiper-set > .swiper-scrollbar {
    position: relative;
    z-index: 100;
    margin: 3rem 0 0
}

.swiper-set.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
    margin: 0
}

.swiper-set > .swiper-wrapper > .swiper-slide {
    position: relative
}

.swiper-set > .swiper-wrapper > .swiper-slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -2.5rem;
    margin: -2rem 0 0 0;
    width: 4rem;
    height: 4rem;
    background: var(--theme-primary-color) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7H9V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V7H1C0.734784 7 0.48043 7.10536 0.292893 7.29289C0.105357 7.48043 0 7.73478 0 8C0 8.26522 0.105357 8.51957 0.292893 8.70711C0.48043 8.89464 0.734784 9 1 9H7V15C7 15.2652 7.10536 15.5196 7.29289 15.7071C7.48043 15.8946 7.73478 16 8 16C8.26522 16 8.51957 15.8946 8.70711 15.7071C8.89464 15.5196 9 15.2652 9 15V9H15C15.2652 9 15.5196 8.89464 15.7071 8.70711C15.8946 8.51957 16 8.26522 16 8C16 7.73478 15.8946 7.48043 15.7071 7.29289C15.5196 7.10536 15.2652 7 15 7Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #F7F7FB;
    z-index: 100;
    transition: transform 0.25s;
    transform: scale(0)
}

.swiper-set > .swiper-wrapper > .swiper-slide--discount:after {
    display: none
}

.swiper-set > .swiper-wrapper > .swiper-slide.swiper-slide-visible:after {
    transform: scale(1);
    transition-delay: 0.25s
}

.swiper-set > .swiper-wrapper > .swiper-slide:first-child:after {
    display: none
}

@media (min-width:768px) {
    .swiper-set > .swiper-wrapper > .swiper-slide {
        -ms-flex: 0 0 340px;
        flex: 0 0 34rem;
        width: 34rem
    }

    .swiper-set > .swiper-wrapper > .swiper-slide:after {
        width: 5.2rem;
        height: 5.2rem;
        left: -2.6rem;
        margin: -2.6rem 0 0
    }
}

@media (min-width:1200px) {
    .swiper-set {
        margin-left: -10px;
        margin-right: -10px
    }

    .swiper-set > .swiper-wrapper > .swiper-slide {
        margin: 0;
        padding: 0 1rem;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .swiper-set > .swiper-scrollbar {
        margin-left: 10px;
        margin-right: 10px;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0
    }

    .swiper-set.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
        opacity: 0
    }

    .swiper-set.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible {
        opacity: 1
    }
}

@media (max-width:767px) {
    .swiper-set-responsive > .swiper-wrapper > .swiper-slide {
        -ms-flex: 0 0 158px;
        flex: 0 0 15.8rem;
        width: 15.8rem
    }

    .swiper-set-responsive > .swiper-wrapper > .swiper-slide:after {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        margin: -2rem 0 0
    }
}

.swiper-images {
    overflow: visible;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%
}

.swiper-images .swiper-slide {
    margin: 0 6rem 0 0
}

.swiper-images .swiper-slide:last-child {
    margin: 0
}

.swiper-images .swiper-prev,
.swiper-images .swiper-next {
    z-index: 300;
    width: 6rem;
    opacity: 0;
    transition: transform 0.25s, opacity 0.25s, color 0.25s;
    color: #343434
}

.swiper-images .swiper-prev:hover,
.swiper-images .swiper-next:hover {
    color: var(--theme-primary-color)
}

.swiper-images .swiper-prev.swiper-button-lock,
.swiper-images .swiper-next.swiper-button-lock {
    visibility: hidden;
    pointer-events: none
}

.swiper-images .swiper-prev {
    left: -3rem;
    transform: translate(-5px, 0)
}

.swiper-images .swiper-next {
    right: -3rem;
    transform: translate(5px, 0)
}

.swiper-images .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-images .swiper-pagination-bullet {
    -ms-flex: 1;
    flex: 1
}

.swiper-images .swiper-pagination-bullet-active {
    opacity: 1;
    border-color: #7266F3
}

.swiper-banners {
    background: #ccc;
    border-radius: 10px;
    overflow: hidden
}

.swiper-banners .swiper-slide {
    height: auto
}

.swiper-banners .swiper-prev,
.swiper-banners .swiper-next {
    width: 10rem;
    color: #fff;
    display: none
}

.swiper-banners .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5rem;
    z-index: 100
}

.swiper-banners .swiper-pagination-bullet {
    background: #E9E8F1;
    opacity: 0.3
}

.swiper-banners .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

@media (min-width:768px) {

    .swiper-banners .swiper-prev,
    .swiper-banners .swiper-next {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:1199px) {
    .swiper-categories {
        overflow: visible
    }

    .swiper-categories .swiper-slide {
        -ms-flex: 0 0 340px;
        flex: 0 0 34rem;
        width: 34rem;
        max-width: 100%;
        margin: 0 1rem 0 0;
        transition: opacity 0.25s, transform 0.25s
    }

    .swiper-categories .swiper-slide:last-child {
        margin: 0
    }

    .swiper-categories.swiper-container-initialized .swiper-slide {
        margin: 0
    }
}

@media (min-width:1200px) {
    .swiper-categories {
        overflow: visible
    }

    .swiper-categories .swiper-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin: 0 -1rem -2rem
    }

    .swiper-categories--col-3 .swiper-slide {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .swiper-categories--col-4 .swiper-slide {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .swiper-categories--col-5 .swiper-slide {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .swiper-categories .swiper-slide {
        padding: 0 1rem 2rem
    }
}

@media (max-width:1199px) {
    .swiper-partners {
        overflow: visible
    }

    .swiper-partners .swiper-slide {
        -ms-flex: 0 0 340px;
        flex: 0 0 34rem;
        width: 34rem;
        max-width: 100%;
        margin: 0 1rem 0 0;
        transition: opacity 0.25s, transform 0.25s;
        height: auto
    }

    .swiper-partners .swiper-slide:last-child {
        margin: 0
    }

    .swiper-partners.swiper-container-initialized .swiper-slide {
        margin: 0
    }
}

@media (min-width:1200px) {
    .swiper-partners {
        overflow: visible
    }

    .swiper-partners .swiper-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        margin: 0 -1px -0.2rem
    }

    .swiper-partners .swiper-slide {
        padding: 0 1px 0.2rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        height: auto
    }

    @supports (display:grid) {
        .swiper-partners .swiper-wrapper {
            margin: 0;
            display: -ms-grid;
            display: grid;
            grid-gap: 2px;
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr;
            -ms-grid-rows: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            grid-template-areas: "area_01 area_02 area_03""area_01 area_02 area_04";
        }

        .swiper-partners .swiper-slide {
            max-width: none;
            padding: 0;
        }

        .swiper-partners .swiper-slide:nth-of-type(1) {
            grid-area: area_01;
        }

        .swiper-partners .swiper-slide:nth-of-type(2) {
            grid-area: area_02;
        }

        .swiper-partners .swiper-slide:nth-of-type(3) {
            grid-area: area_03;
        }

        .swiper-partners .swiper-slide:nth-of-type(4) {
            grid-area: area_04;
        }
    }
}

.swiper-benefits {
    overflow: visible
}

.swiper-benefits .swiper-slide {
    -ms-flex: 0 0 220px;
    flex: 0 0 22rem;
    width: 22rem;
    max-width: 100%;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s
}

.swiper-benefits .swiper-slide:last-child {
    margin: 0
}

.swiper-benefits.swiper-container-initialized .swiper-slide {
    margin: 0
}

@media (min-width:1200px) {
    .swiper-benefits {
        margin: 0 -1rem
    }

    .swiper-benefits .swiper-slide {
        margin: 0;
        padding: 0 1rem;
        -ms-flex: 0 0 16.667%;
        flex: 0 0 16.667%;
        max-width: 16.667%
    }

    .swiper-benefits.swiper-container-initialized .swiper-slide {
        opacity: 0
    }

    .swiper-benefits.swiper-container-initialized .swiper-slide-visible {
        opacity: 1
    }
}

.swiper-gallery {
    background: #000;
    border-radius: 10px;
    overflow: hidden
}

.swiper-gallery .swiper-slide {
    height: 40rem
}

.swiper-gallery .swiper-prev,
.swiper-gallery .swiper-next {
    width: 6rem;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    background: rgba(255, 255, 255, 0.2)
}

.swiper-gallery .swiper-prev:hover,
.swiper-gallery .swiper-next:hover {
    background: rgba(255, 255, 255, 0.4)
}

.swiper-gallery picture,
.swiper-gallery img {
    height: 100%;
    width: 100%
}

.swiper-gallery img {
    -o-object-fit: cover;
    object-fit: cover
}

.swiper-fullscreen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 5px;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    color: #343434;
    position: absolute;
    left: 50%;
    bottom: 2rem;
    z-index: 100;
    text-indent: -9999px;
    transform: translate(-50%, 0);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    padding: 0;
    transition: color 0.25s, background 0.25s, transform 0.25s
}

.swiper-fullscreen svg.icon-fullscreen {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%)
}

.swiper-fullscreen:hover {
    background: var(--theme-primary-color);
    color: #fff;
    text-decoration: none
}

.swiper-fullscreen:active {
    transition: none;
    transform: translate(-50%, 0) scale(0.95)
}

@media (min-width:1200px) {
    .swiper-fullscreen {
        text-indent: 0;
        padding: 0 1.5rem;
        width: auto
    }

    .swiper-fullscreen svg.icon-fullscreen {
        margin: 0 0 0 0.8rem;
        display: block;
        position: static;
        transform: none
    }
}

.swiper-compare {
    overflow: visible
}

.swiper-compare .swiper-wrapper {
    margin: 0
}

.swiper-compare .swiper-slide {
    padding: 0 3rem;
    width: auto;
    height: auto;
    -ms-flex: 1;
    flex: 1;
    min-width: 27rem;
    border-right: 1px solid #EDEFF5
}

.swiper-compare .swiper-slide:first-child {
    padding-left: 0
}

.swiper-compare .swiper-slide:last-child {
    padding-right: 0;
    border: none
}

@media (min-width:1200px) {
    .swiper-compare .swiper-slide {
        min-width: 20%;
        max-width: 50rem
    }
}

.swiper-vertical {
    position: relative;
    height: 67rem
}

.swiper-vertical .swiper-prev,
.swiper-vertical .swiper-next {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 100%;
    color: #343434;
    border-radius: 0;
    transition: background 0.25s
}

.swiper-vertical .swiper-prev:hover,
.swiper-vertical .swiper-next:hover {
    background: #F7F7FB
}

.swiper-vertical .swiper-prev.swiper-button-disabled,
.swiper-vertical .swiper-next.swiper-button-disabled {
    pointer-events: none
}

.swiper-vertical .swiper-prev.swiper-button-disabled svg,
.swiper-vertical .swiper-next.swiper-button-disabled svg {
    opacity: 0.1
}

@media (max-width:767px) {
    .swiper-vertical {
        height: auto
    }
}

.swiper-vertical-thumbs {
    width: 100%;
    height: 100%;
    border-radius: 10px 0 0 0
}

.swiper-vertical-thumbs .swiper-slide {
    border-bottom: 1px solid #EDEDF9;
    cursor: pointer;
    transition: background 0.25s
}

.swiper-vertical-thumbs .swiper-slide-thumb-active {
    background: #F7F7FB
}

.swiper-vertical-thumbs .swiper-control {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12rem;
    display: flex;
    z-index: 100
}

@media (max-width:1199px) {
    .swiper-vertical-thumbs {
        border-radius: 0
    }
}

@media (max-width:767px) {
    .swiper-vertical-thumbs .swiper-slide {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        border: none;
        border-left: 1px solid #EDEDF9
    }

    .swiper-vertical-thumbs .swiper-slide:first-child {
        border: none
    }
}

.swiper-vertical-slides {
    width: 100%;
    height: 100%
}

.swiper-horizontal {
    position: relative
}

.swiper-horizontal .swiper-prev,
.swiper-horizontal .swiper-next {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #343434;
    border-radius: 0;
    transition: background 0.25s
}

.swiper-horizontal .swiper-prev:hover,
.swiper-horizontal .swiper-next:hover {
    background: #F7F7FB
}

.swiper-horizontal .swiper-prev.swiper-button-disabled,
.swiper-horizontal .swiper-next.swiper-button-disabled {
    pointer-events: none
}

.swiper-horizontal .swiper-prev.swiper-button-disabled svg,
.swiper-horizontal .swiper-next.swiper-button-disabled svg {
    opacity: 0.1
}

@media (max-width:767px) {
    .swiper-horizontal {
        height: auto
    }
}

.swiper-horizontal-thumbs {
    width: 100%;
    height: 11rem
}

.swiper-horizontal-thumbs .swiper-wrapper {
    height: 100%
}

.swiper-horizontal-thumbs .swiper-slide {
    height: auto;
    cursor: pointer;
    transition: background 0.25s;
    border-left: 1px solid #EDEDF9
}

.swiper-horizontal-thumbs .swiper-slide:first-child {
    border: none
}

.swiper-horizontal-thumbs .swiper-slide-thumb-active {
    background: #F7F7FB
}

.swiper-horizontal-thumbs .swiper-control {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12rem;
    display: flex;
    z-index: 100
}

@media (max-width:767px) {
    .swiper-horizontal-thumbs .swiper-slide {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        border: none;
        border-left: 1px solid #EDEDF9
    }

    .swiper-horizontal-thumbs .swiper-slide:first-child {
        border: none
    }
}

.swiper-horizontal-slides {
    width: 100%;
    height: 67rem
}

@media (max-width:767px) {
    .swiper-horizontal-slides {
        height: auto
    }
}

.swiper-stories {
    position: relative;
    width: 100%;
    height: 100%
}

.swiper-stories-slides {
    position: absolute;
    top: 5%;
    left: 0;
    height: 60%;
    width: 100%;
    padding: 0 5rem;
    text-align: center;
    overflow: visible
}

.swiper-stories-slides .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.swiper-stories-slides .swiper-slide-active {
    z-index: 2
}

.swiper-stories-slides .swiper-slide-active .swiper-stories__close {
    opacity: 1
}

@media (min-width:768px) {
    .swiper-stories-slides {
        padding: 0 25%
    }
}

.swiper-stories__slide {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-stories__gallery {
    position: relative;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex: 1;
    flex: 1
}

.swiper-stories__gallery .swiper-stories__image {
    position: absolute;
    opacity: 0;
    transition: opacity 0.25s
}

.swiper-stories__gallery .swiper-stories__image img {
    -ms-flex: 1;
    flex: 1
}

.swiper-stories__gallery .swiper-stories__image.is-active {
    opacity: 1;
    position: relative
}

.swiper-stories__image {
    height: 100%
}

.swiper-stories__image img {
    display: block;
    width: auto;
    max-height: 60vh;
    border-radius: 5px
}

.swiper-stories__pagination {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem 2rem
}

.swiper-stories__bullet {
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin: 0 0.35rem;
    border-bottom: 1px solid #E9E8F1;
    transition: border-color 0.25s;
    position: relative;
    z-index: 100;
    cursor: pointer
}

.swiper-stories__bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.35rem;
    right: -0.35rem
}

.swiper-stories__bullet:first-child {
    margin-left: 0
}

.swiper-stories__bullet:last-child {
    margin-right: 0
}

.swiper-stories__bullet.is-active {
    border-color: var(--theme-primary-color)
}

.swiper-stories__bullet--single {
    border: 0
}

.swiper-stories__close {
    position: absolute;
    top: -1rem;
    right: -5rem;
    width: 5rem;
    height: 5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    transition: color 0.25s, opacity 0.25s;
    opacity: 0
}

.swiper-stories__close:hover {
    color: var(--theme-primary-color)
}

.swiper-stories__button {}

.swiper-stories__button a {
    display: none;
    position: absolute;
    left: 2rem;
    right: 0;
    bottom: 4rem;
    z-index: 10;
    line-height: 1.8;
    max-width: calc(100% - 4rem)
}

.swiper-stories__button a.is-active {
    display: block
}

.swiper-stories-thumbs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2.5rem 0
}

@media (min-width:1200px) {
    .swiper-stories-thumbs {
        padding: 3.5% 0
    }
}

.swiper-stories-thumbs__list {
    margin: 0;
    padding: 0 2.5rem;
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.swiper-stories-thumbs__list:after {
    content: "";
    -ms-flex: 0 0 20px;
    flex: 0 0 2rem
}

.swiper-stories-thumbs__list > li {
    height: 100%;
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 12.6rem
}

.swiper-stories-thumbs__list > li:last-child {
    margin: 0
}

.swiper-stories__thumb {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.25s;
    will-change: transform;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.swiper-stories__thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 2/3;
    border-radius: 5px
}

@media (hover:hover) {
    .swiper-stories__thumb:hover {
        transform: scale(1.05)
    }
}

.is-active > .swiper-stories__thumb {
    transform: scale(1.05)
}

.swiper-products-small,
.swiper-products-order {
    overflow: visible
}

.swiper-products-small > .swiper-wrapper,
.swiper-products-order > .swiper-wrapper {
    z-index: 200;
    width: auto;
    margin: 0 -0.25rem
}

.swiper-products-small > .swiper-wrapper > .swiper-slide,
.swiper-products-order > .swiper-wrapper > .swiper-slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.2rem;
    max-width: 100%;
    height: auto;
    padding: 0 0.25rem;
    transition: opacity 0.25s, transform 0.25s
}

.swiper-products-small > .swiper-scrollbar,
.swiper-products-order > .swiper-scrollbar {
    position: relative;
    z-index: 100;
    margin: 3rem 0 0
}

.swiper-products-small.swiper-container-initialized > .swiper-wrapper > .swiper-slide,
.swiper-products-order.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
    margin: 0
}

.swiper-products-categories {
    overflow: visible
}

.swiper-products-categories .swiper-slide {
    -ms-flex: 0 0 248px;
    flex: 0 0 24.8rem;
    width: 24.8rem;
    max-width: 100%;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s;
    height: auto
}

.swiper-products-categories .swiper-slide:last-child {
    margin: 0
}

.swiper-products-categories.swiper-container-initialized .swiper-slide {
    margin: 0
}

@media (min-width:1200px) {
    .swiper-products-categories .swiper-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -1rem -2rem;
        width: auto
    }

    .swiper-products-categories .swiper-slide {
        padding: 0 1rem 2rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        height: auto;
        margin: 0
    }
}

.swiper-brands-featured {
    overflow: visible;
    margin: 0 -0.5rem
}

.swiper-brands-featured .swiper-slide {
    -ms-flex: 0 0 165px;
    flex: 0 0 16.5rem;
    width: 16.5rem;
    max-width: 100%;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s
}

.swiper-brands-featured.swiper-container-initialized .swiper-slide,
.swiper-brands-featured > .swiper-wrapper > .swiper-slide:last-child {
    margin: 0
}

@media (min-width:768px) {
    .swiper-brands-featured .swiper-slide {
        -ms-flex: 0 0 230px;
        flex: 0 0 23rem;
        max-width: 23rem
    }
}

@media (min-width:1200px) {
    .swiper-brands-featured {
        margin: 0 -1rem
    }

    .swiper-brands-featured .swiper-slide {
        margin: 0;
        padding: 0 1rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .swiper-brands-featured.swiper-container-initialized .swiper-slide {
        opacity: 0
    }

    .swiper-brands-featured.swiper-container-initialized .swiper-slide-visible {
        opacity: 1
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -999.9rem;
    margin: 0;
    position: absolute !important;
    top: -999.9rem;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar {
    color: #ccc;
    font-size: 1.3rem;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 4.4rem;
    left: 0;
    line-height: 4.4rem;
    min-width: 4.4rem;
    mix-blend-mode: difference;
    padding: 0 1rem;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4.4rem;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 40rem;
    padding: 4rem;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 4.4rem;
    margin: 0;
    padding: 1rem;
    position: relative;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 4.4rem
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 0.2rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 0.8rem;
    position: absolute;
    right: -1.2rem;
    top: -4.4rem;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 10rem;
    opacity: 0;
    position: absolute;
    top: calc(50% - 5rem);
    width: 7rem
}

.fancybox-navigation .fancybox-button div {
    padding: 0.7rem
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 3.1rem 2.6rem 3.1rem 0.6rem
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 3.1rem 0.6rem 3.1rem 2.6rem;
    right: 0
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 1.4rem;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 7.5rem 4.4rem 2.5rem 4.4rem;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -5rem
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 5rem;
    left: 50%;
    margin: -2.5rem 0 0 -2.5rem;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 5rem;
    z-index: 99999
}

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

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 3rem;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0 0 2rem 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 4rem;
    margin: 0 0.5rem 1rem 0.5rem;
    min-width: 13rem;
    padding: 0 1.5rem;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 2.5rem;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 2.5rem
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 1.4rem;
    margin: 1rem 0 0 0;
    outline: none;
    padding: 1rem 1.5rem;
    width: 100%
}

.fancybox-infobar,
.fancybox-caption {
    display: none
}

.fancybox-thumbs {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99995;
    display: block;
    text-align: center
}

.fancybox-show-thumbs .fancybox-inner {
    bottom: 13.2rem
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    margin: 0;
    padding: 3rem 2.5rem;
    list-style: none;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 11.6rem;
    height: 7.2rem;
    margin: 0 0.2rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    border-radius: 3px;
    background-color: #000
}

.fancybox-thumbs__list a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 2px solid #FFFFFF;
    transition: opacity 0.25s;
    z-index: 2;
    opacity: 0
}

.fancybox-thumbs__list a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: opacity 0.25s;
    z-index: 1
}

.fancybox-thumbs__list a:hover:after {
    opacity: 0
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

.fancybox-thumbs__list a.fancybox-thumbs-active:after {
    opacity: 0
}

.fancybox-close {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    width: 5rem;
    height: 5rem;
    cursor: pointer;
    transition: color 0.25s;
    z-index: 99999
}

.fancybox-close svg.icon-close {
    width: 2rem;
    height: 2rem;
    display: block
}

.fancybox-close:hover {
    color: var(--theme-primary-color)
}

.fancybox-content {
    padding: 0;
    overflow: visible;
    background: none
}

.fancybox-image {
    border-radius: 5px
}

.fancybox-type-inline .fancybox-slide {
    padding: 5rem 2.5rem
}

.fancybox-type-inline .fancybox-close {
    position: absolute;
    top: 0;
    right: 0
}

.fancybox-type-image .fancybox-slide {
    padding: 7.5rem 2.5rem 0
}

.fancybox-type-image .fancybox-close {
    position: absolute;
    top: -7.5rem;
    right: 50%;
    margin: 0 -2.5rem 0 0
}

@media (min-width:1200px) {
    .fancybox-type-image .fancybox-slide {
        padding: 5rem 5rem 0
    }

    .fancybox-type-image .fancybox-close {
        top: -1rem;
        right: -5rem;
        margin: 0
    }
}

.fancybox-type-iframe .fancybox-slide {
    padding: 7.5rem 2.5rem 0
}

.fancybox-type-iframe .fancybox-close {
    position: absolute;
    top: -7.5rem;
    right: 50%;
    margin: 0 -2.5rem 0 0
}

@media (min-width:1200px) {
    .fancybox-type-iframe .fancybox-slide {
        padding: 5rem 5rem
    }

    .fancybox-type-iframe .fancybox-close {
        top: -1rem;
        right: -5rem;
        margin: 0
    }
}

.fancybox-popupprod.fancybox-slide {
    padding: 0
}

.fancybox-popupprod .fancybox-close {
    display: none
}

@media (min-width:1200px) {
    .fancybox-popupprod.fancybox-slide {
        padding: 2.5rem 5rem
    }

    .fancybox-popupprod .fancybox-close {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: -1rem;
        right: -5rem;
        margin: 0
    }
}

.fancybox-popupprod .sku__view-head {
    display: block
}

@media (min-width:1200px) {
    .fancybox-popupprod .sku__view-head {
        display: none
    }
}

.fancybox-bg {
    background: #191919;
    opacity: 0
}

@media (max-width: 1199px) {
    .fancybox-disable-touch {
        touch-action: none
    }
}

@media (hover:none) {
    .fancybox-lock {
        overflow: hidden
    }
}

.fancybox-slide {
    -webkit-overflow-scrolling: touch
}

.fancybox-age .app {
    filter: blur(2rem)
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

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

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

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

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

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

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

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

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

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

.irs-grid-pol.small {
    height: 0.4rem
}

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

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

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

.irs-disabled {
    opacity: 0.4
}

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

.irs {
    height: 0.4rem;
    margin: 0
}

.irs-line {
    height: 100%;
    top: 0;
    background: #E6E8F0;
    border-radius: 5px
}

.irs-bar {
    top: 0;
    background: var(--theme-primary-color);
    height: 100%
}

.irs-handle {
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    width: 0;
    height: 0
}

.irs-handle:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin: -1rem 0 0 -1rem
}

.irs-handle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--theme-primary-color);
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    margin: -0.4rem 0 0 -0.4rem;
    transition: transform 0.25s, background 0.25s
}

.irs-handle:hover:after {
    transform: scale(1.5)
}

[aria-expanded=true] ~ .ui-link svg.icon-arrow-link,
.article__body [aria-expanded=true] ~ a:not([class]) svg.icon-arrow-link,
.contacts__data-address [aria-expanded=true] ~ a svg.icon-arrow-link,
.contacts__shops-item-title [aria-expanded=true] ~ a svg.icon-arrow-link,
.contacts__info-item-address [aria-expanded=true] ~ a svg.icon-arrow-link,
.details__comments-item-answer-body [aria-expanded=true] ~ a svg.icon-arrow-link,
.details__txt [aria-expanded=true] ~ a svg.icon-arrow-link,
[aria-expanded=true] ~ .seo__readmore-link svg.icon-arrow-link,
.seo__desc [aria-expanded=true] ~ a svg.icon-arrow-link,
.reviews__answer-body [aria-expanded=true] ~ a svg.icon-arrow-link,
[aria-expanded=true] ~ .reviews__item-link svg.icon-arrow-link,
.reviews__item-body [aria-expanded=true] ~ a svg.icon-arrow-link,
[aria-expanded=true] ~ .reviews__item-details-btn svg.icon-arrow-link,
.ui-wysiwyg [aria-expanded=true] ~ a:not([class]) svg.icon-arrow-link {
    transform: rotate(-90deg)
}

@media (max-width:1199px) {

    .is-header-v3 .intro,
    .is-header-v4 .intro,
    .is-header-v5 .intro,
    .is-header-v6 .intro {
        background: none;
        box-shadow: none;
        padding: 0rem 0 4rem;
        margin: 0
    }

    .is-header-v7 .intro {
        background: #fff;
        box-shadow: none;
        padding: 2rem 0 4rem;
        margin: 0
    }

    .is-header-v8 .intro {
        background: #fff;
        box-shadow: none;
        padding: 2rem 0 4rem;
        margin: 0
    }
}

@media (min-width:1200px) {

    .is-header-v3 .intro,
    .is-header-v4 .intro,
    .is-header-v5 .intro,
    .is-header-v6 .intro {
        background: none;
        box-shadow: none;
        margin: 0 0 3.5rem
    }

    .is-header-v7 .intro {
        background: #fff;
        box-shadow: none;
        padding: 2rem 0 4rem
    }

    .is-header-v8 .intro {
        background: #fff;
        box-shadow: none;
        padding: 0 0 2rem
    }

    .is-header-v2 .header__catalog--fullwidth .header__catalog-dropdown--w1142,
    .is-header-v5 .header__catalog--fullwidth .header__catalog-dropdown--w1142,
    .is-header-v6 .header__catalog--fullwidth .header__catalog-dropdown--w1142,
    .is-header-v7 .header__catalog--fullwidth .header__catalog-dropdown--w1142 {
        max-width: 98.2rem
    }
}

.intro {
    position: relative;
    background: var(--theme-primary-color);
    padding: 0.5rem 0 3rem;
    margin: 0 0 5rem;
    box-shadow: 0 -10px 0 var(--theme-primary-color)
}

@media (min-width:1200px) {
    .intro {
        padding: 3rem 0 5rem;
        margin: 0 0 7.5rem
    }
}

.intro__swiper {
    border-radius: 5px;
    overflow: hidden;
    height: 100%
}

.intro__item {
    position: relative;
    background: var(--theme-secondary-color);
    border-radius: 5px;
    min-height: 100%;
    color: #fff;
    text-decoration: none;
    height: 100%;
        min-height: 64rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    overflow: hidden;
    text-align: center
}

.intro__item:hover {
    color: #fff;
    text-decoration: none
}

@media (min-width:768px) {
    .intro__item {
        padding: 0 8rem;
        text-align: left;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .intro__item--vertical {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        text-align: center
    }

    .intro__item--vertical .intro__item-desc,
    .intro__item--vertical .intro__item-image {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .intro__item--vertical .intro__item-desc {
        padding: 3.5rem 2.5rem 2.5rem
    }

    .intro__item--vertical .intro__item-image {
        padding: 0;
        left: 0;
        margin: auto 0 0 0
    }
}

.intro__item-desc {
    position: relative;
    z-index: 2;
    padding: 3.5rem 2rem
}

.intro__item-desc--dark {
    color: #343434
}

@media (min-width:768px) {
    .intro__item-desc {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.intro__item-category {
    display: block;
    margin: 0 0 1.2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    opacity: 0.4
}

.intro__item-info {
    margin: 0 -1.1rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    opacity: 0.5
}

.intro__item-info > li {
    padding: 0 1.1rem;
    margin: 0 0 1.1rem;
    position: relative
}

.intro__item-info > li:after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: currentColor;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -1px;
    margin: -1px 0 0 0
}

.intro__item-info > li:last-child:after {
    display: none
}

@media (min-width:768px) {
    .intro__item-info {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.intro__item-title {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 2rem
}

.intro__item-price {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    margin: 0;
    border-radius: 5px;
    background: #fff;
    color: #343434;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    padding: 0 1.5rem;
    height: 3.2rem
}

.intro__item-price:hover {
    text-decoration: none
}

.intro__item-price,
.intro__item-price:active {
    color: #343434
}

.intro__item-desc--dark .intro__item-price {
    color: #fff;
    background: #343434
}

@media (min-width:768px) {
    .intro__item-price {
        height: 4.8rem;
        font-size: 2.5rem;
        padding: 1rem 1.5rem
    }
}

.intro__item-image {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.intro__item-image img {
    display: block;
    height: auto
}

@media (min-width:768px) {
    .intro__item-image {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 1.5rem 0 0 0;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.intro__item-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
        background: #faf6f5;
}

.intro__item-cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.stories-features {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .stories-features {
        margin: 0 0 7.5rem
    }
}

.stories-features__title {
    margin: 0 0 2rem
}

.stories-features__scrollbar {
    overflow-y: hidden;
    overflow-x: auto;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem;
    margin: -2rem
}

.stories-features__scrollbar > * {
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 16rem
}

.stories-features__scrollbar > *:last-child {
    margin: 0
}

.stories-features__scrollbar::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem
}

.stories-features__scrollbar::-webkit-scrollbar-track {
    background: #EEF0F3;
    margin: 0 2rem;
    cursor: pointer
}

.stories-features__scrollbar::-webkit-scrollbar-thumb {
    background: var(--theme-primary-color)
}

@media (min-width:1200px) {
    .stories-features__scrollbar > * {
        margin: 0 2rem 0 0
    }
}

.stories-features__item {
    display: block;
    overflow: hidden;
    background: #EEF0F3;
    border-radius: 5px;
    position: relative;
    width: 100%;
    height: 24rem;
    max-width: 100%;
    transition: transform 0.25s;
    will-change: transform
}

.stories-features__item.is-viewed {
    opacity: .7
}

@media (hover:hover) {
    .stories-features__item:hover {
        transform: scale(1.075)
    }
}

.stories-features__item-image {
    display: block;
    width: 100%;
    height: 100%
}

.stories-features__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.products-featured {
    position: relative;
    z-index: 100;
    margin: 0 0 6rem
}

.products-featured:hover {
    z-index: 200
}

.products-featured .container-pagination {
    padding: 4rem 0 0
}

@media (min-width:1200px) {
    .products-featured {
        margin: 0 0 8rem
    }
}

.products-featured__title {
    margin: 0 0 2rem
}

.products-featured__list {
    margin: 0 -1rem -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.products-featured__list > li {
    padding: 0 1rem 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .products-featured__list > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:992px) {
    .products-featured__list > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media (min-width:1200px) {
    .products-featured__list > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.products-featured__filter {
    margin: 0 -2.5rem 1.5rem;
    padding: 0 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto
}

.products-featured__filter .ui-btn,
.products-featured__filter .comments__form-close,
.products-featured__filter .comments__form-btn,
.products-featured__filter .brands__search-btn,
.products-featured__filter .details__comments-form-close,
.products-featured__filter .details__comments-form-btn,
.products-featured__filter .reviews__item-details-close,
.products-featured__filter .reviews__form-close,
.products-featured__filter .reviews__form-btn,
.products-featured__filter .categories-aside__close,
.products-featured__filter .ui-code__btn {
    margin: 0 0.5rem 0 0
}

.products-featured__filter .ui-btn:last-child,
.products-featured__filter .comments__form-close:last-child,
.products-featured__filter .comments__form-btn:last-child,
.products-featured__filter .brands__search-btn:last-child,
.products-featured__filter .details__comments-form-close:last-child,
.products-featured__filter .details__comments-form-btn:last-child,
.products-featured__filter .reviews__item-details-close:last-child,
.products-featured__filter .reviews__form-close:last-child,
.products-featured__filter .reviews__form-btn:last-child,
.products-featured__filter .categories-aside__close:last-child,
.products-featured__filter .ui-code__btn:last-child {
    margin: 0
}

.products-featured__filter::-webkit-scrollbar {
    display: none
}

.products-featured__filter .ui-btn.is-active {
    pointer-events: none
}

.products-featured__swiper {
    position: relative
}

.products-featured__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.products-featured__content.is-active {
    position: relative;
    transition: 0.7s;
    opacity: 1;
    visibility: visible
}

.products-featured__action {
    padding: 3rem 0 0;
    margin: 0 0 -0.5rem;
    text-align: center
}

.products-featured__action .ui-btn,
.products-featured__action .comments__form-close,
.products-featured__action .comments__form-btn,
.products-featured__action .brands__search-btn,
.products-featured__action .details__comments-form-close,
.products-featured__action .details__comments-form-btn,
.products-featured__action .reviews__item-details-close,
.products-featured__action .reviews__form-close,
.products-featured__action .reviews__form-btn,
.products-featured__action .categories-aside__close,
.products-featured__action .ui-code__btn {
    min-width: 20rem
}

.products__banner {
    border-radius: 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 55.1rem;
    overflow: hidden;
    transition: transform 0.25s;
    will-change: transform
}

.products__banner:hover {
    color: #fff;
    text-decoration: none
}

@media (hover:hover) {
    .products__banner:hover {
        transform: scale(1.05)
    }
}

.products__banner-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.products__banner-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.products__banner-desc {
    padding: 4rem;
    margin: auto 0 0 0;
    position: relative;
    z-index: 2
}

.products__banner-category {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.6rem;
    line-height: 1.62;
    font-weight: 400;
    opacity: 0.5
}

.products__banner-title {
    display: block;
    margin: 0 0 3rem;
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 500
}

.products__banner-price {
    margin: 0;
    font-size: 2.3rem;
    line-height: 2.8rem;
    font-weight: 500;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #fff;
    color: #343434;
    display: inline-block;
    vertical-align: top
}

.products__item {
    position: relative;
    z-index: 10;
    height: 55.1rem;
    width: 100%;
    background: #FAF6F6;
    border-radius: 0;
}

.products__item:hover {
    z-index: 20
}

.products__item:hover .products__item-in:before {
    opacity: 1;
    box-shadow: 0px 0px 10px rgba(170, 189, 206, 0.4);
    background-color: #FAF6F6;

}

.products__item:hover .products__item-discount,
.products__item:hover .products__item-action {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0)
}

.products__item:hover .swiper-images .swiper-prev,
.products__item:hover .swiper-images .swiper-next {
    opacity: 1;
    transform: translate(0, 0)
}

.products__item--small {
    height: auto
}

.products__item--small .products__item-in {
    padding: 0 1.5rem 1rem;
    border: 1px solid #E7ECF2;
    height: 100%
}

.products__item--small .products__item-buttons .ui-btn,
.products__item--small .products__item-buttons .comments__form-close,
.products__item--small .products__item-buttons .comments__form-btn,
.products__item--small .products__item-buttons .brands__search-btn,
.products__item--small .products__item-buttons .details__comments-form-close,
.products__item--small .products__item-buttons .details__comments-form-btn,
.products__item--small .products__item-buttons .reviews__item-details-close,
.products__item--small .products__item-buttons .reviews__form-close,
.products__item--small .products__item-buttons .reviews__form-btn,
.products__item--small .products__item-buttons .categories-aside__close,
.products__item--small .products__item-buttons .ui-code__btn {
    width: 2rem;
    height: 2rem
}

.products__item--small .products__item-buttons .ui-btn svg.icon-compare,
.products__item--small .products__item-buttons .comments__form-close svg.icon-compare,
.products__item--small .products__item-buttons .comments__form-btn svg.icon-compare,
.products__item--small .products__item-buttons .brands__search-btn svg.icon-compare,
.products__item--small .products__item-buttons .details__comments-form-close svg.icon-compare,
.products__item--small .products__item-buttons .details__comments-form-btn svg.icon-compare,
.products__item--small .products__item-buttons .reviews__item-details-close svg.icon-compare,
.products__item--small .products__item-buttons .reviews__form-close svg.icon-compare,
.products__item--small .products__item-buttons .reviews__form-btn svg.icon-compare,
.products__item--small .products__item-buttons .categories-aside__close svg.icon-compare,
.products__item--small .products__item-buttons .ui-code__btn svg.icon-compare {
    width: 1.9rem;
    height: 1.9rem
}

.products__item--small .products__item-buttons .ui-btn svg.icon-favorites,
.products__item--small .products__item-buttons .comments__form-close svg.icon-favorites,
.products__item--small .products__item-buttons .comments__form-btn svg.icon-favorites,
.products__item--small .products__item-buttons .brands__search-btn svg.icon-favorites,
.products__item--small .products__item-buttons .details__comments-form-close svg.icon-favorites,
.products__item--small .products__item-buttons .details__comments-form-btn svg.icon-favorites,
.products__item--small .products__item-buttons .reviews__item-details-close svg.icon-favorites,
.products__item--small .products__item-buttons .reviews__form-close svg.icon-favorites,
.products__item--small .products__item-buttons .reviews__form-btn svg.icon-favorites,
.products__item--small .products__item-buttons .categories-aside__close svg.icon-favorites,
.products__item--small .products__item-buttons .ui-code__btn svg.icon-favorites {
    width: 1.8rem;
    height: 1.8rem
}

.products__item--small .products__item-gallery {
    margin: 0 -1.5rem 2rem;
    padding: 0 1.5rem
}

.products__item--small .products__item-pagination {
    padding: 0 1.5rem
}

.products__item--small .products__item-image {
    height: 15rem;
    margin: 0 0 2rem;
    padding: 1rem 0 2.5rem
}

.products__item--small .products__item-rating {
    position: absolute;
    top: 1rem;
    left: 2rem
}

.products__item--small .products__item-title {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    height: auto;
    max-height: 6rem;
    margin: 0 -1rem 1rem 0;
    -webkit-line-clamp: 3
}

.products__item--small .products__item-title:last-child {
    margin-bottom: 0
}

.products__item--small .products__item-price {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400
}

.is-header-fixed .header__additional-multiple .products__item-price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 3.4rem;
    -ms-flex-align: start;
    align-content: flex-start
}

.products__item--compact {
    height: 34.3rem
}

.products__item--compact .products__item-image {
    height: 19.3rem
}

.products__item--compact .products__item-title {
    height: 2.4rem;
    margin: 0 0 1rem;
    -webkit-line-clamp: 1
}

@media (max-width:767px) {
    .products__item--responsive {
        height: 33rem
    }

    .set .products__item--responsive {
        height: 35rem
    }

    .products__item--responsive .products__item-in {
        padding: 1.5rem
    }

    .products__item--responsive .products__item-badges {
        display: none
    }

    .products__item--responsive .products__item-discount {
        display: none
    }

    .products__item--responsive .products__item-id {
        display: none
    }

    .products__item--responsive .products__item-buttons .ui-btn,
    .products__item--responsive .products__item-buttons .comments__form-close,
    .products__item--responsive .products__item-buttons .comments__form-btn,
    .products__item--responsive .products__item-buttons .brands__search-btn,
    .products__item--responsive .products__item-buttons .details__comments-form-close,
    .products__item--responsive .products__item-buttons .details__comments-form-btn,
    .products__item--responsive .products__item-buttons .reviews__item-details-close,
    .products__item--responsive .products__item-buttons .reviews__form-close,
    .products__item--responsive .products__item-buttons .reviews__form-btn,
    .products__item--responsive .products__item-buttons .categories-aside__close,
    .products__item--responsive .products__item-buttons .ui-code__btn {
        width: 2rem;
        height: 2rem
    }

    .products__item--responsive .products__item-buttons .ui-btn svg.icon-compare,
    .products__item--responsive .products__item-buttons .comments__form-close svg.icon-compare,
    .products__item--responsive .products__item-buttons .comments__form-btn svg.icon-compare,
    .products__item--responsive .products__item-buttons .brands__search-btn svg.icon-compare,
    .products__item--responsive .products__item-buttons .details__comments-form-close svg.icon-compare,
    .products__item--responsive .products__item-buttons .details__comments-form-btn svg.icon-compare,
    .products__item--responsive .products__item-buttons .reviews__item-details-close svg.icon-compare,
    .products__item--responsive .products__item-buttons .reviews__form-close svg.icon-compare,
    .products__item--responsive .products__item-buttons .reviews__form-btn svg.icon-compare,
    .products__item--responsive .products__item-buttons .categories-aside__close svg.icon-compare,
    .products__item--responsive .products__item-buttons .ui-code__btn svg.icon-compare,
    .products__item--responsive .products__item-buttons .ui-btn svg.icon-favorites,
    .products__item--responsive .products__item-buttons .comments__form-close svg.icon-favorites,
    .products__item--responsive .products__item-buttons .comments__form-btn svg.icon-favorites,
    .products__item--responsive .products__item-buttons .brands__search-btn svg.icon-favorites,
    .products__item--responsive .products__item-buttons .details__comments-form-close svg.icon-favorites,
    .products__item--responsive .products__item-buttons .details__comments-form-btn svg.icon-favorites,
    .products__item--responsive .products__item-buttons .reviews__item-details-close svg.icon-favorites,
    .products__item--responsive .products__item-buttons .reviews__form-close svg.icon-favorites,
    .products__item--responsive .products__item-buttons .reviews__form-btn svg.icon-favorites,
    .products__item--responsive .products__item-buttons .categories-aside__close svg.icon-favorites,
    .products__item--responsive .products__item-buttons .ui-code__btn svg.icon-favorites {
        width: 1.7rem;
        height: 1.7rem
    }

    .products__item--responsive .products__item-gallery {
        margin: 0 -1.5rem 2rem;
        padding: 0 1.5rem
    }

    .products__item--responsive .products__item-pagination {
        padding: 0 1.5rem
    }

    .products__item--responsive .products__item-image {
        height: 19rem
    }

    .products__item--responsive .products__item-rating {
        position: relative;
        top: 0;
        left: 0;
        min-height: auto;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 400;
        position: relative;
        top: -2rem;
        margin: 0 0 -2rem
    }

    .products__item--responsive .products__item-status {
        display: none
    }

    .products__item--responsive .products__item-title {
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 500;
        max-height: 6rem;
        margin: 0 0 1rem
    }

    .products__item--responsive .products__item-price {
        font-size: 1.6rem
    }

    .products__item--responsive .products__item-price mark {
        display: none
    }

    .products__item--responsive .products__item-replace {
        margin-top: 0.5rem
    }

    .products__item--responsive .products__item-action .comments__form-btn,
    .products__item--responsive .products__item-action .brands__search-btn,
    .products__item--responsive .products__item-action .details__comments-form-btn,
    .products__item--responsive .products__item-action .reviews__form-btn {
        text-indent: -9999px;
        padding: 0;
        width: 5rem;
        height: 5rem;
        font-size: 0
    }

    .products__item--responsive .products__item-action .comments__form-btn svg.icon-cart,
    .products__item--responsive .products__item-action .brands__search-btn svg.icon-cart,
    .products__item--responsive .products__item-action .details__comments-form-btn svg.icon-cart,
    .products__item--responsive .products__item-action .reviews__form-btn svg.icon-cart {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        display: block;
        transform: translate(-50%, -50%)
    }

    .products__item--responsive .ui-add-to-cart {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -1rem
    }

    .products__item--responsive .ui-add-to-cart > *:last-child {
        margin-right: 0
    }

    .products__item--responsive .products__item-action .ui-btn--primary {
        margin-bottom: 1rem;
        width: unset;
        max-width: 15rem;
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .products__item--responsive .products__item-action .ui-number,
    .products__item--responsive .products__item-action .ui-btn--view {
        margin-bottom: 1rem
    }

    .products__item--responsive .ui-btn svg.icon-cart {
        margin: 0 0 0 0.5rem
    }

    .swiper-products--responsive > .swiper-wrapper > .swiper-slide {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 2rem);
        width: calc(50% - 2rem)
    }
}

.products__item-in {
    position: relative;
    border-radius: 10px;
    padding: 3rem;
    min-height: 100%
}

.products__item-in:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: inherit;
    background: #fff;
    opacity: 0;
    transition: 0.25s
}

.products__item-topleft {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    right: 14rem;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.products__item-topleft .products__item-badges,
.products__item-topleft .products__item-rating {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 1.5rem 0 0
}

.products__item-rating {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: #343434;
    min-height: 2.6rem;
    background: none
}

.products__item-rating svg {
    color: #E6C622;
    margin: 0 0 0 0.4rem;
    display: block;
    position: relative;
    top: -1px;
    display: block;
    width: 1.4rem;
    height: 1.4rem
}

.products__item-badges {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%
}

.products__item-badges .ui-badge {
    margin: 0 0 0.5rem;
    position: relative;
    top: 0;
    left: 0
}

.products__item-badges .ui-badge:first-of-type ~ * {
    position: absolute
}

.products__item-badges .ui-badge:nth-of-type(1) {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.products__item-badges .ui-badge:nth-of-type(2) {
    top: 100%
}

.products__item-badges .ui-badge:nth-of-type(3) {
    top: 200%
}

.products__item-badges .ui-badge:nth-of-type(4) {
    top: 300%
}

.products__item-badges .ui-badge:nth-of-type(5) {
    top: 400%
}

.products__item-buttons {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    will-change: transform
}

.products__item-buttons .ui-btn,
.products__item-buttons .comments__form-close,
.products__item-buttons .comments__form-btn,
.products__item-buttons .brands__search-btn,
.products__item-buttons .details__comments-form-close,
.products__item-buttons .details__comments-form-btn,
.products__item-buttons .reviews__item-details-close,
.products__item-buttons .reviews__form-close,
.products__item-buttons .reviews__form-btn,
.products__item-buttons .categories-aside__close,
.products__item-buttons .ui-code__btn {
    margin: 0 0 0 1rem
}

.products__item-gallery {
    margin: 0 -3rem 2rem;
    padding: 0 3rem;
    overflow: hidden;
    z-index: 90;
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.products__item-gallery .products__item-image {
    opacity: 0;
    margin: 0
}

.products__item-gallery .products__item-image.is-active {
    opacity: 1
}

.products__item-pagination {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    padding: 0 3rem
}

.products__item-bullet {
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin: 0 0.35rem;
    border-bottom: 1px solid #E9E8F1;
    transition: border-color 0.25s;
    position: relative
}

.products__item-bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.35rem;
    right: -0.35rem
}

.products__item-bullet:first-child {
    margin-left: 0
}

.products__item-bullet:last-child {
    margin-right: 0
}

.products__item-bullet.is-active {
    border-color: var(--theme-primary-color)
}

.products__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 33.5rem;
    margin: 0 0 2rem;
    padding: 1rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    transition: opacity 0.25s;
    background: #fff
}

.products__item-image img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    width: auto;
    height: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.products__item-status {
    display: block;
    margin: 0 1.5rem 1rem 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    float: left;
    position: relative;
    padding: 0 0 0 1.3rem
}

.products__item-status:before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5rem)
}

.products__item-status--true:before {
    background: #13D154
}

.products__item-status--false:before {
    background: #BDC2D3
}

.products__item-id {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    margin: 0 0 1rem
}

.products__item-title {
    display: block;
    margin: 0 0 1rem;
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    height: 4.2rem;
    clear: both;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-decoration: none;
    transition: color 0.25s;
    color: inherit;
}

.products__item-title:hover {
    color: var(--theme-primary-color);
    text-decoration: none
}

.products__item-price {
    display: block;
    margin: 0 1rem 0 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
}
.products__item-price mark {
    display: block;
    font-size: 1.4rem;
    line-height: 2.8rem;
    font-weight: 500;
    padding: 0 0.9rem;
    background: #F53C3C;
    border-radius: 4px;
    color: #fff;
    margin: 0 1rem 0 0
}

.products__item-price ins {
    text-decoration: none;
    margin: 0 1rem 0 0
}

.products__item-price del,
.price-old {
    display: block;
    margin: 0;
    padding: 0 0.2rem;
    position: relative;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: none
}

.price-old {
    display: inline
}

.products__item-price del:after,
.price-old:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.2rem;
    background: #F45656;
    margin: -1px 0 0
}

.price-old:after {
    height: 0.15rem
}

.products__item-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.products__item-replace {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500
}

.products__item-action {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 10px);
    transition: 0.25s;
    padding: 2rem 0 0
}

.products__item-discount {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 10px);
    transition: 0.25s;
    margin: 3rem 0 0;
    padding: 2rem 0;
    border-top: 1px solid #E9E8F1;
    border-bottom: 1px solid #E9E8F1
}

.products__item-discount .ui-discount__icon {
    margin: 0 1.5rem 0 0
}

.products__list--grid-5 .products__item-image {
    height: 27.5rem
}

.products__list--grid-5 .products__item-price mark {
    display: none
}

.products__list--grid-5 .ui-add-to-cart,
.catalog .products__list--grid-4 .ui-add-to-cart {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1rem
}

.products__list--grid-5 .ui-btn--primary,
.catalog .products__list--grid-4 .ui-btn--primary {
    margin-bottom: 1rem;
    width: unset;
    max-width: 15rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.products__list--grid-5 .ui-number,
.products__list--grid-5 .ui-btn--view,
.catalog .products__list--grid-4 .ui-number,
.catalog .products__list--grid-4 .ui-btn--view {
    margin-bottom: 1rem
}

.products__list--grid-5 .ui-add-to-cart > * {
    max-width: 100%
}

.products-aside {
    margin: 0 0 6rem
}

.products-aside__title {
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}

.products-aside__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.products-aside__list > li {
    margin: 0 0 2rem
}

.products-aside__list > li:last-child {
    margin: 0
}

.products__list {
    margin: 0 -1rem -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.products__list > li {
    padding: 0 1rem 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .products__list--grid-3 > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .products__list--grid-4 > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .products__list--grid-5 > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .products__list--grid-6 > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:992px) {

    .products__list--grid-3 > li,
    .products__list--grid-4 > li,
    .products__list--responsive.products__list--grid-3 > li,
    .products__list--responsive.products__list--grid-4 > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .products__list--grid-5 > li,
    .products__list--grid-6 > li,
    .products__list--responsive.products__list--grid-5 > li,
    .products__list--responsive.products__list--grid-6 > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1200px) {

    .products__list--grid-4 > li,
    .products__list--responsive.products__list--grid-4 > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .products__list--grid-5 > li,
    .products__list--responsive.products__list--grid-5 > li {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .products__list--grid-6 > li,
    .products__list--responsive.products__list--grid-6 > li {
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%
    }
}

.products__list--responsive {
    margin: 0 -0.5rem -1rem
}

.products__list--responsive > li {
    padding: 0 0.5rem 1rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width:768px) {
    .products__list--responsive {
        margin: 0 -1rem -2rem
    }

    .products__list--responsive > li {
        padding: 0 1rem 2rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:992px) {
    .products__list--responsive > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media (min-width:1200px) {
    .products__list--line > li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.products__item-details {
    -ms-flex: 1;
    flex: 1;
    margin-right: 4rem
}

@media (max-width:1199px) {
    .products__item-pagination {
        display: none
    }

    .products__item-details {
        display: none
    }
}

.products__item-readmore {
    max-height: 17.5rem;
    transition: 0.25s;
    margin: 0 0 1rem;
    overflow: hidden
}

.products__item-details-list {
    margin: 0 -1rem -1rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.products__item-details-list small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    color: #BDC2D3
}

.products__item-details-list > li {
    padding: 0 1rem 1rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.products__item-details-action {
    padding: 1rem 0 0
}

.products__item-topbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

.products__item-topbar > * {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 1.5rem 1rem 0;
    line-height: 1
}

@media (min-width:1200px) {
    .products__item--line {
        height: auto;
        min-height: 25.5rem
    }

    .products__item--line .products__item-in {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 3rem 0
    }

    .products__item--line .products__item-gallery {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin: 0 3rem 0 0
    }

    .products__item--line .products__item-image {
        height: 19.5rem
    }

    .products__item--line .products__item-action {
        position: relative;
        opacity: 1;
        visibility: visible;
        padding: 0;
        transform: none;
        margin: auto 0 0 0
    }

    .products__item--line .products__item-desc {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        margin: 0 3rem 0 0
    }

    .products__item--line .products__item-title {
        height: auto
    }

    .products__item--line .products__item-price {
        margin: 0 0 2rem
    }
}

@media (min-width:1200px) {
    .products__item--min {
        height: auto;
        min-height: 16rem
    }

    .products__item--min:hover .products__item-action {
        position: absolute
    }

    .products__item--min .products__item-in {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 3rem 0
    }

    .products__item--min .products__item-buttons {
        position: absolute;
        top: 50%;
        right: 4rem;
        margin: -2.5rem 0 0 0
    }

    .products__item--min .products__item-buttons .ui-btn,
    .products__item--min .products__item-buttons .comments__form-close,
    .products__item--min .products__item-buttons .comments__form-btn,
    .products__item--min .products__item-buttons .brands__search-btn,
    .products__item--min .products__item-buttons .details__comments-form-close,
    .products__item--min .products__item-buttons .details__comments-form-btn,
    .products__item--min .products__item-buttons .reviews__item-details-close,
    .products__item--min .products__item-buttons .reviews__form-close,
    .products__item--min .products__item-buttons .reviews__form-btn,
    .products__item--min .products__item-buttons .categories-aside__close,
    .products__item--min .products__item-buttons .ui-code__btn {
        width: 5rem;
        height: 5rem;
        border-color: #E9E8F1
    }

    .products__item--min .products__item-gallery {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin: -1.5rem 3rem -1.5rem 0
    }

    .products__item--min .products__item-image {
        height: 13rem;
        padding: 2rem
    }

    .products__item--min .products__item-action {
        position: absolute;
        top: 50%;
        right: 15rem;
        left: auto;
        bottom: auto;
        margin: -2.5rem 0 0;
        opacity: 1;
        visibility: visible;
        padding: 0;
        transform: none
    }

    .products__item--min .products__item-desc {
        -ms-flex: 1;
        flex: 1;
        margin: 0 44rem 0 0
    }

    .products__item--min .products__item-title {
        height: auto
    }


    .products__item--min .products__item-price {
        margin: 0
    }
}

.products__discount {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 3.5rem;
    min-height: 100%;
    position: relative;
    z-index: 50;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:767px) {
    .products__discount--responsive {
        padding: 1.5rem;
        text-align: center
    }

    .products__discount--responsive .products__discount-circle-in {
        padding: 1.5rem
    }

    .products__discount--responsive .products__discount-title {
        font-size: 1.35rem;
        margin: 0 0 1rem
    }

    .products__discount--responsive .products__discount-price {
        font-size: 2rem
    }

    .products__discount--responsive .products__discount-price-del {
        font-size: 1.2rem
    }

    .products__discount--responsive .products__discount-price-economy {
        font-size: 1rem
    }

    .products__discount--responsive .products__discount-action .comments__form-close,
    .products__discount--responsive .products__discount-action .comments__form-btn,
    .products__discount--responsive .products__discount-action .brands__search-btn,
    .products__discount--responsive .products__discount-action .details__comments-form-close,
    .products__discount--responsive .products__discount-action .details__comments-form-btn,
    .products__discount--responsive .products__discount-action .reviews__item-details-close,
    .products__discount--responsive .products__discount-action .reviews__form-close,
    .products__discount--responsive .products__discount-action .reviews__form-btn,
    .products__discount--responsive .products__discount-action .categories-aside__close,
    .products__discount--responsive .products__discount-action .ui-code__btn {
        text-indent: -9999px
    }

    .products__discount--responsive .products__discount-action .comments__form-close svg.icon-cart,
    .products__discount--responsive .products__discount-action .comments__form-btn svg.icon-cart,
    .products__discount--responsive .products__discount-action .brands__search-btn svg.icon-cart,
    .products__discount--responsive .products__discount-action .details__comments-form-close svg.icon-cart,
    .products__discount--responsive .products__discount-action .details__comments-form-btn svg.icon-cart,
    .products__discount--responsive .products__discount-action .reviews__item-details-close svg.icon-cart,
    .products__discount--responsive .products__discount-action .reviews__form-close svg.icon-cart,
    .products__discount--responsive .products__discount-action .reviews__form-btn svg.icon-cart,
    .products__discount--responsive .products__discount-action .categories-aside__close svg.icon-cart,
    .products__discount--responsive .products__discount-action .ui-code__btn svg.icon-cart {
        display: block;
        margin: 0
    }
}

.products__discount-circle {
    position: relative;
    overflow: hidden;
    background: #343434;
    color: #fff;
    overflow: hidden;
    margin: auto 0 5.6rem;
    border-radius: 50%
}

.products__discount-circle:before {
    content: "";
    float: left;
    padding: 100% 0 0 0
}

.products__discount-circle-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3rem 3rem 3rem 6rem
}

.products__discount-title {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin: 0 0 2rem
}

.products__discount-price {
    display: block;
    margin: 0;
    font-size: 3.7rem;
    line-height: 1;
    font-weight: 500;
    color: #E4CCA7;
    white-space: nowrap
}

.products__discount-price-ins {
    text-decoration: none;
    display: block
}

.products__discount-price-del {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 0.3rem;
    position: relative;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.products__discount-price-del:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.2rem;
    background: #F45656;
    margin: -1px 0 0
}

.products__discount-price-economy {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
    margin: -0.5rem 0 0
}

.products__discount-action .ui-btn,
.products__discount-action .comments__form-close,
.products__discount-action .comments__form-btn,
.products__discount-action .brands__search-btn,
.products__discount-action .details__comments-form-close,
.products__discount-action .details__comments-form-btn,
.products__discount-action .reviews__item-details-close,
.products__discount-action .reviews__form-close,
.products__discount-action .reviews__form-btn,
.products__discount-action .categories-aside__close,
.products__discount-action .ui-code__btn {
    width: 100%
}

.banners {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .banners {
        margin: 0 0 7.5rem
    }
}

.banners__item {
    position: relative;
    padding: 8rem 15%;
    height: 100%;
    min-height: 37rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.banners__item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.banners__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banners__item-desc {
    position: relative;
    z-index: 2
}

.banners__item-category {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    opacity: 0.4
}

.banners__item-title {
    display: block;
    margin: 0 0 3rem;
    font-size: 3rem;
    line-height: 1.25;
    font-weight: 500
}

@media (max-width:1199px) {
    .banners__item-desc {
        transform: scale(0.7);
        position: absolute
    }

    .banners__item {
        padding: 0;
        height: 100%;
        min-height: unset
    }

    .banners__item-image {
        position: relative
    }

    .banners__item-image img {
        height: auto
    }

    .banners__item-title {
        margin: 0 0 2rem;
        font-size: 2rem
    }
}

.blog {
    margin: 0 0 6rem
}

.blog .container-pagination {
    padding: 4rem 0 0
}

@media (min-width:1200px) {
    .blog {
        margin: 0 0 8rem
    }

    .blog .container-pagination {
        padding: 8rem 0 0
    }
}

.blog__sorting {
    margin: 0 0 1rem
}

.blog__sorting .ui-select {
    margin: 0;
    min-width: 21rem
}

.blog__sorting .ui-select select,
.blog__sorting .ui-select .selectric {
    background-color: #fff;
    border-color: #fff;
    font-size: 1.5rem
}

.blog__sorting .ui-select .selectric-items {
    background: #fff
}

@media (min-width:1200px) {
    .blog__sorting {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0 0 1.5rem
    }
}

@media (min-width:1200px) {
    .blog__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1200px) {
    .blog__sidebar {
        margin: 0 2rem 6rem 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 34rem;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 4rem 3rem 3rem
    }

    .blog__sidebar + .blog__sidebar {
        padding: 0 3rem 3rem;
        margin: -9rem 2rem 6rem 0
    }
}

@media (min-width:1200px) {
    .blog__content {
        -ms-flex: 1;
        flex: 1
    }
}

.blog__nav {
    margin: 0 -2.5rem 1rem
}

@media (min-width:1200px) {
    .blog__nav {
        margin: 0 0 3.5rem
    }
}

.blog__nav-title {
    display: none
}

@media (min-width:1200px) {
    .blog__nav-title {
        display: block;
        font-size: 2rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 2.5rem
    }
}

.blog__nav-menu {
    margin: 0;
    padding: 0 2.5rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    overflow-x: auto;
    overflow-y: hidden
}

.blog__nav-menu > li {
    margin: 0 1rem 0 0
}

.blog__nav-menu > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .blog__nav-menu {
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: visible;
        padding: 0
    }

    .blog__nav-menu > li {
        margin: 0 0 0.5rem
    }
}

.blog__nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    background: #fff;
    border-radius: 5px;
    color: #343434;
    transition: color 0.25s, background 0.25s;
    height: 4.5rem;
    padding: 0 1.5rem
}

.blog__nav-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.blog__nav-link.is-active {
    background: var(--theme-primary-color);
    color: #fff
}

@media (min-width:1200px) {
    .blog__nav-link {
        background: #F7F7FB
    }
}

.blog__nav-counter {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 2rem
}

.blog__tags {
    display: none
}

@media (min-width:1200px) {
    .blog__tags {
        display: block
    }
}

.blog__tags-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 2.5rem
}

.blog__tags-menu {
    margin: 0 -0.25rem -0.5rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

.blog__tags-menu > li {
    padding: 0 0.25rem 0.5rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.blog__tags-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.5rem;
    padding: 0 1.2rem;
    white-space: nowrap;
    text-decoration: none;
    background: #F7F7FB;
    border-radius: 5px;
    color: #343434;
    transition: color 0.25s
}

.blog__tags-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.blog__tags-link span {
    margin-left: 0.3rem
}

.blog__list {
    margin: 0 -1rem -5rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog__list > li {
    padding: 0 1rem 5rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:576px) {
    .blog__list > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .blog__list > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media (min-width:1200px) {
    .blog__list > li.is-fullwidth {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .is-fullwidth .blog__item-wrapper {
        margin: 0
    }

    .is-fullwidth .blog__item-image:after {
        height: 17.2rem
    }

    .is-fullwidth .blog__item-info {
        left: auto;
        right: 0;
        padding: 3rem
    }

    .is-fullwidth .blog__item-tags {
        padding: 3rem
    }

    .is-fullwidth .blog__item-title {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
        padding: 3rem;
        font-size: 2rem;
        max-width: 54rem
    }
}

.blog__item {
    position: relative;
    display: block;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s
}

.blog__item:hover {
    color: #343434;
    text-decoration: none
}

@media (hover:hover) {
    .blog__item:hover {
        color: #4791FF
    }

    .blog__item:hover .blog__item-wrapper {
        transform: scale(1.05)
    }

    .blog__item:hover .blog__item-title {
        transform: translate(0, 10px);
        text-decoration: none
    }

    .blog__item:hover .blog__item-date {
        transform: translate(0, 10px)
    }

    .blog__item:hover .blog__item-title u {
        border-color: rgba(71, 145, 255, 0.15);
        text-decoration: none
    }
}

.blog__item-wrapper {
    position: relative;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 2rem;
    transition: transform 0.25s;
    will-change: transform
}

.blog__item-image {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    max-height: 46.5rem
}

.blog__item-image:before {
    content: "";
    float: left;
    padding: 136% 0 0 0
}

.blog__item-image:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7.4rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)
}

.blog__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog__item-tags {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 2rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog__item-tags > li {
    margin: 0 1rem 1rem 0
}

.blog__item-tags-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background: rgba(247, 247, 251, 0.2);
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    white-space: nowrap;
    height: 3.5rem;
    padding: 0 1.2rem;
    transition: color 0.25s, background 0.25s
}

.blog__item-tags-item:hover {
    text-decoration: none;
    background: #fff;
    color: #343434
}

.blog__item-info {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 2rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog__item-info > li {
    margin: 0 2rem 0 0
}

.blog__item-info > li:last-child {
    margin: 0
}

.blog__item-info-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 500;
    white-space: nowrap
}

.blog__item-info-item svg {
    display: block;
    margin: 0 0.7rem 0 0
}

.blog__item-title {
    display: block;
    margin: 0 3rem 0.8rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform;
    color: inherit;
    position: relative;
    z-index: 100
}

.blog__item-title u {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s
}

.blog__item-date {
    display: block;
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    transition: transform 0.25s;
    will-change: transform
}

.blog-featured {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .blog-featured {
        margin: -1rem 0 8rem
    }
}

.blog-featured__title {
    margin: 0 0 2rem
}

.blog-featured__all {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.blog-featured__item {
    position: relative;
    width: 100%;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s;
    display: block
}

.blog-featured__item:hover {
    color: #343434;
    text-decoration: none
}

@media (hover:hover) {
    .blog-featured__item:hover {
        text-decoration: none;
        color: #4791FF
    }

    .blog-featured__item:hover .blog-featured__item-image {
        transform: scale(1.05)
    }

    .blog-featured__item:hover .blog-featured__item-title,
    .blog-featured__item:hover .blog-featured__item-date {
        transform: translate(0, 10px)
    }

    .blog-featured__item:hover .blog-featured__item-title u,
    .blog-featured__item:hover .blog-featured__item-date u {
        border-color: rgba(71, 145, 255, 0.15)
    }
}

.blog-featured__item-image {
    box-shadow: inset 0 0 0 1px #EEF0F3;
    background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transition: transform 0.25s;
    will-change: transform;
    margin: 0 0 1.5rem
}

.blog-featured__item-image:before {
    content: "";
    float: left;
    padding: 136% 0 0 0
}

.blog-featured__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-featured__item-title {
    display: block;
    margin: 0 3rem 0.8rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform
}

.blog-featured__item-title u {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s
}

.blog-featured__item-title:last-child {
    margin-bottom: 0
}

.blog-featured__item-date {
    display: block;
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    transition: transform 0.25s;
    will-change: transform
}

.blog-aside {
    margin: 0 0 6rem
}

.blog-aside__title {
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}

.blog-aside__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-aside__list > li {
    margin: 0 0 3rem
}

.blog-aside__list > li:last-child {
    margin: 0
}

.blog-aside__item {
    display: block;
    position: relative;
    width: 100%;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.blog-aside__item:hover {
    text-decoration: none;
    color: #343434
}

@media (hover:hover) {
    .blog-aside__item:hover {
        text-decoration: none;
        color: #4791FF
    }

    .blog-aside__item:hover .blog-aside__item-image {
        transform: scale(1.05)
    }

    .blog-aside__item:hover .blog-aside__item-title,
    .blog-aside__item:hover .blog-featured__item-date {
        transform: translate(0, 10px)
    }

    .blog-aside__item:hover .blog-aside__item-title u {
        border-color: rgba(71, 145, 255, 0.15)
    }
}

.blog-aside__item-badges {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 100
}

.blog-aside__item-image {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    background: #ccc;
    transition: transform 0.25s;
    will-change: transform;
    margin: 0 0 1.5rem;
    height: 18rem
}

.blog-aside__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-aside__item-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform
}

.blog-aside__item-title u {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s
}

.categories {
    position: relative;
    z-index: 101;
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .categories {
        margin: 0 0 8rem
    }
}

.categories:hover {
    z-index: 102
}

.categories__title {
    margin: 0 0 2rem
}

.categories__item {
    position: relative;
    z-index: 100;
    height: 30rem;
    width: 100%;
    border-radius: 10px;
    color: #fff;
    background: #ccc;
    transition: transform 0.25s;
    will-change: transform
}

.categories__item:hover {
    z-index: 200
}

@media (hover:hover) {
    .categories__item:hover .categories__item-back {
        transform: scale(1.05)
    }

    .categories__item:hover .categories__item-menu {
        max-height: 100%
    }
}

@media (min-width:1200px) {
    .categories__item {
        width: 100%
    }
}

.categories__item-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    background: inherit;
    border-radius: inherit;
    transition: transform 0.25s;
    overflow: hidden
}

.categories__item-front {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3rem 10rem 2rem 2rem;
    max-width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .categories__item-front {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width:1200px) {
    .categories__item-front {
        padding: 3rem 0 3rem 3rem;
        max-width: calc(100% - 16rem)
    }
}

.categories__item-in {
    position: relative;
    min-height: 100%;
    border-radius: inherit;
    background: inherit;
    display: -ms-flexbox;
    display: flex
}

.categories__item-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 30rem;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    transform: translate(25%, 0)
}

.categories__item-image img {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width:1200px) {
    .categories__item-image {
        transform: none
    }
}

.categories__item-desc {
    position: relative;
    z-index: 2;
    -ms-flex: 1;
    flex: 1
}

.categories__item-title {
    display: block;
    margin: 0 0 8rem;
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s, background 0.25s;
    color: #fff
}

.categories__item-title:hover {
    text-decoration: none;
    color: #fff
}

.categories__item-menu {
    margin: auto 0 -0.5rem 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 10.5rem
}

.categories__item-menu > li {
    margin: 0 0.5rem 0.5rem 0
}

.categories__item-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    white-space: nowrap;
    height: 3rem;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.05);
    padding: 0 1rem;
    color: #fff;
    text-decoration: none;
    transition: color 0.25s, background 0.25s
}

.categories__item-link:hover {
    text-decoration: none;
    background: #fff;
    color: #343434
}

@media (max-width:1199px) {
    .is-page-sticky .categories-aside__offcanvas {
        bottom: calc(var(--safe-area-inset-bottom) + 6.5rem)
    }

    .is-page-sticky .categories-aside__dropdown,
    .is-page-sticky .categories-aside__dropright {
        bottom: calc(var(--safe-area-inset-bottom) + 6.5rem + 9rem)
    }
}

@media (max-width:1199px) {
    .is-categories-open .categories-aside__offcanvas {
        opacity: 1;
        visibility: visible;
        pointer-events: unset
    }
}

@media (min-width:1200px) {
    .categories-aside {
        background: #fff;
        border-radius: 10px;
        padding: 3rem;
        margin: 0 0 6rem
    }

    .categories-aside--nav {
        margin: 0 0 2rem
    }
}

@media (max-width:1199px) {
    .categories-aside__offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
        padding: 2.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }
}

@media (max-width:1199px) {
    .categories-aside__offcanvas-in {
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 10px;
        padding: 3rem;
        margin: 0 0 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 100%;
        position: relative
    }

    .categories-aside__offcanvas-in::-webkit-scrollbar {
        display: none
    }
}

.categories-aside__close {
    border-radius: 10px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:1200px) {
    .categories-aside__close {
        display: none
    }
}

.categories-aside__title,
.panel-heading {
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}

.categories-aside__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.categories-aside__menu > li {
    margin: 0 0 0.5rem;
    position: relative
}

.categories-aside__menu > li:last-child {
    margin: 0
}

.categories-aside__menu > li.is-open > .categories-aside__link svg.icon-arrow-categories {
    transform: rotate(180deg)
}

@media (max-width:1199px) {
    .categories-aside__menu > li {
        position: static
    }

    .categories-aside__menu > li.is-open > .categories-aside__dropdown {
        opacity: 1;
        visibility: visible
    }
}

.categories-aside__link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #343434;
    text-decoration: none;
    padding: 1rem 4rem 1rem 1.5rem;
    min-height: 4.5rem;
    background: #F7F7FB;
    border-radius: 5px;
    transition: color 0.25s
}

.categories-aside__link:after {
    content: "";
    min-height: 2.5rem
}

.categories-aside__link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.categories-aside__link svg.icon-arrow-categories {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 0.9rem;
    height: 0.9rem;
    margin: -0.5rem 0 0;
    transition: transform 0.25s
}

@media (max-width:1199px) {
    .categories-aside__link svg.icon-arrow-categories {
        transform: rotate(-90deg)
    }
}

.categories-aside__back {
    display: none;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 2rem
}

.categories-aside__back svg.icon-arrow-categories {
    display: none
}

@media (max-width:1199px) {
    .categories-aside__back {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 2rem;
        cursor: pointer
    }

    .categories-aside__back svg.icon-arrow-categories {
        display: block;
        margin: 0 1rem 0 0;
        transform: rotate(90deg)
    }
}

.categories-aside__dropdown {
    display: none
}

@media (max-width:1199px) {
    .categories-aside__dropdown {
        display: block;
        position: fixed;
        top: 2.5rem;
        left: 2.5rem;
        right: 2.5rem;
        bottom: 9rem;
        border-radius: 10px;
        background: #fff;
        z-index: 100;
        padding: 3rem;
        overflow-x: hidden;
        overflow-y: auto;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .categories-aside__dropdown::-webkit-scrollbar {
        display: none
    }
}

.categories-aside__dropright {
    position: absolute;
    top: -2.5rem;
    left: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    border-radius: 5px;
    padding: 3rem;
    z-index: 100;
    min-width: 30rem;
    margin: 0 0 0 3.5rem;
    transition: opacity 0.25s, visibility 0.25s;
    opacity: 0;
    visibility: hidden
}

.categories-aside__dropright:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 3.5rem
}

@media (min-width:1200px) {
    .categories-aside__dropright .categories-aside__back {
        display: block
    }

    .categories-aside__dropright .categories-aside__submenu {
        padding: 0
    }

    .categories-aside__dropright .categories-aside__sublink {
        padding: 0.5rem 4rem 0.5rem 0
    }

    .categories-aside__sublink.categories-aside__sublink--show_all {
        display: none
    }
}

@media (max-width:1199px) {
    .categories-aside__dropright {
        box-shadow: none;
        position: fixed;
        top: 2.5rem;
        left: 2.5rem;
        right: 2.5rem;
        bottom: 9rem;
        min-width: auto;
        z-index: 100;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 10px
    }

    .categories-aside__dropright::-webkit-scrollbar {
        display: none
    }

    .categories-aside__dropright:before {
        display: none
    }
}

.categories-aside__submenu {
    margin: 0;
    padding: 1rem 0 2rem;
    list-style: none
}

.categories-aside__submenu > li {
    margin: 0 0 0.5rem;
    position: relative
}

.categories-aside__submenu > li:last-child {
    margin: 0
}

.categories-aside__submenu > li.is-open > .categories-aside__dropright {
    opacity: 1;
    visibility: visible
}

@media (max-width:1199px) {
    .categories-aside__submenu {
        padding: 0
    }

    .categories-aside__submenu > li {
        position: static
    }
}

.categories-aside__sublink {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #343434;
    text-decoration: none;
    padding: 0.5rem 4rem 0.5rem 1.5rem;
    transition: color 0.25s
}

.categories-aside__sublink.categories-aside__sublink--show_all {
    padding: 0.5rem 4rem 0.5rem 0;
    background: transparent;
    font-weight: 500
}

.categories-aside__sublink:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.categories-aside__sublink svg.icon-arrow-categories {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 0.9rem;
    height: 0.9rem;
    margin: -0.5rem 0 0;
    transform: rotate(-90deg)
}

.categories-aside__sublink.is-active {
    font-weight: 600
}

@media (max-width:1199px) {
    .categories-aside__sublink {
        padding: 1rem 4rem 1rem 1.5rem;
        background: #F7F7FB;
        border-radius: 5px;
        min-height: 4.5rem
    }
}

.panel {
    background: #fff;
    border-radius: 10px;
    padding: 0rem;
    margin: 0 0 6rem;
    border: 0;
    box-shadow: none
}

.panel-default > .panel-heading {
    color: var(--body-color);
    background-color: #fff;
    border: 0;
    padding: 0
}

.panel > .list-group .list-group-item {
    border: 0;
    padding: 0
}

.reviews {
    margin: 0 0 10rem
}

.reviews .container-pagination {
    padding: 4rem 0
}

.reviews__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:1200px) {
    .reviews__wrapper {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.reviews__content {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 2rem
}

@media (min-width:1200px) {
    .reviews__content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 3rem 0 0;
        padding: 0;
        border-radius: 0;
        background: none
    }
}

@media (min-width:1200px) {
    .reviews__sidebar {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 46rem
    }
}

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

.reviews__list > li {
    margin: 0 0 1rem
}

.reviews__list > li:last-child {
    margin: 0
}

.reviews__details {
    background: #fff;
    border-radius: 10px 10px 0 0;
    padding: 3rem 2rem 2rem;
    margin: 0
}

@media (min-width:1200px) {
    .reviews__details {
        padding: 3rem 4rem 3.5rem;
        border-radius: 10px;
        margin: 0 0 1rem
    }
}

.reviews__details-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 4rem;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap
}

.reviews__details-title svg.icon-star {
    margin: 0 0 0 0.4rem;
    width: 2.5rem;
    height: 2.5rem;
    color: #E6C622;
    top: -0.2rem
}

.reviews__details-title small {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    white-space: normal;
    padding: 1rem 0 0
}

.reviews__details-counter {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.reviews__details-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400
}

.reviews__details-table td {
    padding: 0.5rem
}

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

.reviews__details-table td:last-child {
    padding-right: 0;
    text-align: right
}

.reviews__details-table tr:first-child td {
    padding-top: 0
}

.reviews__details-table tr:last-child td {
    padding-bottom: 0
}

.reviews__details-line {
    margin: 3rem 0;
    border: none;
    border-top: 1px solid #E8EBF4
}

@media (min-width:1200px) {
    .reviews__details-line {
        margin: 4rem 0 3rem
    }
}

.reviews__details-text {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: 400
}

.reviews__form.is-open .reviews__form-offcanvas {
    opacity: 1;
    visibility: visible
}

@media (max-width:1199px) {
    .reviews__form {
        background: #fff;
        border-radius: 0 0 10px 10px;
        padding: 0 2rem 2rem;
        margin: 0 0 1rem
    }
}

@media (min-width:1200px) {
    .reviews__form {
        background: #fff;
        border-radius: 10px;
        padding: 3rem;
        margin: 0 0 1rem
    }

    .reviews__form .ui-legend {
        margin: 0 0 1.5rem
    }

    .reviews__form .ui-label {
        margin: 0 0 1rem
    }

    .reviews__form .ui-input,
    .reviews__form .ui-range__input,
    .reviews__form .ui-textarea {
        margin: 0 0 1.5rem
    }

    .reviews__form .ui-action {
        padding: 2rem 0 0
    }
}

@media (min-width:1200px) {
    .reviews__form-btn {
        display: none
    }
}

@media (max-width:1199px) {
    .reviews__form-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
        padding: 2.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width:1199px) {
    .reviews__form-offcanvas-in {
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 10px;
        padding: 2.5rem 2rem;
        margin: 0 0 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 100%
    }

    .reviews__form-offcanvas-in::-webkit-scrollbar {
        display: none
    }
}

.reviews__form-close {
    border-radius: 10px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:1200px) {
    .reviews__form-close {
        display: none
    }
}

.reviews__item {
    border-radius: 5px;
    background: #fff;
    padding: 2.5rem 2rem 2rem;
    border: 1px solid #F0F1F6
}

@media (min-width:1200px) {
    .reviews__item {
        padding: 4rem;
        border: none
    }
}

.reviews__item-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 2rem
}

.reviews__item-head .row {
    -ms-flex: 1;
    flex: 1
}

.reviews__item-letter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.2rem 0 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff
}

.reviews__item-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.reviews__item-title small {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

.reviews__item-title svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622
}

.reviews__item-details {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 0.5rem;
    position: relative
}

.reviews__item-details svg.icon-star {
    position: relative;
    top: -0.2rem;
    margin: 0 0 0 0.5rem;
    color: #E6C622
}

.reviews__item-details.is-open .reviews__item-details-offcanvas {
    opacity: 1;
    visibility: visible
}

@media (min-width:1200px) {
    .reviews__item-details {
        margin: 0
    }
}

.reviews__item-details-btn {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.reviews__item-details-btn svg.icon-star {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    margin: 0 0.4rem
}

@media (max-width:1199px) {
    .reviews__item-details-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
        padding: 2.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width:1200px) {
    .reviews__item-details-offcanvas {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        padding: 2rem;
        min-width: 26rem;
        margin: 1rem 0 0;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .reviews__item-details-offcanvas:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 1rem
    }
}

@media (max-width:1199px) {
    .reviews__item-details-offcanvas-in {
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 10px;
        padding: 2.5rem 2rem;
        margin: 0 0 0.5rem
    }
}

.reviews__item-details-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 0.5rem
}

@media (min-width:1200px) {
    .reviews__item-details-title {
        display: none
    }
}

.reviews__item-details-rating {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: rgba(52, 52, 52, 0.4)
}

.reviews__item-details-rating svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622;
    position: relative;
    top: -1px
}

@media (min-width:1200px) {
    .reviews__item-details-rating {
        display: none
    }
}

.reviews__item-details-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.reviews__item-details-table td {
    padding: 0.5rem
}

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

.reviews__item-details-table td:last-child {
    padding-right: 0;
    text-align: right
}

.reviews__item-details-table tr:first-child td {
    padding-top: 0
}

.reviews__item-details-table tr:last-child td {
    padding-bottom: 0
}

.reviews__item-details-table .ui-rate {
    font-size: 1.4rem
}

.reviews__item-details-close {
    border-radius: 10px
}

@media (min-width:1200px) {
    .reviews__item-details-close {
        display: none
    }
}

.reviews__item-date {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    opacity: 0.4
}

.reviews__item-body {
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: 400;
    margin: 0
}

.reviews__item-body p {
    margin: 0 0 1.5rem
}

.reviews__item-body p:last-child {
    margin: 0
}

.reviews__item-body p + time {
    position: relative;
    top: -1rem;
    margin: 0 0 1rem
}

.reviews__item-body time {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    opacity: 0.4
}

.reviews__item-foot {
    padding: 2.5rem 0 0
}

.reviews__answer {
    position: relative;
    border-radius: 5px;
    padding: 3rem 2rem 2.5rem;
    background: #F4F6FB;
    margin: 3rem 0 0
}

@media (min-width:1200px) {
    .reviews__answer {
        padding: 3rem;
        margin: 3rem 0 0
    }
}

.reviews__answer-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1rem
}

.reviews__answer-body {
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: 400;
    margin: 0 0 1rem
}

.reviews__answer-body:last-child {
    margin: 0
}

.reviews__answer-body p {
    margin: 0 0 1.5rem
}

.reviews__answer-body p:last-child {
    margin: 0
}

.reviews__answer-body p + time {
    position: relative;
    top: -1rem;
    margin: 0 0 1rem
}

.reviews__answer-body time {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    opacity: 0.4
}

@media (min-width:1200px) {
    .reviews__answer-body {
        margin: 0
    }
}

.reviews__answer-title {
    display: block;
    margin: 0 1rem 0 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.reviews__answer-title small {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

.reviews__answer-title svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622
}

.reviews__answer-date {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    opacity: 0.4
}

.reviews-featured {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .reviews-featured {
        margin: 0 0 8rem
    }
}

.reviews-featured__title {
    margin: 0 0 1.5rem
}

.reviews-featured__title img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -0.5em
}

.reviews-featured__all {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.reviews-featured__item {
    background: #fff;
    border-radius: 10px;
    padding: 3.5rem 2.5rem;
    display: block;
    width: 100%;
    min-height: 100%
}

@media (min-width:1200px) {
    .reviews-featured__item {
        padding: 3.5rem 3rem 4rem 4rem
    }
}

.reviews-featured__item-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.5rem
}

.reviews-featured__item-body {
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: 400
}

.reviews-featured__item-body p {
    margin: 0 0 1.5rem;
    height: 12.7rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.reviews-featured__item-body p:last-child {
    margin: 0
}

.reviews-featured__item-body p + span {
    position: relative;
    top: -1rem;
    margin: 0 0 1rem
}

.reviews-featured__item-body span {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    opacity: 0.4
}

.reviews-featured__item-body a {
    color: #4791FF;
    border-bottom: 1px solid #E3EEFF;
    text-decoration: none
}

.reviews-featured__item-body a:hover {
    color: #4791FF;
    opacity: 0.7;
    text-decoration: none
}

.reviews-featured__item-foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 2.5rem -2.5rem -1.5rem -2.5rem;
    padding: 1.5rem 2.5rem 0 2.5rem;
    border-top: 1px solid #EAEDF9
}

@media (min-width:1200px) {
    .reviews-featured__item-foot {
        margin: 2.5rem -3rem -2rem -4rem;
        padding: 1.5rem 3rem 0 4rem
    }
}

.reviews-featured__item-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.reviews-featured__item-product:hover {
    text-decoration: none
}

.reviews-featured__item-product-image {
    width: 4.8rem;
    height: 4.8rem;
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews-featured__item-product-image img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.reviews-featured__item-product-title {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 500
}

.reviews-featured__item-letter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.2rem 0 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff
}

.reviews-featured__item-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.62;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.reviews-featured__item-title small {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

.reviews-featured__item-title svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622
}

.reviews-featured__item--aside {
    margin: 0 0 3rem
}

.news {
    margin: 0 0 7rem
}

.news .container-fluid {
    position: relative
}

.news .container-pagination {
    padding: 5rem 0 0
}

@media (min-width:1200px) {
    .news {
        margin: 0 0 16rem
    }

    .news .container-pagination {
        padding: 8rem 0 0
    }
}

.news__sorting {
    margin: 0 0 1rem
}

.news__sorting .ui-select {
    margin: 0;
    min-width: 21rem
}

.news__sorting .ui-select select,
.news__sorting .ui-select .selectric {
    background-color: #fff;
    border-color: #fff;
    font-size: 1.5rem
}

.news__sorting .ui-select .selectric-items {
    background: #fff
}

@media (min-width:1200px) {
    .news__sorting {
        position: absolute;
        right: 2.5rem;
        bottom: 100%;
        margin: 0 0 1.5rem
    }
}

.news__list {
    margin: 0 -1rem -4rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news__list > li {
    padding: 0 1rem 4rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:576px) {
    .news__list > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .news__list > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media (min-width:1200px) {
    .news__list {
        margin: 0 -1rem -5rem
    }

    .news__list > li {
        padding: 0 1rem 5rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.news__item {
    display: block;
    position: relative;
    width: 100%;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.news__item:hover {
    text-decoration: none;
    color: #343434
}

@media (hover:hover) {
    .news__item:hover {
        text-decoration: none;
        color: #4791FF
    }

    .news__item:hover .news__item-image {
        transform: scale(1.05)
    }

    .news__item:hover .news__item-title,
    .news__item:hover .news__item-date {
        transform: translate(0, 10px)
    }

    .news__item:hover .news__item-title u {
        border-color: rgba(71, 145, 255, 0.15)
    }
}

.news__item-badges {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 100
}

.news__item-image {
    box-shadow: inset 0 0 0 1px #eef0f3;
    display: block;
    background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transition: transform 0.25s;
    will-change: transform;
    margin: 0 0 1.5rem;
    height: 18rem
}

.news__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news__item-image--badges img {
    top: 2rem;
    left: unset;
    right: 2rem;
    width: auto;
    height: 130%
}

.news__item-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform
}

.news__item-title u {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s
}

.news__item-date {
    display: block;
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    transition: transform 0.25s;
    will-change: transform
}

.news-featured {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .news-featured {
        margin: -1rem 0 8rem
    }
}

.news-featured__title {
    margin: 0 0 2rem
}

.news-featured__all {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.news-featured__item {
    display: block;
    position: relative;
    width: 100%;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.news-featured__item:hover {
    text-decoration: none;
    color: #343434
}

@media (hover:hover) {
    .news-featured__item:hover {
        text-decoration: none;
        color: #4791FF
    }

    .news-featured__item:hover .news-featured__item-image {
        transform: scale(1.05)
    }

    .news-featured__item:hover .news-featured__item-title,
    .news-featured__item:hover .news-featured__item-date {
        transform: translate(0, 10px)
    }

    .news-featured__item:hover .news-featured__item-title u,
    .news-featured__item:hover .news-featured__item-date u {
        border-color: rgba(71, 145, 255, 0.15)
    }
}

.news-featured__item-image {
    box-shadow: inset 0 0 0 1px #EEF0F3;
    background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transition: transform 0.25s;
    will-change: transform;
    margin: 0 0 1.5rem;
    height: 18rem
}

.news-featured__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-featured__item-image--badges img {
    top: 2rem;
    left: unset;
    right: 2rem;
    width: auto;
    height: 130%
}

.news-featured__item-title {
    display: block;
    margin: 0 0 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform
}

.news-featured__item-title u {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s
}

.news-featured__item-title:last-child {
    margin-bottom: 0
}

.news-featured__item-date {
    display: block;
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    transition: transform 0.25s;
    will-change: transform
}

.partners {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .partners {
        margin: 0 0 11rem;
        padding: 1rem 0 0
    }
}

.partners__item {
    position: relative;
    z-index: 100;
    background: #ccc;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    height: 40rem;
    display: block;
    text-decoration: none;
    color: #343434;
    transition: transform 0.25s;
    will-change: transform
}

.partners__item:hover {
    color: #343434;
    text-decoration: none
}

.partners__item--top_left .partners__item-desc {
    bottom: auto;
    top: 0;
    min-height: 50%;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    text-align: left
}

.partners__item--top_center .partners__item-desc {
    bottom: auto;
    top: 0;
    min-height: 50%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.partners__item--top_right .partners__item-desc {
    bottom: auto;
    top: 0;
    min-height: 50%;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    text-align: right
}

.partners__item--bottom_left .partners__item-desc {
    bottom: 0;
    top: auto;
    min-height: 50%;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    text-align: left
}

.partners__item--bottom_center .partners__item-desc {
    bottom: 0;
    top: auto;
    min-height: 50%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.partners__item--bottom_right .partners__item-desc {
    bottom: 0;
    top: auto;
    min-height: 50%;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    text-align: center
}

.partners__item--white .partners__item-text {
    color: #fff
}

@media (hover:hover) {
    .partners__item:hover {
        z-index: 200;
        transform: scale(1.05)
    }
}

@media (min-width:1200px) {
    .partners__item {
        height: 100%;
    }
}

.partners__item-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%
}

.partners__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.partners__item-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3.5rem;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.partners__item-logo {
    display: block;
    margin: 0 0 2.5rem
}

.partners__item-logo:last-child {
    margin: 0
}

.partners__item-text {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 1.6rem;
    line-height: 1.56;
    font-weight: 500;
    max-width: 23.5rem
}

.partners__item-text:last-child {
    margin: 0
}

.subsc {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .subsc {
        margin: 0 0 9.5rem
    }
}

.subsc__wrapper {
    background: #EDF2F5;
    border-radius: 10px;
    padding: 2.4rem 1.6rem 2.4rem 2.4rem;
    overflow: hidden
}

.subsc__wrapper .row {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1200px) {
    .subsc__wrapper {
        padding: 4rem 10%
    }
}

.subsc__form {
    max-width: 74rem
}

@media (min-width:1200px) {
    .subsc__form {
        padding: 4rem 0
    }
}

.subsc__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: -3rem;
    left: 25%;
    margin: 0 -2rem -12rem
}

.subsc__image img {
    display: block
}

.video {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .video {
        margin: 0 0 9rem
    }
}

.video__title {
    margin: 0 0 2rem
}

.video__all {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.video__item {
    display: block;
    position: relative;
    width: 100%;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.video__item:hover {
    text-decoration: none;
    color: #343434
}

@media (hover:hover) {
    .video__item:hover {
        text-decoration: none;
        color: #4791FF
    }

    .video__item:hover .video__item-figure {
        transform: scale(1.05)
    }

    .video__item:hover .video__item-title {
        transform: translate(0, 10px)
    }

    .video__item:hover .video__item-title u {
        border-color: rgba(71, 145, 255, 0.15)
    }
}

.video__item-figure {
    position: relative;
    margin: 0 0 1.5rem;
    transition: transform 0.25s;
    will-change: transform
}

.video__item-figure svg.icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    will-change: transform
}

.video__item-image {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    background: #ccc;
    transition: transform 0.25s;
    will-change: transform;
    margin: 0;
    height: 18rem
}

.video__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video__item-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform
}

.video__item-title u {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s
}

.benefits {
    margin: 0 0 6rem
}

.benefits__title {
    margin: 0 0 2rem
}

@media (min-width:1200px) {
    .benefits {
        margin: 0 0 9rem
    }
}

.benefits__item {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    height: 7rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.benefits__item:hover {
    color: #343434;
    text-decoration: none
}

a.benefits__item:hover {
    color: #4791FF
}

.benefits__item--grid {
    margin-bottom: 2rem
}

.benefits__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.6rem 0 0;
    -ms-flex: 0 0 44px;
    flex: 0 0 4.4rem;
    max-width: 4.4rem
}

.benefits__item-image img {
    display: block;
    height: 100%
}

.benefits__item-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 500;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.benefits-aside {
    margin: 0 0 6rem
}

.benefits-aside__title {
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}

.benefits-aside__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.benefits-aside__list > li {
    margin: 0 0 2rem
}

.benefits-aside__list > li:last-child {
    margin: 0
}

/* .seo {
    margin: 0 0 6rem
} */

@media (min-width:1200px) {
/*     .seo {
        margin: 0 0 14.5rem
    } */
}

@media (min-width:1200px) {
    .seo__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.seo__image {
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 3rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 34rem;
    text-align: right
}

.seo__image img {
    display: inline-block;
    width: auto;
    height: 100%
}

@media (min-width:1200px) {
    .seo__image {
        margin: 0 4rem 0 0
    }
}

.seo__desc {
    -ms-flex: 1;
    flex: 1;
    max-width: 76rem;
    font-size: 1.5rem;
    line-height: 1.75;
    font-weight: 400
}

.seo__desc h3 {
    display: block;
    margin: 0 0 1rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}

.seo__desc p {
    margin: 0 0 2rem
}

.seo__desc p:last-child {
    margin: 0
}

.seo__readmore {
    transition: max-height 0.7s;
    overflow: hidden;
    margin: 0 0 4rem
}

.seo__readmore:last-child {
    margin: 0
}

.seo__readmore[aria-expanded=true] ~ .seo__readmore-link svg.icon-arrow-link {
    transform: rotate(-90deg)
}

.seo__readmore-link svg.icon-arrow-link {
    margin: 0 0 0 3rem;
    transition: transform 0.25s
}

.auth {
    padding: 3rem 0 4rem
}

.auth .container-fluid {
    max-width: 75rem
}

@media (min-width:1200px) {
    .auth {
        padding: 8rem 0
    }
}

.auth__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem
}

.auth__body {
    padding: 2.5rem 3rem 2rem;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 2rem
}

.auth__title {
    margin: 0 2rem 0 0;
    -ms-flex: 1;
    flex: 1
}

.auth__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.auth__control > * {
    margin: 0 1.5rem 0 0
}

.auth__control > *:last-child {
    margin: 0
}

.auth__form .ui-check {
    margin: 0 0 2.5rem
}

.auth__form hr {
    margin: 0 0 2rem
}

.breadcrumbs {
    padding: 3.5rem 0 3rem
}

.breadcrumbs .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1200px) {
    .breadcrumbs {
        padding: 2.5rem 0 3rem
    }
}

.breadcrumbs__title {
    display: block;
    margin: 0 1rem 1rem 0;
    font-size: 2.5rem;
    line-height: 1.15;
    font-weight: 500
}

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

.breadcrumbs__counter {
    display: block;
    margin: 0 1rem 1rem 0;
    font-size: 1.8rem;
    line-height: 1.15;
    font-weight: 400;
    color: #BDC2D3;
    position: relative;
    top: 0.2rem
}

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

.breadcrumbs__menu,
.breadcrumb {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

.breadcrumbs__menu:last-child,
.breadcrumb:last-child {
    margin-bottom: 0
}

.breadcrumbs__menu > li,
.breadcrumb > li {
    position: relative;
    padding: 0 2rem 0 0
}

.breadcrumbs__menu > li:after,
.breadcrumb > li:after {
    content: "/";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    text-align: center
}

.breadcrumbs__menu > li:last-child:after,
.breadcrumb > li:last-child:after {
    display: none
}

.breadcrumbs__menu > li:hover > .breadcrumbs__link,
.breadcrumb > li:hover > a {
    color: var(--theme-primary-color)
}

.breadcrumbs__menu > li:hover > .breadcrumbs__dropdown {
    opacity: 1;
    visibility: visible
}

@media (max-width:1199px) {
    .breadcrumbs__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 -2.5rem 1rem;
        min-width: 100vw
    }

    .breadcrumbs__menu > li:first-child {
        padding: 0 2rem 0 2.5rem
    }

    .breadcrumbs__menu::-webkit-scrollbar {
        display: none
    }
}

.breadcrumbs__link,
.breadcrumb > li > a {
    text-decoration: none;
    color: #BDC2D3;
    transition: color 0.25s
}

.breadcrumbs__link:hover,
.breadcrumb > li > a:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.breadcrumbs__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    color: #343434;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    border-radius: 5px;
    padding: 3.5rem;
    width: 29rem;
    z-index: 101;
    margin: 1rem 0 0 0;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden
}

.breadcrumbs__dropdown:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 1rem
}

.breadcrumbs__dropdown-title {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 2.5rem
}

.breadcrumbs__dropdown-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400
}

.breadcrumbs__dropdown-menu > li {
    margin: 0 0 1.5rem
}

.breadcrumbs__dropdown-menu > li:last-child {
    margin: 0
}

.breadcrumbs__dropdown-link {
    text-decoration: none;
    color: #343434;
    transition: color 0.25s
}

.breadcrumbs__dropdown-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

@media (max-width:1199px) {
    .breadcrumbs__dropdown {
        display: none
    }
}

.breadcrumb > li + li:before {
    display: none
}

ul.breadcrumb {
    padding: 2.5rem 0 3rem;
    background: transparent;
    border-radius: 0;
    margin: 0
}

@media (min-width:768px) {
    .container-pagination {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.pagination__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500
}

@media (min-width:768px) {
    .pagination__menu {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.pagination__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s, background 0.25s;
    border-radius: 4px
}

.pagination__link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.pagination__link.is-active {
    background: var(--theme-primary-color);
    color: #fff
}

.pagination__action {
    display: none
}

@media (min-width:768px) {
    .pagination__action {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 0 0 2rem;
        color: #fff
    }
}

.sku {
    margin: 0 -2.5rem 4rem
}

@media (min-width:1200px) {
    .sku {
        margin: 0 0 6rem
    }
}

.sku__view {
    background: #fff;
    width: 100%
}

@media (min-width:1200px) {
    .sku__view {
        border-radius: 10px
    }
}

.sku__view-head {
    border-bottom: 1px solid #E4E7F1;
    padding: 1.5rem 5rem;
    min-height: 5rem;
    position: relative;
    display: none
}

.sku__view-body {
    overflow: hidden
}

@media (min-width:1200px) {
    .sku__view-body > .row {
        margin: 0
    }

    .sku__view-body > .row > [class^=col] {
        padding: 0;
        border-right: 1px solid #EDEDF9
    }

    .sku__view-body > .row > [class^=col]:last-child {
        border: none
    }
}

.sku__view-back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    height: 100%
}

.sku__view-title {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.44;
    font-weight: 500
}

.sku__vertical {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-bottom: 1px solid #EDEDF9;
    margin: 0 0 -1px
}

@media (max-width:767px) {
    .sku__vertical {
        display: block
    }
}

.sku__vertical-one {
    position: relative
}

.sku__vertical-control {
    position: relative;
    width: 16rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-right: 1px solid #EDEDF9;
    padding: 0 0 12rem
}

@media (max-width:767px) {
    .sku__vertical-control {
        padding: 0;
        width: 100%;
        height: 11rem;
        border: none;
        border-top: 1px solid #EDEDF9
    }
}

.sku__vertical-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16rem;
    height: 12.2rem;
    display: -ms-flexbox;
    display: flex;
    z-index: 100;
    border-top: 1px solid #EDEDF9;
    background: #fff
}

.sku__vertical-nav > * {
    border-right: 1px solid #EDEDF9
}

@media (max-width:767px) {
    .sku__vertical-nav {
        opacity: 0;
        visibility: hidden
    }
}

.sku__vertical-thumbs {
    width: 100%;
    height: 100%
}

.sku__vertical-slides {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 16rem)
}

@media (max-width:767px) {
    .sku__vertical-slides {
        max-width: 100%
    }
}

.sku__horizontal {
    position: relative;
    border-bottom: 1px solid #EDEDF9;
    margin: 0 0 -1px
}

@media (max-width:767px) {
    .sku__horizontal {
        display: block
    }
}

.sku__horizontal-one {
    position: relative
}

.sku__horizontal-control {
    position: relative;
    z-index: 100;
    border-top: 1px solid #EDEDF9;
    background: #fff;
    padding: 0 12rem 0 0
}

@media (max-width:767px) {
    .sku__horizontal-control {
        padding: 0;
        width: 100%;
        height: 11rem;
        border: none;
        border-top: 1px solid #EDEDF9
    }
}

.sku__horizontal-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 12rem;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #EDEDF9
}

.sku__horizontal-nav > * {
    border-bottom: 1px solid #EDEDF9
}

.sku__horizontal-nav > *:last-child {
    border: none
}

@media (max-width:767px) {
    .sku__horizontal-nav {
        opacity: 0;
        visibility: hidden
    }
}

.sku__horizontal-thumbs {
    position: relative;
    width: 100%
}

.sku__horizontal-slides {
    position: relative
}

@media (max-width:767px) {
    .sku__horizontal-slides {
        max-width: 100%
    }
}

.sku__thumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 1.5rem
}

.sku__thumb img {
    display: block;
    max-width: 7rem;
    max-height: 7rem;
    width: auto;
    transition: transform 0.25s;
    mix-blend-mode: multiply
}

.sku__thumb:hover img {
    transform: scale(1.2)
}

@media (max-width:767px) {
    .sku__thumb {
        width: 11.6rem
    }
}

.sku__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 7.2rem 2rem
}

.sku__slide picture {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sku__slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

@media (max-width:767px) {
    .sku__slide {
        height: 34.4rem
    }
}

.sku__badges {
    position: absolute;
    top: 2rem;
    left: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 99
}

.sku__badges .ui-badge {
    margin: 0 0 0.5rem
}

@media (min-width:1200px) {
    .sku__badges {
        top: 2.5rem
    }
}

.sku__rating {
    position: absolute;
    top: 2rem;
    right: 2.5rem;
    z-index: 99;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.6rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: #343434;
    text-decoration: none
}

.sku__rating:hover {
    color: #343434;
    text-decoration: none
}

.sku__rating:hover .sku__rating-counter {
    color: var(--theme-primary-color)
}

@media (min-width:1200px) {
    .sku__rating {
        top: 2.5rem
    }
}

.sku__rating-star {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0.8rem 0 0
}

.sku__rating-star svg.icon-star {
    color: #E5C622;
    position: relative;
    top: -0.2rem;
    display: block;
    margin: 0 0 0 0.4rem
}

.sku__rating-counter {
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400;
    color: #BDC2D3;
    position: relative;
    transition: color 0.25s
}

.sku__video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.5rem;
    z-index: 100;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.sku__video svg.icon-video {
    width: 3.4rem;
    height: 2.4rem
}

@media (min-width:1200px) {
    .sku__video svg.icon-video {
        width: 4.4rem;
        height: 3.2rem
    }
}

.sku__discount {
    padding: 2.5rem
}

@media (max-width:767px) {
    .sku__discount .ui-discount__countdown > * {
        width: 33.333%
    }
}

.sku__desc {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1200px) {
    .sku__desc {
        padding: 2.5rem 4rem 3rem
    }
}

.sku__group {
    padding: 2.5rem;
    border-bottom: 1px solid #EDEDF9
}

@media (min-width:1200px) {
    .sku__group {
        padding: 0 0 2rem;
        margin: 0 0 2.5rem;
        border-bottom: 1px solid #EDEDF9
    }

    .sku__group.order-xl-last,
    .sku__group:last-child {
        border: none;
        padding: 0;
        margin: 0
    }
}

.sku__id {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: #BDC2D3;
    float: right
}

@media (min-width:1200px) {
    .sku__id {
        float: none;
        margin-left: 1rem
    }
}

.sku__brand {
    display: none;
    margin: 0;
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    line-height: 1
}

@media (min-width:1200px) {
    .sku__brand {
        display: block
    }
}

.sku__brand-text {
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: #BDC2D3;
    display: block
}

.sku__brand-link {
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s
}

.sku__brand-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.sku__addto {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sku__addto > li {
    margin: 0 4rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sku__addto > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .sku__addto > li {
        margin: 0 4rem 0 0
    }
}

.sku__addto-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s;
    cursor: pointer;
    text-align: left
}

.sku__addto-btn:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.sku__addto-btn.is-active {
    color: #13D154
}

.sku__addto-btn-icon {
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sku__addto-btn-text {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sku__addto-btn-text small {
    display: block;
    font-size: 1.2rem;
    color: #BDC2D3
}

.sku__availability {
    display: block;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 0 0 0 1.3rem;
    color: #343434;
    margin: 0 0 0.7rem;
    float: left;
    position: relative;
    background: transparent
}

.sku__availability:before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5rem)
}

.sku__availability--true:before {
    background: #13D154
}

.sku__availability--false:before {
    background: #BDC2D3
}

.sku__price {
    font-size: 3.7rem;
    line-height: 1.15;
    font-weight: 500;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.5rem;
    clear: both
}

.sku__price-option {
    margin: -1rem 0 1.5rem;
    clear: both;
    font-size: 1.5rem;
    line-height: 1.87;
    font-weight: 400
}

.sku__price-option span {
    display: block
}

.sku__price--disabled {
    opacity: 0.2
}

.sku__price-ins {
    margin: 0 0.7rem 0 0;
    text-decoration: none
}

.sku__price-del {
    margin: 0 0.7rem 0 0;
    padding: 0 0.2rem;
    position: relative;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400
}

.sku__price-del:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.2rem;
    background: #F45656;
    margin: -1px 0 0
}

.sku__price-economy {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

.sku__action {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    text-align: center
}

.sku__action .row {
    margin: 0 -0.5rem -0.5rem
}

.sku__action .row > [class^=col] {
    padding: 0 0.5rem 0.5rem
}

.sku__action .ui-add-to-cart .ui-number {
    margin: 0
}

.sku__action .ui-add-to-cart.is-active .ui-btn,
.sku__action .ui-add-to-cart.is-active .comments__form-close,
.sku__action .ui-add-to-cart.is-active .comments__form-btn,
.sku__action .ui-add-to-cart.is-active .brands__search-btn,
.sku__action .ui-add-to-cart.is-active .details__comments-form-close,
.sku__action .ui-add-to-cart.is-active .details__comments-form-btn,
.sku__action .ui-add-to-cart.is-active .ui-code__btn,
.sku__action .ui-add-to-cart.is-active .categories-aside__close,
.sku__action .ui-add-to-cart.is-active .reviews__form-btn,
.sku__action .ui-add-to-cart.is-active .reviews__form-close,
.sku__action .ui-add-to-cart.is-active .reviews__item-details-close {
    width: auto;
    -ms-flex: 1;
    flex: 1
}

.sku__action .ui-btn,
.sku__action .comments__form-close,
.sku__action .comments__form-btn,
.sku__action .brands__search-btn,
.sku__action .details__comments-form-close,
.sku__action .details__comments-form-btn,
.sku__action .ui-code__btn,
.sku__action .__close,
.sku__action .reviews__form-btn,
.sku__action .reviews__form-close,
.sku__action .reviews__item-details-close {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.sku__action .ui-found {
    padding: 1.5rem 0 0;
    white-space: nowrap
}

@media (min-width:768px) {
    .sku__action {
        text-align: left
    }

    .sku__action .ui-btn--primary,
    .sku__action .comments__form-btn,
    .sku__action .brands__search-btn,
    .sku__action .details__comments-form-btn,
    .sku__action .reviews__form-btn {
        min-width: 20rem;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sku__action .ui-btn--orange {
        width: auto;
        min-width: 18.7rem
    }

    .sku__action .ui-found {
        position: absolute;
        top: -6rem;
        right: 0;
        white-space: nowrap;
        padding: 0
    }
}

@media (min-width:1200px) {
    .sku__action {
        margin: 0 0 2rem
    }
}

.sku__credit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.sku__credit-currency {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    margin: 0 0.7rem 0.7rem 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500
}

.sku__credit-title {
    display: block;
    margin: 0 0.7rem 0.7rem 0;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500
}

.sku__credit-help {
    color: #BDC2D3;
    cursor: help;
    display: block;
    margin: 0 0.7rem 0.7rem 0
}

.sku__credit-action {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.sku__credit-action .ui-btn,
.sku__credit-action .comments__form-close,
.sku__credit-action .comments__form-btn,
.sku__credit-action .brands__search-btn,
.sku__credit-action .details__comments-form-close,
.sku__credit-action .details__comments-form-btn,
.sku__credit-action .ui-code__btn,
.sku__credit-action .categories-aside__close,
.sku__credit-action .reviews__form-btn,
.sku__credit-action .reviews__form-close,
.sku__credit-action .reviews__item-details-close,
.sku__credit-action .ui-credit-payments {
    font-weight: 400
}

.sku__credit-action .row {
    margin: 0 -0.5rem -1rem
}

.sku__credit-action .row > [class^=col] {
    padding: 0 0.5rem 1rem
}

.sku__settings {
    padding: 0 0 2rem
}

.sku__settings .ui-label {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 1rem
}

.sku__settings .ui-checklist {
    margin: 0 -0.5rem -1rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sku__settings .ui-checklist + .ui-error {
    margin: 0.5rem 0 2rem
}

.sku__settings .ui-checklist > li {
    padding: 0 0.5rem 1rem
}

.sku__settings .ui-check {
    margin: 0
}

.sku__settings .ui-select {
    display: block;
    margin: 0 0 2rem
}

.sku__settings .ui-link,
.sku__settings .article__body a:not([class]),
.article__body .sku__settings a:not([class]),
.sku__settings .contacts__data-address a,
.contacts__data-address .sku__settings a,
.sku__settings .contacts__shops-item-title a,
.contacts__shops-item-title .sku__settings a,
.sku__settings .contacts__info-item-address a,
.contacts__info-item-address .sku__settings a,
.sku__settings .details__comments-item-answer-body a,
.details__comments-item-answer-body .sku__settings a,
.sku__settings .details__txt a,
.details__txt .sku__settings a,
.sku__settings .ui-wysiwyg a:not([class]),
.ui-wysiwyg .sku__settings a:not([class]),
.sku__settings .reviews__item-details-btn,
.sku__settings .reviews__item-body a,
.reviews__item-body .sku__settings a,
.sku__settings .reviews__item-link,
.sku__settings .reviews__answer-body a,
.reviews__answer-body .sku__settings a,
.sku__settings .seo__desc a,
.seo__desc .sku__settings a,
.sku__settings .seo__readmore-link {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

.sku__settings .ui-group {
    margin: 0 0 3rem
}

.sku__settings .row:last-child .ui-group {
    margin: 0
}

@media (min-width:1200px) {

    .sku__settings .ui-select,
    .sku__settings .ui-input,
    .sku__settings .ui-textarea,
    .sku__settings .ui-btn {
        max-width: 34.7rem;
        min-width: initial
    }
}

.sku__details {
    padding: 0 0 2rem
}

.sku__details-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 2.5rem
}

.sku__details-table {
    width: 100%;
    margin: 0 0 2.5rem;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.sku__details-table small {
    display: block;
    font-size: 1.4rem;
    margin: 0 0 1rem;
    color: #BDC2D3
}

.sku__details-table th,
.sku__details-table td {
    padding: 0 1rem 2.5rem;
    min-width: 14rem;
    width: 33.3333%;
    vertical-align: top
}

.sku__details-table th:first-child,
.sku__details-table td:first-child {
    padding-left: 0
}

.sku__details-table th:last-child,
.sku__details-table td:last-child {
    padding-right: 0
}

.sku__details-table tr:last-child th,
.sku__details-table tr:last-child td {
    padding-bottom: 0
}

@media (max-width:767px) {

    .sku__details-table th:nth-child(2) ~ th,
    .sku__details-table th:nth-child(2) ~ td,
    .sku__details-table td:nth-child(2) ~ th,
    .sku__details-table td:nth-child(2) ~ td {
        display: none
    }
}

.sku__details-action {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

.sku__details-shortdescription {
    font-size: 1.5rem;
    line-height: 1.87;
    font-weight: 400
}

.sku__details-shortdescription p {
    margin: 0
}

.sku__delivery {
    min-height: 7.8rem
}

.sku__delivery-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 2rem
}

.is-sku-compact .sku__compact {
    opacity: 1;
    visibility: visible
}

.sku__compact {
    position: relative;
    background: #fff;
    border-bottom: 2px solid #EDF0F8;
    margin: 0 -2.5rem
}

@media (min-width:1200px) {
    .sku__compact {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        border-width: 1px;
        margin: 0
    }
}

@media (min-width:1200px) {
    .sku__compact-wrapper {
        padding: 0 3rem
    }
}

@media (min-width:1200px) {
    .sku__compact-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem
    }
}

.sku__compact-item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 2.5rem 0 0
}

.sku__compact-item-image img {
    max-height: 100%;
    width: auto
}

.sku__compact-item-desc {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sku__compact-item-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 1.5rem 0.5rem 0
}

.sku__compact-item-rating {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 1.5rem 0.5rem 0
}

.sku__compact-item-rating svg.icon-star {
    color: #E6C622;
    margin: 0 0 0 0.5rem
}

.sku__compact-item-price {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.sku__compact-item-price-ins {
    text-decoration: none;
    margin: 0 0.5rem 0 0
}

.sku__compact-item-price-del {
    display: block;
    margin: 0;
    padding: 0 0.2rem;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: none
}

.sku__compact-item-price-del:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.2rem;
    background: #F45656;
    margin: -1px 0 0
}

.sku__compact-item-action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff
}

.sku__compact-item-action .ui-btn,
.sku__compact-item-action .comments__form-close,
.sku__compact-item-action .comments__form-btn,
.sku__compact-item-action .brands__search-btn,
.sku__compact-item-action .details__comments-form-close,
.sku__compact-item-action .details__comments-form-btn,
.sku__compact-item-action .ui-code__btn,
.sku__compact-item-action .categories-aside__close,
.sku__compact-item-action .reviews__form-btn,
.sku__compact-item-action .reviews__form-close,
.sku__compact-item-action .reviews__item-details-close {
    min-width: 20rem;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1199px) {
    .sku__compact-item {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        z-index: 999;
        background: #fff;
        transition: transform 0.25s;
        padding: 1.5rem;
        border-top: 1px solid #EDF0F8
    }

    .sku__compact-item .ui-add-to-cart .ui-btn {
        margin: 0
    }

    .is-page-sticky .sku__compact-item {
        transform: translate(0, -6.5rem)
    }

    .is-header-sticky .sku__compact-item {
        transform: translate(0, 0)
    }

    .is-header-sticky-open .sku__compact-item {
        transform: translate(0, -6.5rem)
    }

    .sku__compact-item-image,
    .sku__compact-item-rating {
        display: none
    }

    .sku__compact-item-title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .sku__compact-item-desc {
        width: 50%
    }
}

.sku__compact-control-menu {
    margin: 0;
    padding: 0 4rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

@media (max-width: 1199px) {
    .sku__compact-control-menu::-webkit-scrollbar {
        display: none
    }
}

.sku__compact-control-menu > li {
    margin: 0 2rem 0 0
}

.sku__compact-control-menu > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .sku__compact-control-menu {
        padding: 0
    }
}

.sku__compact-control-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 1rem;
    position: relative;
    cursor: pointer;
    color: #343434;
    transition: color 0.25s, border-color 0.25s;
    border-bottom: 1px solid transparent
}

.sku__compact-control-btn:hover {
    color: var(--theme-primary-color)
}

.sku__compact-control-btn.is-active {
    border-color: var(--theme-primary-color);
    pointer-events: none
}

.sku__compact-control-counter {
    position: relative;
    left: 0.5rem;
    color: #BDC2D3
}

.set {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .set {
        margin: 0 0 10rem
    }
}

.set__title {
    margin: 0 0 2rem
}

.details {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .details {
        margin: 0 0 8rem
    }
}

.details__control {
    background: #FFFFFF;
    margin: 0 -2.5rem 0.5rem
}

@media (min-width:1200px) {
    .details__control {
        border-radius: 10px;
        margin: 0 0 1rem
    }
}

.details__control-menu {
    margin: 0;
    padding: 0 2rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.details__control-menu > li {
    margin: 0 4rem 0 0
}

.details__control-menu > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .details__control-menu {
        padding: 0 4rem
    }
}

.details__control-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 5rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    color: #343434;
    transition: color 0.25s, border-color 0.25s;
    border-bottom: 1px solid transparent;
    position: relative
}

.details__control-btn:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.5rem;
    bottom: 0.5rem;
    right: -0.5rem;
    height: 0.2rem;
    background: var(--theme-primary-color);
    transition: opacity 0.25s;
    opacity: 0
}

.details__control-btn:hover {
    color: var(--theme-primary-color)
}

.details__control-btn.is-active {
    color: var(--theme-primary-color);
    pointer-events: none
}

.details__control-btn.is-active:after {
    opacity: 1
}

@media (min-width:1200px) {
    .details__control-btn {
        height: 6rem
    }
}

.details__control-counter {
    position: relative;
    left: 0.5rem;
    color: #BDC2D3
}

.details__title {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 2rem
}

@media (min-width:1200px) {
    .details__title {
        font-size: 2.4rem
    }
}

.details__wrapper {
    position: relative
}

.details__tabs {
    position: relative;
    background: #fff;
    margin: 0 -2.5rem
}

@media (min-width:1200px) {
    .details__tabs {
        border-radius: 10px;
        margin: 0
    }
}

.details__tabs-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 2.5rem 2rem
}

.details__tabs-content.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: 0.7s
}

@media (min-width:1200px) {
    .details__tabs-content {
        padding: 4rem
    }
}

.details__accordion {
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 0 1rem
}

.details__accordion.is-active .details__accordion-arrow {
    transform: rotate(180deg)
}

.details__accordion-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 2rem 5rem 2rem 2.5rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
    color: #343434;
    min-height: 7rem;
    margin: 0;
    transition: color 0.25s
}

.details__accordion-toggle:hover {
    color: var(--theme-primary-color)
}

@media (min-width:1200px) {
    .details__accordion-toggle {
        padding: 3rem 8rem 3rem 4rem;
        font-size: 2.4rem;
        min-height: 9.9rem
    }
}

.details__accordion-title {
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.5rem 0 0
}

.details__accordion-counter {
    color: #BDC2D3;
    font-weight: 500
}

.details__accordion-arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2.5rem;
    height: 100%;
    transition: transform 0.25s
}

.details__accordion-arrow svg.icon-arrow-toggle {
    width: 1.3rem;
    height: 1.3rem
}

@media (min-width:1200px) {
    .details__accordion-arrow {
        padding: 0 4rem
    }

    .details__accordion-arrow svg.icon-arrow-toggle {
        width: 2.1rem;
        height: 2.1rem
    }
}

.details__accordion-collapse {
    display: none;
    padding: 0 2.5rem 3rem;
    margin: 0 0 1rem
}

@media (min-width:1200px) {
    .details__accordion-collapse {
        padding: 0 4rem 5rem
    }
}

.details__txt {
    max-width: 87.6rem;
    font-size: 1.5rem;
    line-height: 1.87;
    font-weight: 400
}

.details__txt h3 {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.5rem;
    line-height: 1.87;
    font-weight: 500
}

.details__txt p {
    margin: 0 0 1.5rem
}

.details__txt-readmore {
    display: block;
    width: 100%;
    margin: 0 0 2rem;
    max-height: 50rem;
    transition: 0.4s;
    overflow: hidden
}

.details__txt-readmore:last-child {
    margin: 0
}

.details__txt-readmore + .ui-link svg.icon-arrow-link,
.article__body .details__txt-readmore + a:not([class]) svg.icon-arrow-link,
.contacts__shops-item-title .details__txt-readmore + a svg.icon-arrow-link,
.contacts__info-item-address .details__txt-readmore + a svg.icon-arrow-link,
.details__comments-item-answer-body .details__txt-readmore + a svg.icon-arrow-link,
.ui-wysiwyg .details__txt-readmore + a:not([class]) svg.icon-arrow-link,
.details__txt-readmore + .reviews__item-details-btn svg.icon-arrow-link,
.reviews__item-body .details__txt-readmore + a svg.icon-arrow-link,
.details__txt-readmore + .reviews__item-link svg.icon-arrow-link,
.reviews__answer-body .details__txt-readmore + a svg.icon-arrow-link,
.reviews-featured__item-body .details__txt-readmore + a svg.icon-arrow-link,
.seo__desc .details__txt-readmore + a svg.icon-arrow-link,
.details__txt-readmore + .seo__readmore-link svg.icon-arrow-link,
.details__txt .details__txt-readmore + a svg.icon-arrow-link {
    display: none
}

.details__specifications-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 400
}

.details__specifications-table th,
.details__specifications-table td {
    padding: 0 0.5rem 1.5rem;
    vertical-align: top
}

.details__specifications-table th:first-child,
.details__specifications-table td:first-child {
    padding-left: 0
}

.details__specifications-table th:last-child,
.details__specifications-table td:last-child {
    padding-right: 0
}

.details__specifications-table tr:last-child th,
.details__specifications-table tr:last-child td {
    padding-bottom: 0
}

.details__specifications-table th {
    color: #BDC2D3;
    font-size: 1.4rem;
    font-weight: 400
}

.details__specifications {
    margin-top: -4rem
}

.details__specifications-title {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 500;
    margin: 4rem 0 3rem
}

@media (max-width:767px) {
    .details__specifications-table {
        display: block
    }

    .details__specifications-table thead,
    .details__specifications-table tbody,
    .details__specifications-table tr,
    .details__specifications-table th,
    .details__specifications-table td {
        display: block;
        padding: 0
    }

    .details__specifications-table th {
        margin: 0 0 0.5rem
    }

    .details__specifications-table td {
        margin: 0 0 1.5rem
    }
}

@media (min-width:768px) {
    .details__specifications-table-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background: none
    }

    .details__specifications-table-line:after {
        content: "";
        display: block;
        border-bottom: 1px dashed #D7DBE9;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 0 0.5rem;
        position: relative;
        top: 0.4rem
    }
}

.details__comments .container-pagination {
    padding: 0;
    margin: 0
}

@media (min-width:1200px) {
    .details__comments {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.details__comments-content,
#faq_content {
    margin: 0 0 4rem
}

@media (min-width:1200px) {

    .details__comments-content,
    #faq_content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 2rem 0 0
    }
}

@media (min-width:1200px) {
    .details__comments-sidebar {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 39.5rem
    }
}

.details__comments-list {
    margin: 0 0 4rem;
    padding: 0;
    list-style: none
}

.details__comments-list > li {
    margin: 0 0 1rem
}

.details__comments-list > li:last-child {
    margin: 0
}

.details__comments-item {
    background: #FFFFFF;
    border: 1px solid #F0F1F6;
    border-radius: 5px;
    padding: 2.5rem 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1200px) {
    .details__comments-item {
        padding: 3.5rem 3.5rem 4rem
    }
}

.details__comments-item-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem
}

.details__comments-item-head .row {
    margin: 0 -0.6rem -0.5rem;
    -ms-flex: 1;
    flex: 1
}

.details__comments-item-head .row > [class^=col] {
    padding: 0 0.6rem 0.5rem
}

@media (min-width:1200px) {
    .details__comments-item-head {
        margin: 0 0 2.5rem
    }
}

.details__comments-item-body {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400
}

.details__comments-item-body p {
    margin: 0 0 2rem
}

.details__comments-item-body p:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .details__comments-item-body {
        padding: 0 10rem 0 0
    }
}

.details__comments-item-readmore {
    display: block;
    width: 100%;
    margin: 0 0 2rem;
    max-height: 9rem;
    transition: 0.4s;
    overflow: hidden
}

.details__comments-item-readmore + .ui-link,
.article__body .details__comments-item-readmore + a:not([class]),
.contacts__data-address .details__comments-item-readmore + a,
.contacts__shops-item-title .details__comments-item-readmore + a,
.contacts__info-item-address .details__comments-item-readmore + a,
.details__comments-item-answer-body .details__comments-item-readmore + a,
.ui-wysiwyg .details__comments-item-readmore + a:not([class]),
.details__comments-item-readmore + .reviews__item-details-btn,
.reviews__item-body .details__comments-item-readmore + a,
.details__comments-item-readmore + .reviews__item-link,
.reviews__answer-body .details__comments-item-readmore + a,
.seo__desc .details__comments-item-readmore + a,
.details__comments-item-readmore + .seo__readmore-link,
.details__txt .details__comments-item-readmore + a {
    margin: 0 0 2rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.details__comments-item-readmore + .ui-link svg.icon-arrow-link,
.article__body .details__comments-item-readmore + a:not([class]) svg.icon-arrow-link,
.contacts__data-address .details__comments-item-readmore + a svg.icon-arrow-link,
.contacts__shops-item-title .details__comments-item-readmore + a svg.icon-arrow-link,
.contacts__info-item-address .details__comments-item-readmore + a svg.icon-arrow-link,
.details__comments-item-answer-body .details__comments-item-readmore + a svg.icon-arrow-link,
.ui-wysiwyg .details__comments-item-readmore + a:not([class]) svg.icon-arrow-link,
.details__comments-item-readmore + .reviews__item-details-btn svg.icon-arrow-link,
.reviews__item-body .details__comments-item-readmore + a svg.icon-arrow-link,
.details__comments-item-readmore + .reviews__item-link svg.icon-arrow-link,
.reviews__answer-body .details__comments-item-readmore + a svg.icon-arrow-link,
.seo__desc .details__comments-item-readmore + a svg.icon-arrow-link,
.details__comments-item-readmore + .seo__readmore-link svg.icon-arrow-link,
.details__txt .details__comments-item-readmore + a svg.icon-arrow-link {
    display: none
}

.details__comments-item-dl {
    font-size: 1.5rem;
    line-height: 1.73;
    font-weight: 400;
    margin: 0 0 2rem
}

.details__comments-item-dl:last-child {
    margin: 0
}

.details__comments-item-dl dt {
    display: block;
    margin: 0 0 0.5rem
}

.details__comments-item-dl dd {
    margin: 0 0 2rem
}

.details__comments-item-dl dd:last-child {
    margin: 0
}

.details__comments-item-foot {
    -ms-flex-order: 100;
    order: 100
}

@media (min-width:768px) {
    .details__comments-item-foot {
        -ms-flex-order: unset;
        order: unset
    }
}

.details__comments-item-vote {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 2rem 0 0
}

.details__comments-item-vote .ui-btn,
.details__comments-item-vote .comments__form-close,
.details__comments-item-vote .comments__form-btn,
.details__comments-item-vote .brands__search-btn,
.details__comments-item-vote .details__comments-form-close,
.details__comments-item-vote .details__comments-form-btn,
.details__comments-item-vote .ui-code__btn,
.details__comments-item-vote .categories-aside__close,
.details__comments-item-vote .reviews__form-btn,
.details__comments-item-vote .reviews__form-close,
.details__comments-item-vote .reviews__item-details-close {
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.5rem 0 0
}

.details__comments-item-vote .ui-btn:last-child,
.details__comments-item-vote .comments__form-close:last-child,
.details__comments-item-vote .comments__form-btn:last-child,
.details__comments-item-vote .brands__search-btn:last-child,
.details__comments-item-vote .details__comments-form-close:last-child,
.details__comments-item-vote .details__comments-form-btn:last-child,
.details__comments-item-vote .ui-code__btn:last-child,
.details__comments-item-vote .categories-aside__close:last-child,
.details__comments-item-vote .reviews__form-btn:last-child,
.details__comments-item-vote .reviews__form-close:last-child,
.details__comments-item-vote .reviews__item-details-close:last-child {
    margin: 0
}

@media (min-width:768px) {
    .details__comments-item-vote {
        height: 0;
        padding: 0
    }

    .details__comments-item-vote .ui-btn,
    .details__comments-item-vote .comments__form-close,
    .details__comments-item-vote .comments__form-btn,
    .details__comments-item-vote .brands__search-btn,
    .details__comments-item-vote .details__comments-form-close,
    .details__comments-item-vote .details__comments-form-btn,
    .details__comments-item-vote .ui-code__btn,
    .details__comments-item-vote .categories-aside__close,
    .details__comments-item-vote .reviews__form-btn,
    .details__comments-item-vote .reviews__form-close,
    .details__comments-item-vote .reviews__item-details-close {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.details__comments-item-letter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.2rem 0 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff
}

.details__comments-item-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.details__comments-item-title small {
    font-size: 1.4rem;
    font-weight: 400;
    color: #BDC2D3;
    display: none
}

@media (min-width:768px) {
    .details__comments-item-title small {
        display: inline
    }
}

.details__comments-item-rating {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0
}

.details__comments-item-rating svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622
}

.details__comments-item-date {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

.details__comments-item-answer {
    position: relative;
    border-radius: 5px;
    padding: 2.5rem 2rem;
    background: #F4F6FB;
    margin: 3rem 0 0
}

@media (min-width:1200px) {
    .details__comments-item-answer {
        padding: 3rem;
        margin: 3rem 0 0
    }
}

.details__comments-item-answer-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1rem
}

.details__comments-item-answer-body {
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: 400;
    margin: 0 0 1rem
}

.details__comments-item-answer-body:last-child {
    margin: 0
}

.details__comments-item-answer-body p {
    margin: 0 0 1.5rem
}

.details__comments-item-answer-body p:last-child {
    margin: 0
}

.details__comments-item-answer-body p + time {
    position: relative;
    top: -1rem;
    margin: 0 0 1rem
}

.details__comments-item-answer-body time {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    opacity: 0.4
}

@media (min-width:1200px) {
    .details__comments-item-answer-body {
        margin: 0
    }
}

.details__comments-item-answer-title {
    display: block;
    margin: 0 1rem 0 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.details__comments-item-answer-title small {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

.details__comments-item-answer-title svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622
}

.details__comments-item-answer-date {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

.details__comments-rating {
    background: #FFFFFF;
    border: 1px solid #F0F1F7;
    border-radius: 5px;
    padding: 3rem;
    margin: 0 0 2rem
}

.details__comments-rating-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 4rem;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap
}

.details__comments-rating-title svg.icon-star {
    margin: 0 0 0 0.4rem;
    width: 2.5rem;
    height: 2.5rem;
    color: #E6C622;
    top: -0.2rem
}

.details__comments-rating-title small {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    white-space: normal;
    padding: 1rem 0 0
}

.details__comments-rating-counter {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.details__comments-rating-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.details__comments-rating-list > li {
    margin: 0 0 2.5rem
}

.details__comments-rating-list > li:last-child {
    margin: 0
}

.details__comments-rating-list .ui-progress {
    margin: 0
}

.details__comments-form .ui-rating {
    margin: 0 0 3rem
}

.details__comments-form.is-open .details__comments-form-offcanvas {
    opacity: 1;
    visibility: visible
}

@media (min-width:1200px) {
    .details__comments-form {
        background: #FFFFFF;
        border: 1px solid #F0F1F7;
        border-radius: 5px;
        padding: 3rem 3rem 3.5rem
    }
}

@media (min-width:1200px) {
    .details__comments-form-btn {
        display: none
    }
}

@media (max-width:1199px) {
    .is-page-sticky .details__comments-form-offcanvas {
        bottom: calc(var(--safe-area-inset-bottom) + 6.5rem)
    }
}

@media (max-width:1199px) {
    .details__comments-form-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
        padding: 2.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width:1199px) {
    .details__comments-form-offcanvas-in {
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 10px;
        padding: 2.5rem 2rem;
        margin: 0 0 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 100%
    }

    .details__comments-form-offcanvas-in::-webkit-scrollbar {
        display: none
    }
}

.details__comments-form-close {
    border-radius: 10px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:1200px) {
    .details__comments-form-close {
        display: none
    }
}

.catalog {
    margin: 0 0 6rem
}

.catalog__content .products {
    margin: 0 0 4rem
}

.catalog .container-pagination {
    padding: 0;
    margin: 0 0 6rem
}

.catalog .seo {
    border-top: 1px solid #EDEDF3;
    padding: 6rem 0 0;
    margin: 0
}

@media (min-width:1200px) {
    .catalog {
        margin: 0 0 8rem
    }
}

@media (min-width:1200px) {
    .catalog__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1200px) {
    .catalog__sidebar {
        width: 34rem;
        margin: 0 2rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (max-width:1199px) {
    .is-page-sticky .filter-aside__toggle {
        bottom: calc(var(--safe-area-inset-bottom) + 6.5rem + 1.5rem)
    }

    .is-page-sticky .filter-aside__offcanvas {
        bottom: var(--safe-area-inset-bottom)
    }
}

.is-filter-open .filter-aside__offcanvas {
    opacity: 1;
    visibility: visible
}

.is-header-sticky .filter-aside__toggle {
    transform: translate(0, 6.5rem)
}

.is-header-sticky-open .filter-aside__toggle {
    transform: translate(0, 0)
}

.is-chat-right-widget .filter-aside__toggle {
    max-width: calc(100% - 10.5rem)
}

.is-chat-left-widget .filter-aside__toggle {
    max-width: calc(100% - 10.5rem);
    right: 1.5rem;
    left: auto
}

@media (min-width:1200px) {
    .filter-aside {
        margin: 0 0 2rem;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 3rem
    }
}

@media (min-width:1200px) {
    .filter-aside__toggle {
        display: none
    }
}

@media (max-width:1199px) {
    .filter-aside__toggle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        left: 1.5rem;
        right: 1.5rem;
        bottom: 1.5rem;
        z-index: 500;
        width: calc(100% - 3rem);
        height: 5rem;
        padding: 0 4rem 0 2rem;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        background: #F7F7FB;
        border: 1px solid #343434;
        border-radius: 5px;
        color: #343434;
        transition: transform 0.25s
    }

    .filter-aside__toggle svg.icon-arrow-right {
        display: block;
        position: absolute;
        top: 50%;
        right: 2rem;
        width: 1.2rem;
        height: 1.2rem;
        margin: -0.6rem 0 0 0
    }

    .filter-aside__toggle:active {
        background: #d5d5ea
    }
}

@media (min-width:1200px) {
    .filter-aside__more {
        display: none
    }
}

@media (max-width:1199px) {
    .filter-aside__more {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 1.5rem;
        z-index: 4000
    }
}

@media (max-width:1199px) {
    .filter-aside__offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3000;
        background: #F7F7FB;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        transition: opacity 0.25s, visibility 0.25s;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 0 9rem;
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width:1200px) {
    .filter-aside__head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 3rem
    }
}

@media (max-width:1199px) {
    .filter-aside__head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding: 2.5rem 5rem;
        border-bottom: 1px solid #E4E7F1
    }
}

.filter-aside__foot {
    margin: 3rem 0 0
}

.filter-aside__close {
    position: absolute;
    top: 0;
    left: 2.5rem;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 5rem
}

@media (min-width:1200px) {
    .filter-aside__close {
        display: none
    }
}

.filter-aside__title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1;
    margin: 0 2rem 0 0
}

@media (max-width:1199px) {
    .filter-aside__title {
        margin: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.filter-aside__counter {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    position: relative;
    left: 0.5rem;
    color: #BDC2D3
}

.filter-aside__reset {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    transition: color 0.25s;
    color: #343434
}

.filter-aside__reset svg.icon-reset {
    margin: 0 0.5rem 0 0;
    color: #F0164A
}

.filter-aside__reset:hover {
    color: #343434
}

@media (max-width:1199px) {
    .filter-aside__reset {
        position: absolute;
        top: 50%;
        right: 2.5rem;
        transform: translate(0, -50%);
        color: #F45656
    }

    .filter-aside__reset:hover {
        color: #F45656
    }
}

@media (min-width:1200px) {
    .filter-aside__group {
        border-bottom: 1px solid #F7F7FB;
        padding: 0 0 2.5rem;
        margin: 0 0 2.5rem
    }

    .filter-aside__group:last-child {
        margin: 0;
        padding: 0;
        border: none
    }
}

@media (max-width:1199px) {
    .filter-aside__group {
        padding: 2.5rem;
        border-bottom: 1px solid #E4E7F1
    }

    .filter-aside__group .ui-range__input,
    .filter-aside__group .ui-check__tag {
        background-color: #E8EAF1
    }

    .filter-aside__group:last-child {
        border: none
    }
}

.filter-aside__group-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem
}

.filter-aside__group-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    -ms-flex: 1;
    flex: 1;
    margin: 0 2rem 0 0
}

.filter-aside__group-reset {
    cursor: pointer;
    display: block;
    color: #343434;
    transition: color 0.25s
}

.filter-aside__group-reset:hover {
    color: #F0164A
}

.filter-aside__group-checklist {
    margin: 0 -1.5rem -0.5rem 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter-aside__group-checklist > li {
    margin: 0 0.5rem 0.5rem 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.filter-aside__group-checklist .ui-check {
    margin: 0
}

.filter-aside__group .ui-link {
    font-size: 1.4rem;
    margin: 0;
    display: inline-block;
    font-weight: 400
}

.settings {
    margin: 0 0 1rem
}

.settings .row {
    margin: 0 -0.5rem -0.5rem
}

.settings .row > [class^=col] {
    padding: 0 0.5rem 0.5rem
}

.settings .ui-select,
.settings .ui-display {
    margin: 0
}

.settings .ui-select {
    width: auto;
    font-size: 1.5rem
}

.settings .ui-select select {
    background-color: #fff;
    font-size: inherit
}

.settings .ui-select .selectric {
    background: #fff
}

.settings .ui-select .selectric-items {
    background: #fff;
    white-space: nowrap
}

@media (min-width:1200px) {
    .settings .ui-select {
        min-width: 21rem
    }
}

.cart {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .cart {
        margin: 0 0 8rem
    }
}

.cart__title {
    display: none
}

@media (min-width:1200px) {
    .cart__title {
        display: block;
        margin: 0 0 2rem;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500
    }
}

@media (min-width:1200px) {
    .cart__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cart__content {
    margin: 0 0 2rem
}

@media (min-width:1200px) {
    .cart__content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 2rem 0 0
    }
}

.cart__sidebar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1200px) {
    .cart__sidebar {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 46rem
    }
}

.cart__code {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 2rem;
    margin: 0 0 1rem
}

.cart__code--coupon,
.cart__code--voucher {
    -ms-flex-order: 2;
    order: 2
}

.cart__code--reward {
    -ms-flex-order: 3;
    order: 3
}

@media (min-width:1200px) {

    .cart__code--coupon,
    .cart__code--voucher {
        -ms-flex-order: 4;
        order: 4;
        padding: 3rem 4rem
    }

    .cart__code--reward {
        -ms-flex-order: 5;
        order: 5;
        padding: 3rem 4rem
    }
}

.cart__code-head {
    margin: 0 0 1rem
}

.cart__code-head .row {
    margin: 0 -0.5rem -1rem;
    -ms-flex-align: center;
    align-items: center
}

.cart__code-head .row > [class^=col] {
    padding: 0 0.5rem 1rem
}

.cart__code-title {
    display: block;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500
}

.cart__code-action {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

.cart__quick {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 2rem;
    margin: 0 0 1rem;
    position: relative;
    -ms-flex-order: 5;
    order: 5
}

@media (min-width:1200px) {
    .cart__quick {
        -ms-flex-order: 3;
        order: 3;
        padding: 2rem 4rem 2.5rem;
        border-radius: 0 0 5px 5px
    }

    .cart__quick:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 4rem;
        right: 4rem;
        border-top: 1px solid #E8EBF4
    }
}

.cart__quick-action {
    margin: 0 0 1.5rem
}

.cart__quick-text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #BDC2D3
}

.cart__delivery {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 0 2rem;
    margin: 0 0 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-order: 3;
    order: 3
}

.cart__delivery .ui-label {
    margin: 0 0 0.5rem
}

.cart__delivery .ui-input,
.cart__delivery .ui-textarea,
.cart__delivery .ui-range__input {
    margin: 0 0 2rem
}

.cart__delivery.is-open .cart__delivery-arrow {
    transform: rotate(180deg)
}

@media (min-width:1200px) {
    .cart__delivery {
        -ms-flex-order: 5;
        order: 5;
        padding: 0 4rem;
        margin: 0
    }
}

.cart__delivery-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 8.5rem;
    padding: 2rem 0;
    cursor: pointer
}

.cart__delivery-body {
    display: none;
    padding: 0 0 2rem
}

@media (min-width:1200px) {
    .cart__delivery-body {
        padding: 0 0 3rem
    }
}

.cart__delivery-title {
    display: block;
    margin: 0 2rem 0 0;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500
}

.cart__delivery-arrow {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: transform 0.25s
}

.cart__data {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 2rem;
    margin: 0 0 1rem;
    -ms-flex-order: 1;
    order: 5
}

@media (min-width:1200px) {
    .cart__data {
        padding: 4rem 4rem 2rem;
        border-radius: 5px 5px 0 0;
        margin: 0;
        order: 1
    }
}

.cart__data-title {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500
}

.cart__data-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 400
}

.cart__data-table th,
.cart__data-table td {
    padding: 0.5rem
}

.cart__data-table th:first-child,
.cart__data-table td:first-child {
    padding-left: 0
}

.cart__data-table th:last-child,
.cart__data-table td:last-child {
    padding-right: 0
}

.cart__data-table tfoot tr:first-child th,
.cart__data-table tfoot tr:first-child td {
    padding-top: 25px
}

.cart__data-table tfoot tr:last-child th,
.cart__data-table tfoot tr:last-child td {
    padding-bottom: 0
}

.cart__data-table mark {
    background: none;
    color: #BDC2D3
}

.cart__data-table .text-right {
    font-weight: 500;
    font-size: 1.5rem
}

.cart__action .comments__form-close,
.cart__action .comments__form-btn,
.cart__action .brands__search-btn,
.cart__action .ui-code__btn,
.cart__action .categories-aside__close,
.cart__action .reviews__form-btn,
.cart__action .reviews__form-close,
.cart__action .reviews__item-details-close,
.cart__action .details__comments-form-btn,
.cart__action .details__comments-form-close {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart__action {
    -ms-flex-order: 5;
    order: 5
}

@media (min-width:1200px) {
    .cart__action {
        -ms-flex-order: 2;
        order: 2;
        background: #fff;
        padding: 2rem 4rem 4rem
    }

    .cart__action .ui-btn,
    .cart__action .comments__form-close,
    .cart__action .comments__form-btn,
    .cart__action .brands__search-btn,
    .cart__action .ui-code__btn,
    .cart__action .categories-aside__close,
    .cart__action .reviews__form-btn,
    .cart__action .reviews__form-close,
    .cart__action .reviews__item-details-close,
    .cart__action .details__comments-form-btn,
    .cart__action .details__comments-form-close {
        -ms-flex-pack: center;
        justify-content: center
    }

    .cart__action .ui-btn__total {
        display: none
    }
}

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

.cart__list > li {
    margin: 0 0 1rem
}

.cart__list > li:last-child {
    margin: 0
}

.cart__item {
    display: block;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 2rem 2rem 9.5rem 11rem
}

@media (min-width:1200px) {
    .cart__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 2rem 2rem 2rem 22rem;
        min-height: 14rem
    }

    .cart__item:after {
        content: "";
        min-height: 10rem
    }
}

.cart__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 7.5rem;
    height: 7.5rem;
    background: #FFFFFF;
    border: 1px solid #EDEDF9;
    border-radius: 5px;
    overflow: hidden;
    padding: 1rem
}

.cart__item-image img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

@media (min-width:1200px) {
    .cart__item-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 20rem;
        height: 14rem;
        border: none;
        margin: 0;
        padding: 2rem
    }
}

.cart__item-desc {
    padding: 0 2rem 0 0
}

@media (min-width:1200px) {
    .cart__item-desc {
        width: 100%;
        max-width: 28rem;
        padding: 0;
        margin: 0 2rem 0 0
    }
}

.cart__item-id {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400;
    color: #BDC2D3
}

.cart__item-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    line-height: 1.35;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s;
    color: inherit
}

a.cart__item-title:hover {
    color: var(--theme-primary-color);
    text-decoration: none
}

.cart__item-text {
    display: none
}

@media (min-width:1200px) {
    .cart__item-text {
        display: block;
        font-size: 1.5rem;
        line-height: 1.35;
        font-weight: 400;
        margin: 0
    }
}

.cart__item-price {
    display: block;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.cart__item-price ins {
    text-decoration: none;
    margin: 0 0.7rem 0 0
}

.cart__item-price del {
    display: block;
    padding: 0 0.2rem;
    position: relative;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0.7rem 0 0
}

.cart__item-price del:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.2rem;
    background: #F45656;
    margin: -1px 0 0
}

.cart__item-price small {
    font-size: 1.35rem;
    color: #BDC2D3
}

@media (min-width:1200px) {
    .cart__item-price {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 21rem;
        margin: 0 0 0 auto
    }

    .cart__item-price small {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: block
    }
}

.cart__item-price-current {
    margin: 0 0.7rem 0 0
}

.cart__item-number {
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 2rem
}

.cart__item-number .ui-number {
    margin: 0
}

@media (min-width:1200px) {
    .cart__item-number {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.4rem;
        margin: 0 auto
    }
}

.cart__item-action {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100
}

.cart__item-action.is-open .cart__item-action-offcanvas {
    opacity: 1;
    visibility: visible
}

.cart__item-action-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem;
    cursor: pointer;
    color: #343434;
    transition: color 0.25s
}

.cart__item-action-toggle:hover {
    color: var(--theme-primary-color)
}

.cart__item-action-offcanvas {
    position: absolute;
    top: 100%;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    border-radius: 5px;
    padding: 1.5rem;
    min-width: 22.8rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s
}

@media (min-width:1200px) {
    .cart__item-action-offcanvas {
        top: 75%;
        right: auto;
        left: 75%
    }
}

.cart__item-action-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    white-space: nowrap
}

.cart__item-action-menu > li {
    padding: 0 0 1.5rem;
    margin: 0 0 1.5rem;
    border-bottom: 1px solid #EFF3F4
}

.cart__item-action-menu > li:last-child {
    padding: 0;
    margin: 0;
    border: none
}

.cart__item-action-link {
    text-decoration: none;
    color: #343434;
    transition: color 0.25s;
    display: block
}

.cart__item-action-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.checkout {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .checkout {
        margin: 0 0 8rem
    }
}

.checkout__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1200px) {
    .checkout__wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.checkout__content {
    -ms-flex-order: 2;
    order: 2;
    margin: 0 0 4rem
}

@media (min-width:1200px) {
    .checkout__content {
        -ms-flex-order: 1;
        order: 1;
        margin: 0 2rem 0 0;
        -ms-flex: 1;
        flex: 1
    }
}

.checkout__sidebar {
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:1200px) {
    .checkout__sidebar {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 46rem
    }
}

@media (min-width:1200px) {
    .checkout__group {
        background: #fff;
        padding: 4rem 4rem 2.5rem;
        border-radius: 5px;
        position: relative
    }
}

.checkout__action {
    -ms-flex-order: 3;
    order: 3
}

.checkout__action .ui-btn,
.checkout__action .comments__form-close,
.checkout__action .comments__form-btn,
.checkout__action .brands__search-btn,
.checkout__action .ui-code__btn,
.checkout__action .categories-aside__close,
.checkout__action .reviews__form-btn,
.checkout__action .reviews__form-close,
.checkout__action .reviews__item-details-close,
.checkout__action .details__comments-form-btn,
.checkout__action .details__comments-form-close {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1200px) {
    .checkout__action {
        display: none
    }
}

.checkout__step {
    background: #fff;
    border-radius: 5px;
    margin: 0 0 1rem
}

.checkout__step:last-child {
    margin: 0
}

.checkout__step.is-active .checkout__step-body {
    display: block
}

.checkout__step.is-success .checkout__step-head:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 4rem;
    width: 2.8rem;
    height: 2.8rem;
    margin: -1.4rem 0 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.808 9.506L11.802 15.526L9.492 13.216C9.3665 13.0694 9.21205 12.9504 9.03836 12.8664C8.86467 12.7823 8.67549 12.7351 8.48268 12.7277C8.28987 12.7202 8.09761 12.7527 7.91795 12.8231C7.7383 12.8935 7.57513 13.0002 7.43869 13.1367C7.30226 13.2731 7.1955 13.4363 7.12511 13.6159C7.05473 13.7956 7.02224 13.9879 7.02969 14.1807C7.03713 14.3735 7.08436 14.5627 7.16839 14.7364C7.25242 14.91 7.37145 15.0645 7.518 15.19L10.808 18.494C10.9388 18.6237 11.094 18.7264 11.2645 18.7961C11.4351 18.8657 11.6178 18.9011 11.802 18.9C12.1693 18.8984 12.5212 18.7526 12.782 18.494L19.782 11.494C19.9132 11.3638 20.0174 11.209 20.0885 11.0384C20.1595 10.8678 20.1961 10.6848 20.1961 10.5C20.1961 10.3152 20.1595 10.1322 20.0885 9.96159C20.0174 9.79099 19.9132 9.63615 19.782 9.506C19.5197 9.24525 19.1649 9.09889 18.795 9.09889C18.4251 9.09889 18.0703 9.24525 17.808 9.506ZM14 0C11.2311 0 8.52431 0.821086 6.22202 2.35942C3.91973 3.89776 2.12532 6.08426 1.06569 8.64243C0.00606598 11.2006 -0.271181 14.0155 0.269012 16.7313C0.809205 19.447 2.14258 21.9416 4.10051 23.8995C6.05845 25.8574 8.55301 27.1908 11.2687 27.731C13.9845 28.2712 16.7994 27.9939 19.3576 26.9343C21.9157 25.8747 24.1022 24.0803 25.6406 21.778C27.1789 19.4757 28 16.7689 28 14C28 12.1615 27.6379 10.341 26.9343 8.64243C26.2307 6.94387 25.1995 5.40052 23.8995 4.1005C22.5995 2.80048 21.0561 1.76925 19.3576 1.06569C17.659 0.362121 15.8385 0 14 0ZM14 25.2C11.7849 25.2 9.61945 24.5431 7.77762 23.3125C5.93579 22.0818 4.50026 20.3326 3.65256 18.286C2.80485 16.2395 2.58306 13.9876 3.01521 11.815C3.44737 9.6424 4.51406 7.64675 6.08041 6.0804C7.64676 4.51405 9.64241 3.44736 11.815 3.0152C13.9876 2.58305 16.2395 2.80485 18.2861 3.65255C20.3326 4.50025 22.0818 5.93578 23.3125 7.77761C24.5431 9.61944 25.2 11.7848 25.2 14C25.2 16.9704 24.02 19.8192 21.9196 21.9196C19.8192 24.02 16.9704 25.2 14 25.2Z' fill='%2313D154'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

@media (min-width:1200px) {
    .checkout__step {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 82rem
    }
}

.checkout__step-head {
    position: relative;
    padding: 2rem 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.checkout__step-head .row {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1rem -1.5rem
}

.checkout__step-head .row > [class^=col] {
    padding: 0 1rem 1.5rem
}

@media (min-width:1200px) {
    .checkout__step-head {
        padding: 2rem 4rem;
        min-height: 9.2rem
    }

    .checkout__step-head:after {
        content: "";
        min-height: 5.2rem
    }
}

.checkout__step-body {
    padding: 0 2.5rem 3rem;
    display: none
}

@media (min-width:1200px) {
    .checkout__step-body {
        padding: 0 4rem 4rem
    }
}

.checkout__step-title {
    display: inline-block;
    vertical-align: top;
    margin: 0 2rem 0 0;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500
}

a.checkout__step-title {
    text-decoration: none;
    transition: color 0.25s;
    color: #343434;
    pointer-events: none
}

a.checkout__step-title:hover {
    color: var(--theme-primary-color);
    text-decoration: none
}

.pass a.checkout__step-title {
    pointer-events: initial
}

.checkout__step-account {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.checkout__step-method {
    margin: 0 0 4rem
}

.checkout__step-method .ui-check {
    margin: 0 0 1rem
}

.checkout__step-method .ui-check:last-child {
    margin: 0
}

.checkout__step-caption {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.73;
    font-weight: 400
}

.checkout__step-action .ui-btn,
.checkout__step-action .comments__form-close,
.checkout__step-action .comments__form-btn,
.checkout__step-action .brands__search-btn,
.checkout__step-action .ui-code__btn,
.checkout__step-action .categories-aside__close,
.checkout__step-action .reviews__form-btn,
.checkout__step-action .reviews__form-close,
.checkout__step-action .reviews__item-details-close,
.checkout__step-action .details__comments-form-btn,
.checkout__step-action .details__comments-form-close {
    width: 100%
}

@media (min-width:1200px) {

    .checkout__step-action .ui-btn,
    .checkout__step-action .comments__form-close,
    .checkout__step-action .comments__form-btn,
    .checkout__step-action .brands__search-btn,
    .checkout__step-action .ui-code__btn,
    .checkout__step-action .categories-aside__close,
    .checkout__step-action .reviews__form-btn,
    .checkout__step-action .reviews__form-close,
    .checkout__step-action .reviews__item-details-close,
    .checkout__step-action .details__comments-form-btn,
    .checkout__step-action .details__comments-form-close {
        width: auto;
        min-width: 22.8rem
    }
}

.checkout__step-data .ui-legend {
    margin: 0 0 2rem
}

.checkout__step-data .ui-label {
    margin: 0 0 0.5rem
}

.checkout__step-data .ui-input,
.checkout__step-data .ui-textarea,
.checkout__step-data .ui-range__input,
.checkout__step-data .ui-select,
.checkout__step-data select:not([class]) {
    margin: 0 0 2rem;
    font-size: 1.5rem
}

.checkout__step-data-group {
    margin: 0 0 2rem
}

.checkout__step-delivery,
.checkout__step-payments {
    margin: 0 0 3rem
}

.checkout__step-delivery .ui-check,
.checkout__step-payments .ui-check {
    margin: 0 0 1rem
}

.checkout__step-delivery .ui-legend,
.checkout__step-payments .ui-legend {
    margin: 0 0 2rem
}

.checkout__step-comment .ui-textarea {
    margin: 0 0 4rem;
    min-height: 10rem
}

.checkout__data {
    background: #fff;
    border-radius: 5px;
    padding: 2rem;
    margin: 0 0 1rem
}

.checkout__data.is-open .checkout__data-arrow {
    transform: rotate(180deg)
}

.checkout__data.is-open .checkout__data-body {
    opacity: 1
}

@media (min-width:1200px) {
    .checkout__data {
        padding: 0;
        margin: 0 0 4rem
    }
}

.checkout__data-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.checkout__data-head .checkout__data-total {
    margin: 0 2rem 0 0
}

.checkout__data-head .checkout__data-total:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .checkout__data-head .checkout__data-total {
        display: none
    }
}

.checkout__data-title {
    display: block;
    margin: 0 2rem 0 0;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.checkout__data-counter {
    background: none;
    color: #BDC2D3
}

.checkout__data-total {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 4rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
    color: var(--theme-primary-color)
}

.checkout__data-total small {
    display: block;
    font-size: 1.5rem;
    color: #343434;
    margin: 0 0 0.5rem
}

.checkout__data-arrow {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    transition: transform 0.25s
}

@media (min-width:1200px) {
    .checkout__data-arrow {
        display: none
    }
}

.checkout__data-body {
    display: none;
    padding: 2rem 0 0;
    transition: opacity 0.25s;
    opacity: 0
}

@media (min-width:1200px) {
    .checkout__data-body {
        display: block;
        opacity: 1;
        transition: none
    }
}

.checkout__data-change {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

@media (min-width:1200px) {
    .checkout__data-change {
        position: absolute;
        top: 4.5rem;
        right: 4rem;
        margin: 0
    }
}

.checkout__data-table {
    margin: 0 0 3rem;
    width: 100%;
    border-collapse: collapse;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400
}

.checkout__data-table th,
.checkout__data-table td {
    padding: 0 0.5rem 1rem
}

.checkout__data-table th:first-child,
.checkout__data-table td:first-child {
    padding-left: 0
}

.checkout__data-table th:last-child,
.checkout__data-table td:last-child {
    padding-right: 0
}

.checkout__data-table th {
    font-weight: 500
}

.checkout__data-table tr:last-child th,
.checkout__data-table tr:last-child td {
    padding-bottom: 0
}

.checkout__data-action .ui-btn,
.checkout__data-action .comments__form-close,
.checkout__data-action .comments__form-btn,
.checkout__data-action .brands__search-btn,
.checkout__data-action .ui-code__btn,
.checkout__data-action .categories-aside__close,
.checkout__data-action .reviews__form-btn,
.checkout__data-action .reviews__form-close,
.checkout__data-action .reviews__item-details-close,
.checkout__data-action .details__comments-form-btn,
.checkout__data-action .details__comments-form-close {
    margin: 0 0 1.2rem
}

.checkout__data-action .ui-check {
    margin: 0
}

.checkout__data-action .ui-check__checkbox {
    border-color: #F7F8FB;
    background: #F7F8FB
}

.checkout__data-action .ui-check__text {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400
}

.checkout__quick {
    background: #fff;
    border-radius: 5px;
    padding: 2rem;
    margin: 0 0 2rem
}

@media (min-width:1200px) {
    .checkout__quick {
        padding: 2rem 0 0 0;
        margin: 0;
        background: none;
        border-radius: 0;
        border-top: 1px solid #E8EBF4
    }
}

.checkout__quick-action {
    margin: 0 0 1.5rem
}

.checkout__quick-text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #BDC2D3
}

.brands-featured {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .brands-featured {
       
    }
}

.brands-featured__title {
    margin: 0 0 2rem
}

.brands-featured__all {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.brands-featured__item {
    background: #F7F7FB;
    border: 1px solid #E6EBFB;
    position: relative;
    overflow: hidden;
    display: block
}

a.brands-featured__item {
    text-decoration: none;
    color: #343434;
    transition: border-color 0.25s
}

a.brands-featured__item:hover {
    text-decoration: none;
    border-color: var(--theme-primary-color)
}

.brands-featured__item:before {
    content: "";
    float: left;
    padding: 100% 0 0 0
}

.brands-featured__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.5rem
}

.brands-featured__item-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.brands {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .brands {
        margin: 0 0 8rem
    }
}

.brands__wrapper {
    max-width: 94rem;
    margin: 0 auto
}

.brands__search {
    position: relative;
    margin: 0 0 5rem
}

.brands__search-input {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    border: 1px solid transparent;
    background: #fff;
    border-radius: 5px;
    padding: 1rem 12rem 1rem 2rem;
    height: 4.6rem;
    color: #343434;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    transition: box-shadow 0.25s
}

.brands__search-input:-ms-input-placeholder {
    color: #BDC2D3;
    transition: opacity 0.25s
}

.brands__search-input::placeholder {
    color: #BDC2D3;
    transition: opacity 0.25s
}

.brands__search-input:focus {
    box-shadow: 0 0 0 2px var(--theme-primary-color)
}

.brands__search-input:focus:-ms-input-placeholder {
    opacity: 0
}

.brands__search-input:focus::placeholder {
    opacity: 0
}

.brands__search-btn {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    padding: 0 1rem;
    height: 3.8rem;
    width: 10rem;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    margin: -1.9rem 0 0
}

.brands__abc {
    display: none
}

@media (min-width:1200px) {
    .brands__abc {
        display: block;
        margin: 0 0 6rem
    }
}

.brands__abc-menu {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.85em
}

.brands__abc-menu:last-child {
    margin: 0
}

.brands__abc-link {
    display: block;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s
}

.brands__abc-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.brands__group {
    margin: 0 0 6rem
}

.brands__group:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .brands__group {
        margin: 0 0 8rem
    }
}

.brands__group-letter {
    display: block;
    margin: 0 0 3rem;
    font-size: 3rem;
    line-height: 1;
    font-weight: 400
}

.brands__group-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -2.5rem;
    padding: 0 2.5rem
}

@media (min-width:1200px) {
    .brands__group-scroll {
        overflow: visible;
        margin: 0;
        padding: 0
    }
}

.brands__group-words {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 4;
    column-gap: 20px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    min-width: 64rem
}

.brands__group-words > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 1rem;
    white-space: nowrap
}

@media (min-width:1200px) {
    .brands__group-words {
        min-width: auto
    }

    .brands__group-words > li {
        white-space: normal
    }
}

.brands__group-images {
    margin: 0 -1rem -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brands__group-images > li {
    padding: 0 1rem 2rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width:768px) {
    .brands__group-images > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media (min-width:1200px) {
    .brands__group-images > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.brands__group-item {
    display: block;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s
}

.brands__group-item:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.brands__group-item:hover .brands__group-item-image {
    border-color: var(--theme-primary-color)
}

.brands__group-item-image {
    background: #F7F7FB;
    border: 1px solid #E6EBFB;
    position: relative;
    overflow: hidden;
    transition: border-color 0.25s
}

.brands__group-item-image:before {
    content: "";
    float: left;
    padding: 100% 0 0 0
}

.brands__group-item-image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%
}

.contacts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts__map {
    height: 50rem;
    background: #000;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0
}

@media (min-width:1200px) {
    .contacts__map {
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 5rem
    }
}

.contacts__wrapper {
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:1200px) {
    .contacts__wrapper {
        -ms-flex-order: 2;
        order: 2
    }
}

.contacts__info {
    margin: 0 0 6rem;
    padding: 0;
    list-style: none
}

.contacts__info > li {
    margin: 0 0 1rem
}

.contacts__info > li:last-child {
    margin: 0
}

@media (min-width:768px) {
    .contacts__info {
        margin: 0 -1rem -2rem;
        padding: 0 0 6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contacts__info > li {
        padding: 0 1rem 2rem;
        margin: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .contacts__info {
        padding: 0 0 7rem
    }

    .contacts__info > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.contacts__info-item {
    display: block;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 3rem;
    min-height: 100%
}

@media (min-width:1200px) {
    .contacts__info-item {
        border-radius: 0;
        background: none;
        padding: 0
    }
}

.contacts__info-item-title {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.8rem;
    line-height: 1.15;
    font-weight: 500
}

.contacts__info-item-text {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400;
    color: #99A0B7;
    max-width: 24rem
}

.contacts__info-item-dl {
    margin: 0
}

.contacts__info-item-dl dt {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.contacts__info-item-dl dd {
    margin: 0 0 2.5rem
}

.contacts__info-item-dl dd:last-child {
    margin: 0
}

.contacts__info-item-phones {
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400
}

.contacts__info-item-phones > li {
    margin: 0 0 1rem
}

.contacts__info-item-phones > li:last-child {
    margin: 0
}

.contacts__info-item-phones a {
    text-decoration: none;
    color: #343434
}

.contacts__info-item-phones a:hover {
    text-decoration: none;
    color: #343434
}

.contacts__info-item-worktime {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400;
    color: #99A0B7
}

.contacts__info-item-address {
    display: block;
    margin: 0
}

.contacts__info-item-address svg.icon-location {
    margin: 0 0.5rem 0 0;
    color: #F45656
}

.contacts__info-item-requisites {
    margin: 0 -1rem -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400
}

.contacts__info-item-requisites small {
    display: block;
    font-size: 1.35rem;
    font-weight: 500;
    margin: 0 0 0.5rem
}

.contacts__info-item-requisites > li {
    padding: 0 1rem 2rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.contacts__shops {
    margin: 0 0 6rem
}

.contacts__shops-title {
    display: block;
    margin: 0 0 2.5rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}

.contacts__shops-item {
    position: relative;
    display: block
}

.contacts__shops-item-image {
    display: block;
    margin: 0 0 2rem;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    height: 18rem
}

.contacts__shops-item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contacts__shops-item-mark {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    background: #FFD540;
    border-radius: 4px;
    height: 3rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    color: #343434;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.contacts__shops-item-mark svg.icon-star-fill {
    margin: 0 0.6rem 0 0;
    position: relative;
    top: -1px
}

.contacts__shops-item-title {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500
}

.contacts__shops-item-worktime {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

.contacts__shops-item-phones {
    margin: 0;
    padding: 0;
    list-style: none
}

.contacts__shops-item-phones > li {
    margin: 0 0 1rem
}

.contacts__shops-item-phones > li:last-child {
    margin: 0
}

.contacts__shops-item-phones a {
    text-decoration: none;
    color: #343434
}

.contacts__shops-item-phones a:hover {
    text-decoration: none;
    color: #343434
}

.contacts__data {
    margin: 0 0 6rem
}

.contacts__data .row {
    margin: 0 -1rem -2rem
}

.contacts__data .row > [class^=col] {
    padding: 0 1rem 2rem
}

.contacts__data-form {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 2.5rem;
    width: 36.6rem;
    margin-bottom: -2rem
}

@media (max-width:1199px) {
    .contacts__data-form {
        padding: 3rem;
        width: auto
    }
}

@media (max-width:1199px) {
    .contacts__data-group {
        display: block;
        background: #FFFFFF;
        border-radius: 5px;
        padding: 3rem;
        min-height: 100%
    }
}

.contacts__data-title {
    display: block;
    margin: 0 0 1rem;
        font-size: 2rem;
    line-height: 1.6;
    font-weight: 500
}

.contacts__data-text {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400;
    color: #99A0B7;
    max-width: 24rem
}

.contacts__data-dl {
    margin: 0
}

.contacts__data-dl dt {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.contacts__data-dl dd {
    margin: 0 0 2.5rem
}

.contacts__data-dl dd:last-child {
    margin: 0
}

.contacts__data-phones,
.contacts__data-emails {
    margin: 0 0 0.5rem;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400
}

.contacts__data-phones > li,
.contacts__data-emails > li {
    margin: 0
}

.contacts__data-phones a,
.contacts__data-emails a {
    text-decoration: none;
    color: #343434
}

.contacts__data-phones a:hover,
.contacts__data-emails a:hover {
    text-decoration: none;
    color: #343434
}

.contacts__data-worktime {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400;
    color: #99A0B7
}

.contacts__data-address {
    display: block;
    margin: 0;
      font-size: 1.6rem;
    line-height: 1.7;
    font-weight: 400;

}

.contacts__data-address svg.icon-location {
    margin: 0 0.5rem 0 0;
    color: #F45656
}

.contacts__data-requisites {
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 400
}

.contacts__data-requisites dl {
    margin: 0
}

.contacts__data-requisites dl dt {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 500
}

.contacts__data-requisites dl dd {
    margin: 0 0 1rem
}

.compare {
    margin: 0 0 6rem;
    overflow: hidden
}

@media (min-width:1200px) {
    .compare {
        margin: 0 0 8rem
    }
}

.compare__head {
    background: #fff;
    margin: 0 -2.5rem 0.5rem;
    overflow: hidden
}

@media (min-width:1200px) {
    .compare__head {
        border-radius: 10px;
        margin: 0 0 1rem
    }
}

.compare__body {
    background: #fff;
    padding: 6rem 2.5rem;
    margin: 0 -2.5rem;
    overflow: hidden
}

@media (min-width:1200px) {
    .compare__body {
        padding: 6rem 3rem;
        margin: 0;
        border-radius: 10px
    }
}

.compare__topbar {
    padding: 3rem 2.5rem 0
}

@media (min-width:1200px) {
    .compare__topbar {
        padding: 3rem 3rem 0
    }
}

.compare__title {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 500
}

.compare__counter {
    background: none;
    font-size: 1.8rem;
    line-height: 1.15;
    font-weight: 400;
    color: #BDC2D3
}

.compare__filter .ui-switch {
    margin: 0
}

.compare__spacer {
    min-width: 100%
}

.compare__sticky {
    position: relative;
    z-index: 500;
    padding: 3rem 2.5rem;
    border-radius: 10px;
    overflow: hidden
}

.compare__sticky.is-sticky {
    background: #fff;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25)
}

@media (min-width:1200px) {
    .compare__sticky {
        padding: 3rem;
        transition: box-shadow 0.25s, background 0.25s
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .compare__sticky {
        position: relative !important
    }
}

.compare__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    max-width: 27rem;
    margin: 0 auto
}

@media (min-width:1200px) {
    .compare__item {
        min-width: 20%;
        max-width: 50rem
    }
}

.compare__item-buttons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.compare__item-buttons .ui-btn--compare,
.compare__item-buttons .ui-btn--favorite {
    width: 4rem;
    height: 4rem
}

.compare__item-buttons .ui-btn,
.compare__item-buttons .comments__form-close,
.compare__item-buttons .comments__form-btn,
.compare__item-buttons .ui-code__btn,
.compare__item-buttons .categories-aside__close,
.compare__item-buttons .reviews__form-btn,
.compare__item-buttons .reviews__form-close,
.compare__item-buttons .reviews__item-details-close,
.compare__item-buttons .details__comments-form-btn,
.compare__item-buttons .details__comments-form-close,
.compare__item-buttons .brands__search-btn {
    margin: 0 0.5rem 0 0
}

.compare__item-buttons .ui-btn:last-child,
.compare__item-buttons .comments__form-close:last-child,
.compare__item-buttons .comments__form-btn:last-child,
.compare__item-buttons .ui-code__btn:last-child,
.compare__item-buttons .categories-aside__close:last-child,
.compare__item-buttons .reviews__form-btn:last-child,
.compare__item-buttons .reviews__form-close:last-child,
.compare__item-buttons .reviews__item-details-close:last-child,
.compare__item-buttons .details__comments-form-btn:last-child,
.compare__item-buttons .details__comments-form-close:last-child,
.compare__item-buttons .brands__search-btn:last-child {
    margin: 0
}

.compare__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 5rem;
    margin: 0 0 1rem
}

.compare__item-image img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.compare__item-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.6rem;
    line-height: 1.37;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s;
    color: inherit
}

.compare__item-title:hover {
    color: var(--theme-primary-color);
    text-decoration: none
}

.compare__item-price {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.7rem;
    line-height: 1.15;
    font-weight: 400;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1
}

.compare__item-price mark {
    display: block;
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    padding: 0 0.7rem;
    background: #F53C3C;
    border-radius: 4px;
    color: #fff;
    margin: 0 1rem 0 0
}

.compare__item-price ins {
    text-decoration: none;
    margin: 0 1rem 0 0
}

.compare__item-price del {
    display: block;
    margin: 0;
    padding: 0 0.2rem;
    position: relative;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400
}

.compare__item-price del:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.2rem;
    background: #F45656;
    margin: -1px 0 0
}

@media (min-width:1200px) {
    .compare__item-image {
        margin: 0 0 2rem;
        height: 7rem
    }

    .compare__item-title {
        margin: 0 0 1.5rem
    }

    .compare__item-price {
        margin: 0 0 2rem
    }
}

.compare__item-action {
    display: -ms-flexbox;
    display: flex;
    margin: auto 0 0 0
}

.compare__item-action .ui-btn,
.compare__item-action .comments__form-close,
.compare__item-action .comments__form-btn,
.compare__item-action .ui-code__btn,
.compare__item-action .categories-aside__close,
.compare__item-action .reviews__form-btn,
.compare__item-action .reviews__form-close,
.compare__item-action .reviews__item-details-close,
.compare__item-action .details__comments-form-btn,
.compare__item-action .details__comments-form-close,
.compare__item-action .brands__search-btn {
    margin: 0 0.5rem 0 0
}

.compare__item-action .ui-btn:last-child,
.compare__item-action .comments__form-close:last-child,
.compare__item-action .comments__form-btn:last-child,
.compare__item-action .ui-code__btn:last-child,
.compare__item-action .categories-aside__close:last-child,
.compare__item-action .reviews__form-btn:last-child,
.compare__item-action .reviews__form-close:last-child,
.compare__item-action .reviews__item-details-close:last-child,
.compare__item-action .details__comments-form-btn:last-child,
.compare__item-action .details__comments-form-close:last-child,
.compare__item-action .brands__search-btn:last-child {
    margin: 0
}

.compare__data-group {
    margin: 0 0 5rem
}

.compare__data-group:last-child {
    margin: 0
}

.compare__data-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 3rem
}

.compare__data-dl {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 400
}

.compare__data-dl dt {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 400;
    color: #BDC2D3;
    margin: 0 0 1rem
}

.compare__data-dl dd {
    display: block;
    margin: 0 0 2.5rem
}

.compare__data-dl dd:last-child {
    margin: 0
}

.comments {
    background: #fff;
    padding: 4rem 0;
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .comments {
        padding: 10rem 0;
        margin: 0 0 8rem
    }
}

.comments__title {
    display: block;
    margin: 0 0 3rem;
    font-size: 2.4rem;
    line-height: 1.58;
    font-weight: 500
}

.comments__counter {
    font-size: 2rem;
    font-weight: 400;
    position: relative;
    top: 0;
    left: 1rem;
    display: inline-block;
    vertical-align: middle;
    color: #BDC2D3
}

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

.comments__list > li {
    margin: 0 0 1rem
}

.comments__list > li:last-child {
    margin: 0
}

.comments__action {
    padding: 2rem 0 0;
    margin: 0 0 1rem
}

@media (min-width:1200px) {
    .comments__action {
        margin: 0
    }
}

.comments__item {
    background: #FFFFFF;
    border: 1px solid #F0F1F6;
    border-radius: 5px;
    padding: 3.5rem 2rem 3rem 2.5rem
}

@media (min-width:1200px) {
    .comments__item {
        padding: 3.5rem 6rem 3.5rem 3.5rem
    }
}

.comments__item-head {
    margin: 0 0 2.5rem
}

.comments__item-head .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.6rem
}

.comments__item-head .row > [class^=col] {
    padding: 0 0.6rem
}

.comments__item-body {
    font-size: 1.5rem;
    line-height: 1.73;
    font-weight: 400
}

.comments__item-body p {
    margin: 0 0 2rem
}

.comments__item-body p:last-child {
    margin: 0
}

.comments__item-letter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff
}

.comments__item-title {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1
}

.comments__item-title small {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

.comments__item-title svg.icon-star {
    margin: 0 0.4rem;
    color: #E6C622
}

.comments__item-date {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}

@media (min-width:1200px) {
    .comments__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1200px) {
    .comments__content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 2rem 0 0
    }
}

@media (min-width:1200px) {
    .comments__sidebar {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 34rem
    }
}

.comments__form.is-open .comments__form-offcanvas {
    opacity: 1;
    visibility: visible
}

@media (min-width:1200px) {
    .comments__form {
        background: #FFFFFF;
        border: 1px solid #F0F1F7;
        border-radius: 5px;
        padding: 3rem 3rem 3.5rem
    }
}

@media (min-width:1200px) {
    .comments__form-btn {
        display: none
    }
}

@media (max-width:1199px) {
    .is-page-sticky .comments__form-offcanvas {
        bottom: calc(var(--safe-area-inset-bottom) + 6.5rem)
    }
}

@media (max-width:1199px) {
    .comments__form-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
        padding: 2.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width:1199px) {
    .comments__form-offcanvas-in {
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 10px;
        padding: 2.5rem 2rem;
        margin: 0 0 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 100%
    }

    .comments__form-offcanvas-in::-webkit-scrollbar {
        display: none
    }
}

.comments__form-close {
    border-radius: 10px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:1200px) {
    .comments__form-close {
        display: none
    }
}

.stock {
    margin: 0 0 10rem
}

.stock .row > [class^=col] {
    position: relative
}

.stock--cover .stock__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

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

.stock--image .stock__wrapper {
    padding: 0
}

.stock--image .stock__image {
    margin: 0;
    display: block
}

.stock--image .stock__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.stock__wrapper {
    background: #D6E6F0;
    padding: 3rem 2.5rem 3.5rem;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

@media (min-width:1200px) {
    .stock__wrapper {
        padding: 6.5rem 8rem
    }
}

.stock__image {
    display: none
}

@media (min-width:1200px) {
    .stock__image {
        position: absolute;
        display: block;
        bottom: -6.5rem;
        right: 0;
        left: 0
    }

    .stock__image img {
        display: block;
        margin: 0 auto
    }
}

.stock__desc {
    position: relative;
    z-index: 2
}

.stock__date {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 3rem;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 0.5rem 1.5rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 400
}

@media (min-width:1200px) {
    .stock__date {
        font-size: 1.7rem;
        line-height: 3rem;
        font-weight: 400;
        padding: 0.5rem 2rem
    }
}

.stock__title {
    display: block;
    margin: 0 0 3rem;
    font-size: 2.6rem;
    line-height: 1.38;
    font-weight: 400
}

@media (min-width:1200px) {
    .stock__title {
        margin: 0 0 5rem;
        font-size: 3.5rem;
        line-height: 1.34;
        font-weight: 400
    }
}

.stock__text {
    display: block;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.78;
    font-weight: 400;
    max-width: 70rem
}

.article {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .article {
        margin: 0 0 10rem
    }
}

.article__head {
    position: relative;
    margin: 0 -2.5rem 4.5rem
}

@media (min-width:1200px) {
    .article__head {
        margin: 0 0 10rem
    }
}

.article__body {
    margin: 0 0 4rem;
    font-size: 1.8rem;
    line-height: 1.9;
    font-weight: 400
}

.article__body h1,
.article__body h2,
.article__body h3 {
    display: block;
    margin: 0 0 4rem;
    font-size: 2.4rem;
    line-height: 1.58;
    font-weight: 500
}

.article__body p {
    margin: 0 0 4rem
}

.article__body p:last-child {
    margin: 0
}

.article__body .swiper-gallery {
    margin: 4rem 0
}

@media (min-width:1200px) {
    .article__body {
        margin: 0 0 6.4rem
    }

    .article__body .swiper-gallery {
        margin: 5rem 0
    }
}

.article__image {
    display: block;
    background: #000;
    overflow: hidden;
    margin: 0;
    border-radius: 0;
    height: 46.5rem;
    position: relative
}

.article__image:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 23rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)
}

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

@media (min-width:1200px) {
    .article__image {
        border-radius: 10px
    }
}

.article__blockquote {
    border: none;
    margin: 0 0 4rem 3rem;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
    position: absolute;
    left: 100%;
    width: 37%
}

.article__blockquote-image {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background: #03FF96;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 2.5rem -2.5rem
}

.article__blockquote-text {
    margin: 0
}

.article__tags {
    position: absolute;
    top: 3rem;
    left: 2.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article__tags > li {
    margin: 0 1rem 1rem 0
}

@media (min-width:1200px) {
    .article__tags {
        left: 3rem
    }
}

.article__tags-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 3.5rem;
    background: rgba(247, 247, 251, 0.2);
    color: #fff;
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 1.5rem
}

.article__info {
    position: absolute;
    left: 2.5rem;
    bottom: 4rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article__info > li {
    margin: 0 2.5rem 0 0
}

.article__info > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .article__info {
        left: 3rem
    }
}

.article__info-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.7rem;
    line-height: 1.53;
    font-weight: 400;
    white-space: nowrap;
    color: #fff
}

.article__info-item svg.icon-views,
.article__info-item svg.icon-comments {
    margin: 0 0.7rem 0 0
}

.article__info-item svg.icon-dot {
    margin: 0 2.5rem 0 0
}

.article__share {
    display: none
}

@media (min-width:1200px) {
    .article__share {
        display: block;
        position: absolute;
        right: 3rem;
        bottom: 4rem
    }
}

.tech {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    overflow: hidden;
    background: var(--theme-primary-color);
    color: #fff;
    padding: 6rem 0;
    text-align: center;
    flex-direction: column
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .tech {
        height: 100%
    }
}

.tech__logo {
    margin: 0 0 7rem;
    max-width: 25rem
}

.tech__logo img,
.tech__logo svg {
    display: inline-block;
    vertical-align: top
}

@media (min-width:1200px) {
    .tech__logo {
        margin: 0 0 10.8rem
    }
}

.tech__title {
    display: block;
    margin: 0 0 3rem;
    font-size: 2.5rem;
    line-height: 1.15;
    font-weight: 500
}

.tech__text {
    display: block;
    max-width: 54rem;
    margin: 0 auto 4rem;
    font-size: 1.8rem;
    line-height: 1.56;
    font-weight: 400
}

@media (min-width:1200px) {
    .tech__text {
        margin: 0 auto 5rem
    }
}

.tech__social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tech__social > li {
    margin: 0 1.5rem 0 0
}

.tech__social > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .tech__social > li {
        margin: 0 3.5rem 0 0
    }
}

.tech__social-link {
    display: block;
    text-decoration: none;
    transition: 0.25s
}

.tech__social-link:hover {
    text-decoration: none;
    transform: scale(1.2)
}

.tech__social-link img {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #fff
}

.tech .header__mobile {
    display: none
}

.system {
    padding: 9.4rem 0 13.1rem;
    text-align: center
}

.system__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto 5rem
}

@media (min-width:1200px) {
    .system__image {
        margin: 0 auto 6.7rem
    }
}

.system__title {
    display: block;
    margin: 0 0 3rem;
    font-size: 2.5rem;
    line-height: 1.15;
    font-weight: 500
}

@media (min-width:1200px) {
    .system__title {
        margin: 0 0 4.8rem
    }
}

.system__text {
    max-width: 66.5rem;
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 1.89;
    font-weight: 400
}

.system__text.ui-wysiwyg p {
    margin: 0 0 1rem
}

.system__social {
    padding: 4rem 0 0
}

.system__social-text {
    display: block;
    margin: 0 0 4rem;
    font-size: 1.8rem;
    line-height: 1.15;
    font-weight: 500
}

.popup {
    position: relative;
    width: 100%;
    max-width: 46rem;
    background: #FFFFFF;
    border: 1px solid #F0F1F7;
    border-radius: 5px;
    padding: 3rem;
    margin: 0 auto
}

.popup--agree {
    max-width: 70rem
}

.popup--custom {
    max-width: 88rem
}

.popup--search {
    max-width: 87rem;
    vertical-align: top;
    margin-top: -4rem
}

.popup .fancybox-close {
    top: 0;
    right: 0;
    color: #343434
}

.popup .fancybox-close svg {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.popup .fancybox-close:hover {
    color: var(--theme-primary-color)
}

.popup--replace {
    max-width: 112rem;
    background: #F7F7FB
}

.popup--stories {
    position: fixed;
    top: 0;
    left: 0;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: none
}

.popup--stories .fancybox-close {
    display: none
}

.popup__title {
    display: block;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 2rem
}

.popup__title:first-letter {
    text-transform: uppercase
}

.popup__form .ui-textarea {
    min-height: 12rem;
    height: 12rem
}

.popup__form p {
    margin: 0 0 2rem
}

.popup__replace-list {
    margin: 0 -1rem -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup__replace-list > li {
    padding: 0 1rem 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .popup__replace-list > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .popup__replace-list > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

.age {
    text-align: center
}

.age__title {
    display: block;
    font-size: 2.3rem;
    line-height: 1.25;
    font-weight: 500;
    margin: 1rem 0 1.5rem
}

.age__text {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 0 3rem
}

.alerts-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    padding: 2rem;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:1200px) {
    .alerts-wrapper {
        padding: 3rem
    }
}

.alert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6rem;
    pointer-events: auto;
    padding: 1rem 6rem 1rem 2rem;
    margin: 0 0 1rem;
    position: relative;
    border-radius: 10px;
    width: 100%;
    animation: alertShow 0.5s forwards
}

.alert:after {
    content: "";
    min-height: 4rem
}

.alert--red,
.alert-danger {
    background: #F45656;
    color: #fff
}

.alert--green,
.alert-success {
    background: #13D154;
    color: #fff
}

.alert--yellow,
.alert-warning {
    background: #FFD540;
    color: #343434
}

.alert--yellow a,
.alert--yellow a:hover {
    color: #343434;
    border-bottom: 1px solid rgb(52 52 52 / 50%)
}

.alert--dark {
    background: #343434;
    color: #fff
}

.alert.is-hide {
    animation: alertHide 0.5s forwards;
    pointer-events: none
}

@media (min-width:768px) {
    .alert {
        width: auto
    }
}

@media (min-width:1200px) {
    .alert {
        margin: 0 0 2rem;
        padding: 1rem 6rem 1rem 3rem
    }
}

.alert__close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    cursor: pointer;
    color: inherit
}

.alert__text {
    display: block;
    font-size: 1.8rem;
    line-height: 1.44;
    font-weight: 500;
    margin: 0
}

.alert__text a {
    text-decoration: none;
    color: #fff;
    transition: opacity 0.25s
}

.alert__text a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8
}

@media (min-width:1200px) {
    .alert__text {
        margin: 0 3rem 0 0
    }
}

.alert__action {
    display: none
}

@media (min-width:1200px) {
    .alert__action {
        display: block
    }
}

.alerts-wrapper.is-auto-close .alert {
    overflow: hidden
}

.alerts-wrapper.is-auto-close .alert:before {
    content: '';
    position: absolute;
    height: 0.5rem;
    background: rgb(0 0 0 / 10%);
    bottom: -1px;
    left: -1px;
    right: -1px;
    animation: progressBar 5s linear;
    animation-fill-mode: both;
}

@keyframes progressBar {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes alertShow {
    0% {
        opacity: 0;
        transform: translate(-100px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@keyframes alertHide {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    100% {
        opacity: 0;
        transform: translate(-100px, 0)
    }
}

@media (max-width:1199px) {
    .is-page-sticky .chat {
        transform: translate(0, -6.5rem);
        bottom: calc(1.5rem + var(--safe-area-inset-bottom))
    }

    .is-sku-compact .is-page-sticky .chat {
        transform: translate(0, -14.5rem)
    }

    .is-sku-compact .chat {
        transform: translate(0, -8rem)
    }
}

@media (max-width:1199px) {
    .is-header-sticky .chat {
        transform: translate(0, 0)
    }

    .is-header-sticky.is-sku-compact .chat {
        transform: translate(0, -8rem)
    }
}

@media (max-width:1199px) {
    .is-header-sticky-open .chat {
        transform: translate(0, -6.5rem)
    }

    .is-header-sticky-open.is-sku-compact .chat {
        transform: translate(0, -14.5rem)
    }
}

.is-chat-open .chat__toggle svg.icon-chat {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0)
}

.is-chat-open .chat__toggle svg.icon-chat-close {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.is-chat-open .chat__offcanvas {
    opacity: 1;
    visibility: visible
}

.chat {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 1099;
    transition: transform 0.25s
}

.chat--left {
    left: 2rem;
    right: initial
}

.chat__toggle {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    background: var(--theme-primary-color);
    overflow: hidden
}

.chat__toggle svg.icon-chat,
.chat__toggle svg.icon-chat-close {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.25s, opacity 0.25s
}

.chat__toggle svg.icon-chat-close {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0)
}

.chat__toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}

.chat__toggle:hover:after {
    opacity: 1
}

.chat__toggle:active {
    transition: none;
    transform: scale(0.95)
}

.chat__offcanvas {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0 0 2rem;
    width: 49.6rem;
    max-width: calc(100vw - 4rem);
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
    opacity: 0;
    visibility: hidden
}

.chat--left .chat__offcanvas {
    left: 0;
    right: initial
}

.chat__menu {
    margin: 0 -1.5px -0.3rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.chat--right .chat__menu {
    justify-content: flex-end
}

.chat__menu > li {
    padding: 0 1.5px 0.3rem;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
}

.chat__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 5px;
    height: 16rem;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400;
    color: #343434;
    text-decoration: none;
    transition: color 0.25s, box-shadow 0.25s
}

.chat__link:hover {
    z-index: 2;
    color: #343434;
    text-decoration: none;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25)
}

.chat__link-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 1.5rem
}

.chat__link-icon svg {
    display: block
}

.chat__link-text {
    display: block
}

@media (max-width:1199px) {
    .chat {
        right: 1.5rem;
        bottom: 1.5rem
    }

    .chat__link {
        height: 13rem
    }

    .chat__offcanvas {
        margin: 0 0 1.5rem
    }

    .chat--left {
        right: unset
    }
}

.personal {
    margin: 0 0 8rem
}

@media (min-width:1200px) {
    .personal {
        margin: 0 0 16rem
    }
}

@media (min-width:1200px) {
    .personal__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1200px) {

    .personal__sidebar,
    .col-xl-3.personal__sidebar {
        margin: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: unset
    }
}

@media (min-width:1200px) {
    .personal__content {
        -ms-flex: 1;
        flex: 1;
        max-width: calc(100% - 34rem - 2rem)
    }
}

.personal__nav {
    margin: 0 -2.5rem 2rem
}

@media (min-width:1200px) {
    .personal__nav {
        margin: 0 0 2rem;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 3rem
    }
}

.personal__nav-menu {
    margin: 0;
    padding: 0 2.5rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.personal__nav-menu::-webkit-scrollbar {
    display: none
}

.personal__nav-menu:after {
    content: "";
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.personal__nav-menu > li {
    margin: 0 1rem 0 0
}

.personal__nav-menu > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .personal__nav-menu {
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: visible;
        padding: 0
    }

    .personal__nav-menu > li {
        margin: 0 0 0.5rem
    }
}

.personal__nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    background: #fff;
    border-radius: 5px;
    color: #343434;
    transition: color 0.25s, background 0.25s;
    height: 4.5rem;
    padding: 0 1.5rem
}

.personal__nav-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.personal__nav-link.is-active {
    background: var(--theme-primary-color);
    color: #fff
}

@media (min-width:1200px) {
    .personal__nav-link {
        background: #F7F7FB
    }
}

.personal__nav-title {
    display: none
}

@media (min-width:1200px) {
    .personal__nav-title {
        display: block;
        font-size: 2rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 2.5rem
    }
}

@media (min-width:1200px) {
       .personal__overview {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        flex-wrap: nowrap;
    }
}

@media (min-width:1200px) {
    .personal__overview-sidebar {
        margin: 0 0 0 2rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 34rem
    }
}

@media (min-width:1200px) {
    .personal__overview-content {
        -ms-flex: 1;
        flex: 1;
        max-width: calc(100% - 34rem - 2rem)
    }
}

.personal__title {
    display: none
}

@media (min-width:1200px) {
    .personal__title {
        display: block;
        font-size: 2.5rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 2.5rem
    }
}

.personal__action {
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 0 2rem
}

.personal__action-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.personal__action-menu > li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-bottom: 1px solid #EFF1F7;
    border-right: 1px solid #EFF1F7
}

.personal__action-menu > li:nth-of-type(2n) {
    border-right: none
}

.personal__action-menu > li:nth-last-of-type(1) {
    border-bottom: none
}

.personal__action-menu > li:nth-last-of-type(2) {
    border-bottom: none
}

.personal__action-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 15rem;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s
}

.personal__action-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.personal__action-link-icon {
    display: block;
    margin: 0 0 0.5rem;
    position: relative
}

.personal__action-link-dot {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 100%;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #FB2525
}

.personal__action-link-text {
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400
}

.personal__subsc {
    margin: 0 0 2rem;
    position: relative;
    background: #13D154;
    color: #fff;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 6rem 3rem 3rem;
    min-height: 30rem;
    transition: color 0.25s, background 0.25s;
    text-decoration: none
}

.personal__subsc:hover {
    text-decoration: none;
    color: #fff
}

.personal__subsc:hover:after {
    opacity: 1
}

.personal__subsc:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}

.personal__subsc-icon {
    display: block;
    margin: 0 0 1.5rem
}

.personal__subsc-title {
    display: block;
    margin: 0 0 6rem;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500
}

.personal__subsc-text {
    display: block;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500;
    max-width: 20rem
}

.personal__card {
    background: #FFFFFF;
    overflow: hidden;
    margin: 0 -2.5rem 2rem;
    padding: 3rem 2.5rem 2rem
}

@media (min-width:1200px) {
    .personal__card {
        border-radius: 10px;
        margin: 0 0 2rem;
        padding: 3rem 3rem 2rem
    }
}

.personal__card-head {
    margin: 0 0 1.5rem
}

.personal__card-head .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.5rem -1rem
}

.personal__card-head .row > [class^=col] {
    padding: 0 0.5rem 1rem
}

.personal__card-body {
    margin: 0 0 2rem
}

.personal__card-body:last-child {
    margin: 0
}

.personal__card-foot {
    border-top: 1px solid #E7ECF2;
    padding: 2rem 0 0
}

.personal__card-foot .ui-btn,
.personal__card-foot .ui-code__btn,
.personal__card-foot .categories-aside__close,
.personal__card-foot .reviews__form-btn,
.personal__card-foot .reviews__form-close,
.personal__card-foot .reviews__item-details-close,
.personal__card-foot .details__comments-form-btn,
.personal__card-foot .details__comments-form-close,
.personal__card-foot .brands__search-btn,
.personal__card-foot .comments__form-btn,
.personal__card-foot .comments__form-close {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.personal__card-title {
    display: block;
    margin: 0;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500
}

.personal__card-date {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    display: block;
    margin: 0
}

.personal__card-all {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400
}

.personal__card-total {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.personal__order {
       background: #faf6f6;
    border-radius: 10px;
    margin: 0 0 1rem
}

.personal__order-head {
    padding: 1.5rem 2rem;
    margin: 0 0 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6rem;
    border-bottom: 1px solid #F7F7FB
}

.personal__order-head .row {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    margin: 0 -0.5rem -0.5rem
}

.personal__order-head .row > [class^=col] {
    padding: 0 0.5rem 0.5rem
}

@media (min-width:1200px) {
    .personal__order-head {
        padding: 1.5rem 3rem;
        margin: 0 0 4rem;
                margin: 0 0 1rem;
    }
}

.personal__order-title {
    display: block;
    margin: 0;
       font-size: 18px;
    line-height: 1.2;
    font-weight: 500
}

.personal__order-total {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

.personal__order-data {
    margin: 0 -1.5rem -2rem;
    padding: 0 2rem 3rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.personal__order-data > li {
    padding: 0 1.5rem 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .personal__order-data > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .personal__order-data {
        margin: 0 -1.5rem -4.5rem;
        padding: 0 3rem 3rem
    }

    .personal__order-data > li {
        padding: 0 1.5rem 4.5rem
    }
}

.personal__order-data-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.62;
    font-weight: 400
}

.personal__order-data-table th,
.personal__order-data-table td {
    padding: 0 0.5rem
}

.personal__order-data-table th:first-child,
.personal__order-data-table td:first-child {
    padding-left: 0
}

.personal__order-data-table th:last-child,
.personal__order-data-table td:last-child {
    padding-right: 0
}

.personal__order-data-table th {
    padding-bottom: 10px;
    font-weight: 500
}

@media (max-width:767px) {
    .personal__order-data-table {
        display: block
    }

    .personal__order-data-table thead,
    .personal__order-data-table tbody,
    .personal__order-data-table tr,
    .personal__order-data-table th,
    .personal__order-data-table td {
        display: block;
        padding: 0
    }

    .personal__order-data-table tr {
        margin: 0 0 0.5rem
    }

    .personal__order-data-table tr:last-child {
        margin: 0
    }
}

@media (min-width:768px) {
    .personal__order-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 0;
        overflow: hidden;
        text-align: left;
        font: 400 1.5rem/1.25 "Roboto", Arial, Helvetica, sans-serif
    }

    .personal__order-table th,
    .personal__order-table td {
        padding: 1.5rem
    }

    .personal__order-table th:first-child,
    .personal__order-table td:first-child {
        padding-left: 30px
    }

    .personal__order-table th:last-child,
    .personal__order-table td:last-child {
        padding-right: 50px
    }

    .personal__order-table th {
           background: #faf6f6;
        font-size: 1.4rem;
        font-weight: 500;
        border: #ebebeb 1px solid;
    }

    .personal__order-table td {
        border-bottom: 1px solid #E7EAF3
    }

    .personal__order-table tfoot td {
        padding-top: 20px;
        padding-bottom: 20px;
        border: none
    }
}

@media (max-width:767px) {
    .personal__order-table {
        display: block;
        font: 400 1.5rem/1.25 "Roboto", Arial, Helvetica, sans-serif
    }

    .personal__order-table thead,
    .personal__order-table tbody,
    .personal__order-table tfoot,
    .personal__order-table tr,
    .personal__order-table th,
    .personal__order-table td {
        display: block;
        padding: 0;
        border: none
    }

    .personal__order-table thead {
        background: #F7F8FC;
        padding: 1.5rem 2rem
    }

    .personal__order-table thead th {
        font-size: 1.4rem;
        font-weight: 500
    }

    .personal__order-table thead th:not(:first-of-type) {
        display: none
    }

    .personal__order-table tbody {
        position: relative
    }

    .personal__order-table tbody tr {
        border-bottom: 1px solid #E8EAF3;
        padding: 1.5rem 2rem
    }

    .personal__order-table tbody tr:first-of-type td:nth-of-type(2),
    .personal__order-table tbody tr:first-of-type td:nth-of-type(3) {
        display: none
    }

    .personal__order-table tbody tr:first-of-type td:nth-of-type(4) {
        position: absolute;
        left: 2rem;
        bottom: 2.5rem;
        right: 2rem
    }

    .personal__order-table tbody tr:last-of-type {
        padding-bottom: 100px
    }

    .personal__order-table tbody tr:last-of-type td:not(:first-of-type) {
        display: none
    }

    .personal__order-table tfoot td {
        padding: 2rem
    }

    .personal__order-table tfoot td:not(:first-of-type) {
        display: none
    }
}

.personal__order-table-item {
    overflow: hidden
}

.personal__order-table-item-image {
    width: 6rem;
    height: 6rem;
    float: left;
    margin: 0 2.5rem 0 0;
    text-align: center;
    line-height: 6rem
}

.personal__order-table-item-image img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.personal__order-table-item-desc {
    overflow: hidden;
    max-width: 28rem;
    padding: 0.5rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.personal__order-table-item-title {
    display: block;
    margin: 0 0 0.5rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.personal__order-table-item-price {
    display: block;
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.personal__order-table-item-counter {
    display: block;
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) {
    .personal__order-table-item-counter {
        display: none
    }
}

.personal__order-table-counter {
    display: block;
    margin: 0
}

.personal__order-table-price {
    display: block;
    margin: 0
}

.personal__order-table-action .ui-btn,
.personal__order-table-action .ui-code__btn,
.personal__order-table-action .categories-aside__close,
.personal__order-table-action .reviews__form-btn,
.personal__order-table-action .reviews__form-close,
.personal__order-table-action .reviews__item-details-close,
.personal__order-table-action .details__comments-form-btn,
.personal__order-table-action .details__comments-form-close,
.personal__order-table-action .brands__search-btn,
.personal__order-table-action .comments__form-btn,
.personal__order-table-action .comments__form-close {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:768px) {
    .personal__order-table-action {
        text-align: right
    }

    .personal__order-table-action .ui-btn,
    .personal__order-table-action .ui-code__btn,
    .personal__order-table-action .categories-aside__close,
    .personal__order-table-action .reviews__form-btn,
    .personal__order-table-action .reviews__form-close,
    .personal__order-table-action .reviews__item-details-close,
    .personal__order-table-action .details__comments-form-btn,
    .personal__order-table-action .details__comments-form-close,
    .personal__order-table-action .brands__search-btn,
    .personal__order-table-action .comments__form-btn,
    .personal__order-table-action .comments__form-close {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.personal__order-table-info {
    margin: -0.6rem -1.2rem;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.personal__order-table-info > li {
    position: relative;
    padding: 0.6rem 1.2rem;
    white-space: nowrap
}

.personal__order-table-info > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #C4C4C4;
    margin: -0.2rem 0 0 0
}

.personal__order-table-info > li:last-child:after {
    display: none
}

@media (max-width:767px) {
    .personal__order-table-info > li:nth-last-of-type(2):after {
        display: none
    }

    .personal__order-table-info > li:last-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.personal__order-table-id {
    background: none;
    padding: 0;
    color: #BDC2D3
}

.personal__order-table-return {
    margin: 0;
    text-align: right
}

.personal__order-table-total {
    display: block;
    margin: 0;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 500
}

.personal__order-table-total small {
    display: block;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 0.5rem
}

.personal__order-table-repeat {
    margin: 0;
    text-align: right;
    white-space: nowrap
}

.personal__history {
    background: #fff;
    border-radius: 5px;
    padding: 2rem;
    margin: 0 0 1rem
}

@media (min-width:1200px) {
    .personal__history {
        padding: 3rem
    }
}

.personal__history-title {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 2rem
}

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

.personal__history-list > li {
    margin: 0 0 0.5rem
}

.personal__history-list > li:last-child {
    margin: 0
}

.personal__history-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid #EBEEF5;
    border-radius: 5px;
    padding: 1rem 2rem;
    min-height: 6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1200px) {
    .personal__history-item {
        min-height: 7rem;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.personal__history-item-date {
    display: block;
    margin: 0 2rem 0 0
}

@media (min-width:1200px) {
    .personal__history-item-comment {
        display: block;
        margin: 0 2rem 0 0;
        -ms-flex: 1;
        flex: 1
    }
}

.personal__history-item-comment {
    display: block;
    margin: 0 2rem 0 0;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:767px) {

    .personal__history-item-date,
    .personal__history-item-comment {
        margin: 0;
        width: 100%
    }

    .personal__history-item-status {
        margin-top: 1rem;
        width: 100%
    }
}

.products-categories {
    margin: 0 -2.5rem 3rem
}

@media (min-width:1200px) {
    .products-categories {
        margin: 0 0 4rem
    }
}

.products-categories__grid {
    margin: 0;
    padding: 1rem 2.5rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden
}

@media (hover:none) {
    .products-categories__grid::-webkit-scrollbar {
        display: none
    }
}

.products-categories__grid:after {
    content: "";
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:1199px) {
    .products-categories__grid > li {
        margin: 0 1rem 0 0;
        -ms-flex: 0 0 248px !important;
        flex: 0 0 24.8rem !important;
        max-width: 24.8rem !important
    }
}

.products-categories__grid > li:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .products-categories__grid {
        overflow: visible;
        margin: 0 -1rem -2rem;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .products-categories__grid > li {
        padding: 0 1rem 2rem;
        margin: 0
    }

    .products-categories__grid-3 > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .products-categories__grid-4 > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .products-categories__grid-5 > li {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.products-categories__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    min-height: 100%;
    padding: 2rem;
    text-decoration: none;
    color: #343434;
    transition: box-shadow 0.25s;
    text-align: center
}

.products-categories__item:hover {
    text-decoration: none;
    color: #343434;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25)
}

.products-categories__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1rem;
    height: 13rem
}

.products-categories__item-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.products-categories__item-title {
    display: block;
    margin: auto 0 0 0;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px
}

#content {
    position: relative;
    padding: 0 2.5rem
}

#content:after {
    content: '';
    background: #fff;
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 0;
    right: 10px;
    bottom: 0;
    border-radius: 10px
}

@media (max-width:1199px) {
    #content {
        margin-bottom: 2rem
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 147rem;
        padding: 0 2.5rem
    }
}

#content > h1 {
    margin: 2rem 0
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-hd,
.col-hd-auto,
.col-hd-12,
.col-hd-11,
.col-hd-10,
.col-hd-9,
.col-hd-8,
.col-hd-7,
.col-hd-6,
.col-hd-5,
.col-hd-4,
.col-hd-3,
.col-hd-2,
.col-hd-1,
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

.push-1 {
    left: 8.3333333333%
}

.push-2 {
    left: 16.6666666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.3333333333%
}

.push-5 {
    left: 41.6666666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.3333333333%
}

.push-8 {
    left: 66.6666666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.3333333333%
}

.push-11 {
    left: 91.6666666667%
}

.pull-1 {
    right: 8.3333333333%
}

.pull-2 {
    right: 16.6666666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.3333333333%
}

.pull-5 {
    right: 41.6666666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.3333333333%
}

.pull-8 {
    right: 66.6666666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.3333333333%
}

.pull-11 {
    right: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0%
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.3333333333%
    }

    .push-sm-2 {
        left: 16.6666666667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.3333333333%
    }

    .push-sm-5 {
        left: 41.6666666667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.3333333333%
    }

    .push-sm-8 {
        left: 66.6666666667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.3333333333%
    }

    .push-sm-11 {
        left: 91.6666666667%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.3333333333%
    }

    .pull-sm-2 {
        right: 16.6666666667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.3333333333%
    }

    .pull-sm-5 {
        right: 41.6666666667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.3333333333%
    }

    .pull-sm-8 {
        right: 66.6666666667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.3333333333%
    }

    .pull-sm-11 {
        right: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0%
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.3333333333%
    }

    .push-md-2 {
        left: 16.6666666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.3333333333%
    }

    .push-md-5 {
        left: 41.6666666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.3333333333%
    }

    .push-md-8 {
        left: 66.6666666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.3333333333%
    }

    .push-md-11 {
        left: 91.6666666667%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.3333333333%
    }

    .pull-md-2 {
        right: 16.6666666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.3333333333%
    }

    .pull-md-5 {
        right: 41.6666666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.3333333333%
    }

    .pull-md-8 {
        right: 66.6666666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.3333333333%
    }

    .pull-md-11 {
        right: 91.6666666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0%
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.3333333333%
    }

    .push-lg-2 {
        left: 16.6666666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.3333333333%
    }

    .push-lg-5 {
        left: 41.6666666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.3333333333%
    }

    .push-lg-8 {
        left: 66.6666666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.3333333333%
    }

    .push-lg-11 {
        left: 91.6666666667%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.3333333333%
    }

    .pull-lg-2 {
        right: 16.6666666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.3333333333%
    }

    .pull-lg-5 {
        right: 41.6666666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.3333333333%
    }

    .pull-lg-8 {
        right: 66.6666666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.3333333333%
    }

    .pull-lg-11 {
        right: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0%
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.3333333333%
    }

    .push-xl-2 {
        left: 16.6666666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.3333333333%
    }

    .push-xl-5 {
        left: 41.6666666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.3333333333%
    }

    .push-xl-8 {
        left: 66.6666666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.3333333333%
    }

    .push-xl-11 {
        left: 91.6666666667%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.3333333333%
    }

    .pull-xl-2 {
        right: 16.6666666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.3333333333%
    }

    .pull-xl-5 {
        right: 41.6666666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.3333333333%
    }

    .pull-xl-8 {
        right: 66.6666666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.3333333333%
    }

    .pull-xl-11 {
        right: 91.6666666667%
    }
}

@media (min-width:1600px) {
    .col-hd {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-hd-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-hd-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-hd-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-hd-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-hd-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-hd-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-hd-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-hd-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-hd-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-hd-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-hd-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-hd-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-hd-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-hd-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-hd-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-hd-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-hd-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-hd-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-hd-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-hd-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-hd-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-hd-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-hd-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-hd-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-hd-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-hd-0 {
        margin-left: 0%
    }

    .offset-hd-1 {
        margin-left: 8.3333333333%
    }

    .offset-hd-2 {
        margin-left: 16.6666666667%
    }

    .offset-hd-3 {
        margin-left: 25%
    }

    .offset-hd-4 {
        margin-left: 33.3333333333%
    }

    .offset-hd-5 {
        margin-left: 41.6666666667%
    }

    .offset-hd-6 {
        margin-left: 50%
    }

    .offset-hd-7 {
        margin-left: 58.3333333333%
    }

    .offset-hd-8 {
        margin-left: 66.6666666667%
    }

    .offset-hd-9 {
        margin-left: 75%
    }

    .offset-hd-10 {
        margin-left: 83.3333333333%
    }

    .offset-hd-11 {
        margin-left: 91.6666666667%
    }

    .push-hd-0 {
        left: auto
    }

    .push-hd-1 {
        left: 8.3333333333%
    }

    .push-hd-2 {
        left: 16.6666666667%
    }

    .push-hd-3 {
        left: 25%
    }

    .push-hd-4 {
        left: 33.3333333333%
    }

    .push-hd-5 {
        left: 41.6666666667%
    }

    .push-hd-6 {
        left: 50%
    }

    .push-hd-7 {
        left: 58.3333333333%
    }

    .push-hd-8 {
        left: 66.6666666667%
    }

    .push-hd-9 {
        left: 75%
    }

    .push-hd-10 {
        left: 83.3333333333%
    }

    .push-hd-11 {
        left: 91.6666666667%
    }

    .pull-hd-0 {
        right: auto
    }

    .pull-hd-1 {
        right: 8.3333333333%
    }

    .pull-hd-2 {
        right: 16.6666666667%
    }

    .pull-hd-3 {
        right: 25%
    }

    .pull-hd-4 {
        right: 33.3333333333%
    }

    .pull-hd-5 {
        right: 41.6666666667%
    }

    .pull-hd-6 {
        right: 50%
    }

    .pull-hd-7 {
        right: 58.3333333333%
    }

    .pull-hd-8 {
        right: 66.6666666667%
    }

    .pull-hd-9 {
        right: 75%
    }

    .pull-hd-10 {
        right: 83.3333333333%
    }

    .pull-hd-11 {
        right: 91.6666666667%
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

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

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

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

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

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

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

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

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

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

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

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

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

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

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

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

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

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1600px) {
    .flex-hd-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-hd-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-hd-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-hd-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-hd-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-hd-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-hd-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-hd-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-hd-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-hd-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

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

    .justify-content-hd-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-hd-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-hd-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-hd-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-hd-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-hd-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-hd-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-hd-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-hd-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-hd-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-hd-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-hd-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-hd-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-hd-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-hd-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

* {
    outline: none;
    box-sizing: border-box
}

*:before,
*:after {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05)
}

@media (min-width:1200px) and (max-width:1470px) {
    html {
        font-size: 0.6802721088vw
    }
}

body {
    font: 400 1.6rem/1.5 "Roboto", Arial, Helvetica, sans-serif;
    background: var(--body-bg);
    color: var(--body-color);
    overflow-x: hidden;
    overflow-y: auto
}

html:not(.is-loaded) * {
    transition: none !important
}

html:not(.is-loaded) *:before,
html:not(.is-loaded) *:after {
    transition: none !important
}

.app {
    position: relative;
    min-height: 100%;
    min-width: 32rem;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-fluid {
    max-width: 147rem;
    padding: 0 2.5rem
}

.container-fluid .container-fluid {
    max-width: unset;
    padding: 0
}

hr {
    margin: 4rem 0;
    border: none;
    border-top: 1px solid #E7ECF2
}

.zoomContainer {
    pointer-events: none
}

@media (max-width:1199px) {
    .zoomContainer {
        display: none
    }
}

.zoomWrapper {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

@media (max-width:1199px) {
    .is-page-lock {
        overflow: hidden
    }

    .is-nav-open .header__nav-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .is-call-open .header__call-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .is-currency-open .header__currency-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .header__currency-btn,
    .header__language-btn {
        position: relative;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #E8EAF3;
        border-radius: 5px;
        height: 6rem;
        padding: 1rem 3rem 1rem 1.5rem;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 500;
        color: #343434
    }

    .header__currency-btn mark,
    .header__language-btn mark {
        display: block;
        padding: 0;
        margin: 0 0 0.5rem;
        opacity: 0.4;
        background: transparent;
        color: inherit;
        font-size: 80%
    }

    .header__currency-btn svg.icon-arrow-down,
    .header__language-btn svg.icon-arrow-down {
        position: absolute;
        top: 50%;
        right: 1.5rem;
        width: 1.1rem;
        height: 0.7rem;
        margin: -0.4rem 0 0
    }

    .header__currency-btn:hover,
    .header__language-btn:hover {
        color: #343434
    }

    .header__currency-offcanvas,
    .header__language-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
        padding: 3rem;
        z-index: 1000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__currency-offcanvas-overlay,
    .header__language-offcanvas-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .header__currency-offcanvas-content,
    .header__language-offcanvas-content {
        position: relative;
        background: #fff;
        color: #343434;
        border-radius: 5px;
        overflow: hidden
    }

    .header__currency-menu,
    .header__language-menu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__currency-menu > li,
    .header__language-menu > li {
        border-bottom: 1px solid #E4E7F1
    }

    .header__currency-link,
    .header__language-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 5rem;
        padding: 1rem 2rem;
        color: #343434;
        text-decoration: none;
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__currency-link small,
    .header__language-link small {
        display: block;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__currency-link:hover,
    .header__language-link:hover {
        text-decoration: none;
        color: #343434
    }

    .header__currency-close,
    .header__language-close {
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 500
    }

    .is-language-open .header__language-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .is-catalog-open .header__catalog-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .is-search-open .header__search-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .is-search-autocomplete .header__search-autocomplete {
        opacity: 1;
        visibility: visible;
        position: relative;
        transition: 0.5s
    }
}

@media (min-width:1200px) {
    .is-search-autocomplete .header__search-autocomplete {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width:1199px) {

    .is-header-v6 .header,
    .is-header-v7 .header,
    .is-header-v8 .header,
    .is-header-v6 .header__mobile-fixed,
    .is-header-v7 .header__mobile-fixed,
    .is-header-v8 .header__mobile-fixed {
        background: #fff;
        color: #343434;
        border-bottom: 1px solid #E4E7F1
    }

    .is-header-v6 .header__sticky.is-header-v7 .header__sticky,
    .is-header-v8 .header__sticky {
        background: #fff;
        color: #343434;
        border-top: 1px solid #E4E7F1
    }

    .header__desktop {
        display: none
    }

    .header {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: var(--theme-primary-color);
        color: #fff;
        min-height: 7.5rem
    }

    .header__mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 7.5rem
    }

    .header__mobile-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1100;
        background: var(--theme-primary-color);
        color: #fff;
        padding: 0 2.5rem
    }

    .header__logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
        text-decoration: none;
        margin: 0 4.5rem;
        font-weight: 500;
        font-size: 2.2rem;
        height: 100%;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header__logo img,
    .header__logo svg {
        display: block;
        max-height: calc(100% - 2rem);
        max-width: 20rem;
        width: 100%;
        height: auto
    }

    .header__logo:hover {
        color: inherit;
        text-decoration: none
    }

    .header__call-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 7.5rem;
        height: 100%;
        color: inherit
    }

    .header__call-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2100;
        background: rgba(0, 0, 0, 0.8);
        padding: 3rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__call-offcanvas-in {
        background: #fff;
        color: #343434;
        border-radius: 5px;
        overflow: hidden
    }

    .header__call-menu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__call-menu > li {
        border-bottom: 1px solid #E4E7F1
    }

    .header__call-menu > li:last-child {
        border: none
    }

    .header__call-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 5rem;
        padding: 1rem 2rem;
        color: #343434;
        text-decoration: none;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 500;
        width: 100%
    }

    .header__call-link small {
        font-size: 1.4rem
    }

    .header__call-link:hover {
        text-decoration: none;
        color: #343434
    }

    .header__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex: 1;
        flex: 1
    }

    .header__group > * {
        margin: 0 0 0 2.4rem
    }

    .header__search-btn,
    .header__acc-btn,
    .header__cart-btn {
        position: relative;
        width: 2.4rem;
        height: 2.4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        color: inherit;
        text-decoration: none
    }

    .header__search-btn:hover,
    .header__acc-btn:hover,
    .header__cart-btn:hover {
        color: inherit;
        text-decoration: none
    }

    .header__cart-counter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        margin: -1rem -1rem 0 0
    }

    .header__cart-counter mark {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        font-size: 1.3rem;
        text-align: center;
        color: #fff;
        background: #F45656;
        line-height: 1.6rem;
        font-weight: 700;
        display: block
    }

    .header__cart-counter mark.cart-empty {
        display: none
    }

    .header__nav-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 7.5rem;
        height: 100%;
        color: inherit
    }

    .header__nav-btn svg {
        display: block;
        position: relative;
        top: 1px
    }

    .header__nav-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        color: #343434;
        z-index: 2100;
        overflow-x: hidden;
        overflow-y: auto;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__nav-head {
        padding: 2rem 3rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .header__nav-close {
        margin: 0 1.5rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__nav-title {
        display: block;
        font-size: 2.5rem;
        line-height: 1;
        font-weight: 500
    }

    .header__nav-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .header__nav-group > * {
        margin: 0 0.5rem 0 0
    }

    .header__nav-group > *:last-child {
        margin: 0
    }

    .header__nav-group--acc_action_cart {
        padding: 0 3rem 2rem;
        border-bottom: 1px solid #E8EAF3
    }

    .header__nav-group--currency_language {
        padding: 1.5rem 3rem;
        border-top: 1px solid #E4E7F1
    }

    .header__nav-group--currency_language > * {
        margin: 0 1.5rem 0 0;
        -ms-flex: 1;
        flex: 1
    }

    .header__nav-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__nav-menu > li {
        border-bottom: 1px solid #E8EAF3
    }

    .header__nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 5rem 1rem 3rem;
        min-height: 6rem;
        text-decoration: none;
        position: relative;
        color: #343434
    }

    .header__nav-link svg.icon-catalog {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 1rem 0 0;
        width: 1.4rem;
        height: 1.4rem
    }

    .header__nav-link svg.icon-arrow-right {
        position: absolute;
        top: 50%;
        right: 3rem;
        transform: translate(0, -50%)
    }

    .header__nav-link--catalog {
        font-size: 1.6rem;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        font-weight: 700
    }

    .header__nav-link:hover {
        text-decoration: none;
        color: #343434
    }

    .header__nav-acc-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 5rem;
        height: 5rem;
        border: 1px solid #E8EAF3;
        border-radius: 5px;
        color: #343434;
        text-decoration: none;
        transition: border-color 0.25s
    }

    .header__nav-acc-btn:hover {
        text-decoration: none;
        color: #343434;
        border-color: #E8EAF3
    }

    .header__nav-action {
        border: 1px solid #E8EAF3;
        border-radius: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        transition: border-color 0.25s;
        height: 5rem
    }

    .header__nav-action:hover {
        border-color: #E8EAF3
    }

    .header__nav-action-btn {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 5.4rem;
        height: 5rem;
        padding: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-decoration: none;
        color: #343434
    }

    .header__nav-action-btn:hover {
        color: #343434;
        text-decoration: none
    }

    .header__nav-action-counter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        background: none;
        color: inherit;
        opacity: 0.4;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 500;
        position: absolute;
        top: 0.8rem;
        right: 0.8rem
    }

    .header__nav-action-line {
        display: block;
        width: 0.2rem;
        height: 3.4rem;
        background: #E8EAF3
    }

    .header__nav-cart-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0.5rem 2rem 0.5rem 1.5rem;
        width: auto;
        height: 5rem;
        border: 1px solid #E8EAF3;
        border-radius: 5px;
        color: #343434;
        text-decoration: none;
        white-space: nowrap;
        transition: border-color 0.25s
    }

    .header__nav-cart-btn svg {
        margin: 0 1rem 0 0;
        display: block
    }

    .header__nav-cart-btn:hover {
        border-color: #E8EAF3;
        color: #343434;
        text-decoration: none
    }

    .header__nav-cart-total {
        display: block;
        -ms-flex: 1;
        flex: 1;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__nav-cart-total mark {
        display: block;
        padding: 0;
        background: none;
        color: inherit;
        font-size: 1.35rem;
        opacity: 0.4;
        margin: 0 0 0.2rem
    }

    .header__nav-support {
        padding: 2rem 3rem 3rem
    }

    .header__nav-support-title {
        display: block;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        margin: 0 0 1rem
    }

    .header__nav-support-phones {
        margin: 0 0 1.5rem;
        padding: 0;
        list-style: none;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__nav-support-phones > li {
        margin: 0 0 0.5rem
    }

    .header__nav-support-phones > li:last-child {
        margin: 0
    }

    .header__nav-support-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 1px solid #E8EAF3;
        border-radius: 5px;
        padding: 1rem 2rem;
        color: #343434;
        text-decoration: none;
        height: 5rem
    }

    .header__nav-support-link:hover {
        text-decoration: none;
        color: #343434
    }

    .header__nav-support-worktime {
        margin: 0;
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 500;
        color: #BDC2D3;
        display: block
    }

    .header__nav-social {
        padding: 0 3rem 3rem
    }

    .header__nav-social-title {
        display: block;
        margin: 0 0 1rem;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__nav-social-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .header__nav-social-menu > li {
        margin: 0 1rem 0 0
    }

    .header__nav-social-link .icon-social-vk {
        border: 1px solid #07f;
        border-radius: 1.5rem
    }

    .header__catalog-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        color: #343434;
        z-index: 1200;
        overflow-x: hidden;
        overflow-y: auto;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__catalog-head {
        padding: 2rem 3rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 7.5rem;
        border-bottom: 1px solid #E8EAF3
    }

    .header__catalog-close {
        margin: 0 1.5rem 0 0
    }

    .header__catalog-title {
        display: block;
        font-size: 2.5rem;
        line-height: 1;
        font-weight: 500
    }

    .header__catalog-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__catalog-menu > li {
        border-bottom: 1px solid #E8EAF3
    }

    .header__catalog-menu > li.is-open > .header__catalog-dropdown {
        opacity: 1;
        visibility: visible
    }

    .header__catalog-menu .loader {
        padding-top: 2rem
    }

    .header__catalog-link {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 3rem;
        text-decoration: none;
        color: #343434;
        transition: color 0.25s;
        min-height: 6rem
    }

    .header__catalog-link:hover {
        text-decoration: none;
        color: #343434
    }

    .header__catalog-link--more {
        font-weight: 500
    }

    .header__catalog-link-icon {
        width: 1.6rem;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 1.5rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__catalog-link-icon svg {
        max-height: 100%
    }

    .header__catalog-link-text {
        display: block;
        -ms-flex: 1;
        flex: 1
    }

    .header__catalog-link-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 2rem;
        height: 2rem;
        margin: -1rem 0 0 0
    }

    .header__catalog-link-arrow svg {
        position: absolute;
        top: 50%;
        right: 3rem;
        transform: translate(0, -50%)
    }

    .header__catalog-dropdown {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__catalog-back {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #E8EAF3;
        min-height: 7.5rem;
        padding: 2rem 3rem;
        width: 100%;
        font-size: 2.5rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__catalog-back svg.icon-arrow-left {
        margin: 0 1.5rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__search-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3000;
        background: #F7F7FB;
        color: #000;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden;
        overflow-x: hidden;
        overflow-y: auto
    }

    .header__search-head {
        padding: 1.5rem 3rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .header__search-close {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 0 1.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header__search-close svg.icon-search {
        width: 1.5rem;
        height: 1.5rem
    }

    .header__search-title {
        display: block;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__search-control {
        margin: 0 1.5rem 1rem;
        position: relative
    }

    .header__search-input {
        display: block;
        width: 100%;
        border: none;
        background: #ECEEF5;
        border-radius: 5px;
        color: #343434;
        font-size: 1.7rem;
        line-height: 2.5rem;
        font-weight: 400;
        padding: 1rem 4rem 1rem 2rem
    }

    .header__search-append {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 5rem;
        color: #C6C8CC
    }

    .header__search-append svg.icon-search {
        width: 2rem;
        height: 2rem
    }

    .header__search-autocomplete {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        border-top: 1px solid #E4E7F1
    }

    .header__search-category {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 1.5rem;
        min-height: 6rem;
        color: #343434;
        text-decoration: none;
        transition: color 0.25s
    }

    .header__search-category:hover {
        color: var(--theme-primary-color);
        text-decoration: none
    }

    .header__search-category-icon {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 1rem 0 0;
        color: #C6C8CC
    }

    .header__search-category-title {
        display: block;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 0 1rem 0 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .header__search-category-mark {
        display: block;
        font-size: 1.3rem;
        line-height: 2.4rem;
        font-weight: 400;
        padding: 0 0.8rem;
        color: #343434;
        background: #E5E8F3;
        border-radius: 4px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__search-more {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        padding: 1rem 0;
        min-height: 4.4rem
    }

    .header__search-menu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__search-menu > li {
        border-bottom: 1px solid #E4E7F1
    }

    .header__search-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        text-decoration: none;
        color: #343434;
        padding: 2rem 1.5rem
    }

    .header__search-item:hover {
        text-decoration: none;
        color: #343434
    }

    .header__search-item-image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 1.6rem 0 0;
        width: 3.8rem;
        height: 3.8rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background: #fff;
        padding: 0.4rem;
        border-radius: 4px
    }

    .header__search-item-image img {
        display: block;
        max-height: 100%;
        max-width: 100%
    }

    .header__search-item-desc {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__search-item-title {
        display: block;
        font-size: 1.5rem;
        line-height: 1.4;
        font-weight: 400;
        margin: 0 0 0.5rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .header__search-item-price {
        display: block;
        font-size: 1.6rem;
        line-height: 1.2;
        font-weight: 400;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #343434;
        -ms-flex: 1;
        flex: 1;
        margin: 0 1rem 0 0
    }

    .header__search-item-price mark {
        display: block;
        font-size: 1.3rem;
        line-height: 2.2rem;
        font-weight: 500;
        padding: 0 0.7rem;
        background: #F53C3C;
        border-radius: 4px;
        color: #fff;
        margin: 0
    }

    .header__search-item-price ins {
        text-decoration: none;
        margin: 0 1rem 0 0
    }

    .header__search-item-price del {
        display: block;
        margin: 0 2rem 0 0;
        padding: 0 0.2rem;
        position: relative;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__search-item-price del:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 0.2rem;
        background: #F45656;
        margin: -1px 0 0
    }

    .header__search-item-id {
        display: block;
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        color: #BDC2D3
    }
}

@media (min-width:1200px) {
    .header__mobile {
        display: none
    }

    .is-cart-open body {
        overflow: hidden
    }

    .is-cart-open .header__cart-overlay {
        opacity: 1;
        visibility: visible
    }

    .is-cart-open .header__cart-offcanvas {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible
    }

    .is-header-v1 .header__group--info_call,
    .is-header-v3 .header__group--info_call,
    .is-header-v7 .header__group--info_call {
        margin: 0 auto 0 23rem;
        -ms-flex: 1;
        flex: 1;
        max-width: 80rem
    }

    .is-header-v1 .header__logo,
    .is-header-v3 .header__logo,
    .is-header-v7 .header__logo {
        -ms-flex: 0 0 210px;
        flex: 0 0 21rem;
        margin: 0 2rem 0 0
    }

    .is-header-v1 .header__search,
    .is-header-v3 .header__search,
    .is-header-v7 .header__search {
        max-width: 80rem;
        margin: 0 auto 1rem 0
    }

    .is-header-v1 .header__catalog,
    .is-header-v3 .header__catalog,
    .is-header-v7 .header__catalog {
        -ms-flex: 0 0 210px;
        flex: 0 0 21rem;
        margin: 0 2rem 0 0
    }

    .is-header-v1 .header__tags,
    .is-header-v3 .header__tags,
    .is-header-v7 .header__tags {
        -ms-flex: 1;
        flex: 1
    }

    .is-header-v1 .header__row--01 {
        min-height: 1rem
    }

    .is-header-v2 .header__row--01,
    .is-header-v4 .header__row--01,
    .is-header-v5 .header__row--01,
    .is-header-v6 .header__row--01 {
        background: var(--theme-secondary-color)
    }

    .is-header-v2 .header__row--01:before,
    .is-header-v4 .header__row--01:before,
    .is-header-v5 .header__row--01:before,
    .is-header-v6 .header__row--01:before {
        background: var(--theme-secondary-color)
    }

    .is-header-v2 .header__row--02,
    .is-header-v4 .header__row--02,
    .is-header-v5 .header__row--02,
    .is-header-v6 .header__row--02 {
        padding: 2rem 0
    }

    .is-header-v2 .header__group--info_call,
    .is-header-v4 .header__group--info_call,
    .is-header-v5 .header__group--info_call,
    .is-header-v6 .header__group--info_call {
        margin: 0 auto 0 0;
        max-width: initial
    }

    .is-header-v2 .header__info,
    .is-header-v4 .header__info,
    .is-header-v5 .header__info,
    .is-header-v6 .header__info {
        padding: 0 1.5rem 0 0
    }

    .is-header-v2 .header__logo,
    .is-header-v4 .header__logo,
    .is-header-v5 .header__logo,
    .is-header-v6 .header__logo {
        margin: 0 2rem 0 0;
        -ms-flex: 0 0 142px;
        flex: 0 0 14.2rem
    }

    .is-header-v2 .header__catalog,
    .is-header-v4 .header__catalog,
    .is-header-v5 .header__catalog,
    .is-header-v6 .header__catalog {
        margin: 0 1rem 0 0
    }

    .is-header-v2 .header__catalog-btn,
    .is-header-v5 .header__catalog-btn,
    .is-header-v6 .header__catalog-btn {
        height: 4.6rem
    }

    .is-header-v2 .header__search,
    .is-header-v5 .header__search,
    .is-header-v6 .header__search {
        margin: 0 auto 0 0;
        max-width: 60.4rem
    }

    .is-header-v2 .header__row--02,
    .is-header-v4 .header__row--02,
    .is-header-v5 .header__row--02,
    .is-header-v6 .header__row--02 {
        z-index: 1
    }

    .is-header-v2 .header {
        min-height: 12rem
    }

    .is-header-v4 .header {
        min-height: 11rem
    }

    .is-header-v4 .header__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 0
    }

    .is-header-v4 .header__row--01 {
        background: none;
        padding: 0
    }

    .is-header-v4 .header__row--02 {
        padding: 1.5rem 0 1.5rem
    }

    .is-header-v4 .header__nav {
        padding: 1rem 0
    }

    .is-header-v4 .header__logo {
        margin: 0 5rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v4 .header__catalog {
        margin: 0 3rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v4 .header__currency,
    .is-header-v4 .header__language {
        margin: 0 3rem 0 0
    }

    .is-header-v4 .header__search-compact,
    .is-header-v4 .header__acc,
    .is-header-v4 .header__action,
    .is-header-v4 .header__cart {
        margin: 0 0.5rem 0 0
    }

    .is-header-v4 .header__search-compact:last-child,
    .is-header-v4 .header__acc:last-child,
    .is-header-v4 .header__action:last-child,
    .is-header-v4 .header__cart:last-child {
        margin: 0
    }

    .is-header-v4 .priority-nav {
        padding: 0;
        min-width: initial
    }

    .is-header-v4 .header__nav-link svg.icon-arrow-down,
    .is-header-v4 .priority-nav__dropdown-toggle svg.icon-arrow-down {
        display: none
    }

    .is-header-v4 .header__search {
        max-width: initial
    }

    .is-header-v4 .header__search-input {
        background: #F7F7FB;
        color: #343434
    }

    .is-header-v4 .header__search-input:-ms-input-placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v4 .header__search-input::placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v4 .header__search-btn {
        background: var(--theme-secondary-color)
    }

    .is-header-v4 .header__search-btn:hover {
        background: var(--theme-primary-color);
        color: #fff
    }

    .is-header-v3 .header__row--01 {
        min-height: 1rem
    }

    .is-header-v5 .header {
        min-height: 15.6rem
    }

    .is-header-v5 .header__row--01 {
        background: var(--theme-secondary-color)
    }

    .is-header-v5 .header__row--01:before {
        background: var(--theme-secondary-color)
    }

    .is-header-v5 .header__row--02 {
        padding: 2rem 0 0
    }

    .is-header-v5 .header__nav {
        padding: 1rem 0
    }

    .is-header-v5 .header__nav-menu {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .is-header-v5 .header__nav-menu > li {
        margin: 0 2rem 0 0
    }

    .is-header-v6 .header {
        background: #fff;
        color: #343434;
        min-height: 13rem;
                border-bottom: 1px #f3f3f3 solid;
    }

    .is-header-v6 .header__row--01 {
        background: none;
        min-height: 1rem
    }

    .is-header-v6 .header__row--01:before {
        background: none
    }

    .is-header-v6 .header__row--02 {
        padding: 0
    }

/*     .is-header-v6 .header__group--info_call {
        margin: 0 auto 0 16.2rem
    } */

    .is-header-v6 .header__catalog-btn,
    .is-header-v6 .header__acc-btn,
    .is-header-v6 .header__action-btn,
    .is-header-v6 .header__cart-btn {
        border-color: rgba(52, 52, 52, 0.1);
        color: #343434
    }

    .is-header-v6 .header__catalog-btn:hover,
    .is-header-v6 .header__acc-btn:hover,
    .is-header-v6 .header__action-btn:hover,
    .is-header-v6 .header__cart-btn:hover {
        color: #343434;
        border-color: #343434
    }

    .is-header-v6 .header__catalog.is-open > .header__catalog-btn {
        border-color: #343434
    }

    .is-header-v6 .header__action {
        border-color: rgba(52, 52, 52, 0.1)
    }

    .is-header-v6 .header__action:hover {
        color: #343434;
        border-color: #343434
    }

    .is-header-v6 .header__action-line {
        background: rgba(52, 52, 52, 0.1)
    }

    .is-header-v6 .header__search-input {
        background: #F7F7FB;
        color: #343434
    }

    .is-header-v6 .header__search-input:-ms-input-placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v6 .header__search-input::placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v6 .header__search-btn {
        background: var(--theme-secondary-color)
    }

    .is-header-v6 .header__search-btn:hover {
        background: var(--theme-primary-color);
        color: #fff
    }

    .is-header-v6 .header__info-link:hover,
    .is-header-v6 .header__nav-link:hover {
        color: var(--theme-primary-color)
    }

    .is-header-fixed .is-header-v6 .header-fixed {
        background: #fff;
        color: #343434;
        padding: 1rem 2.5rem;
        max-width: 147rem;
        border-bottom: 1px solid var(--body-bg)
    }

    .is-header-v7 .header {
        background: #fff;
        color: #343434
    }

    .is-header-v7 .header__row--01 {
        background: none;
        min-height: 1rem
    }

    .is-header-v7 .header__row--02 {
        padding: 0
    }

    .is-header-v7 .header__catalog-btn,
    .is-header-v7 .header__acc-btn,
    .is-header-v7 .header__action-btn,
    .is-header-v7 .header__cart-btn,
    .is-header-v7 .header__tags-btn {
        border-color: rgba(52, 52, 52, 0.1);
        color: #343434
    }

    .is-header-v7 .header__catalog-btn:hover,
    .is-header-v7 .header__acc-btn:hover,
    .is-header-v7 .header__action-btn:hover,
    .is-header-v7 .header__cart-btn:hover,
    .is-header-v7 .header__tags-btn:hover {
        color: #343434;
        border-color: #343434
    }

    .is-header-v7 .header__catalog.is-open > .header__catalog-btn {
        border-color: #343434
    }

    .is-header-v7 .header__action {
        border-color: rgba(52, 52, 52, 0.1)
    }

    .is-header-v7 .header__action:hover {
        color: #343434;
        border-color: #343434
    }

    .is-header-v7 .header__action-line {
        background: rgba(52, 52, 52, 0.1)
    }

    .is-header-v7 .header__search-input {
        background: #F7F7FB;
        color: #343434
    }

    .is-header-v7 .header__search-input:-ms-input-placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v7 .header__search-input::placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v7 .header__search-btn {
        background: var(--theme-secondary-color)
    }

    .is-header-v7 .header__search-btn:hover {
        background: var(--theme-primary-color);
        color: #fff
    }

    .is-header-v7 .header__info-link:hover,
    .is-header-v7 .header__nav-link:hover {
        color: var(--theme-primary-color)
    }

    .is-header-fixed .is-header-v7 .header-fixed {
        background: #fff;
        color: #343434;
        padding: 1rem 2.5rem;
        max-width: 147rem;
        border-bottom: 1px solid var(--body-bg)
    }

    .is-header-v8 .header {
        background: #fff;
        color: #343434;
        min-height: 6.6rem
    }

    .is-header-v8 .header__row {
        min-height: 6.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 0
    }

    .is-header-v8 .header__logo {
        margin: 0 5rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v8 .header__catalog {
        margin: 0 3rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v8 .header__currency,
    .is-header-v8 .header__language {
        margin: 0 3rem 0 0
    }

    .is-header-v8 .header__search-compact,
    .is-header-v8 .header__acc,
    .is-header-v8 .header__action,
    .is-header-v8 .header__cart {
        margin: 0 0.5rem 0 0
    }

    .is-header-v8 .header__search-compact:last-child,
    .is-header-v8 .header__acc:last-child,
    .is-header-v8 .header__action:last-child,
    .is-header-v8 .header__cart:last-child {
        margin: 0
    }

    .is-header-v8 .header__catalog-btn,
    .is-header-v8 .header__acc-btn,
    .is-header-v8 .header__action-btn,
    .is-header-v8 .header__cart-btn,
    .is-header-v8 .header__search-compact-btn,
    .is-header-v8 .header__tags-btn {
        border-color: rgba(52, 52, 52, 0.1);
        color: #343434
    }

    .is-header-v8 .header__catalog-btn:hover,
    .is-header-v8 .header__acc-btn:hover,
    .is-header-v8 .header__action-btn:hover,
    .is-header-v8 .header__cart-btn:hover,
    .is-header-v8 .header__search-compact-btn:hover,
    .is-header-v8 .header__tags-btn:hover {
        color: #343434;
        border-color: #343434
    }

    .is-header-v8 .header__catalog.is-open > .header__catalog-btn {
        border-color: #343434
    }

    .is-header-v8 .header__action {
        border-color: rgba(52, 52, 52, 0.1)
    }

    .is-header-v8 .header__action:hover {
        color: #343434;
        border-color: #343434
    }

    .is-header-v8 .header__action-line {
        background: rgba(52, 52, 52, 0.1)
    }

    .is-header-v8 .header__search-input {
        background: #F7F7FB;
        color: #343434
    }

    .is-header-v8 .header__search-input:-ms-input-placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v8 .header__search-input::placeholder {
        color: #343434;
        opacity: 0.3
    }

    .is-header-v8 .header__search-btn {
        background: var(--theme-secondary-color)
    }

    .is-header-v8 .header__search-btn:hover {
        background: var(--theme-primary-color);
        color: #fff
    }

    .is-header-v8 .header__info-link:hover,
    .is-header-v8 .header__nav-link:hover {
        color: var(--theme-primary-color)
    }

    .is-header-v8 .priority-nav {
        padding: 0;
        min-width: initial
    }

    .is-header-v8 .header__nav-link svg.icon-arrow-down,
    .is-header-v8 .priority-nav__dropdown-toggle svg.icon-arrow-down {
        display: none
    }

    .is-header-fixed .is-header-v8 .header-fixed {
        background: #fff;
        color: #343434;
        padding: 1rem 2.5rem;
        height: 6.6rem;
        max-width: 147rem;
        border-bottom: 1px solid var(--body-bg)
    }

    .is-header-fixed .is-header-v8 .header-fixed .header__catalog {
        margin: 0 3rem 0 0
    }

    .is-header-fixed .is-header-v8 .header-fixed .header__catalog-btn {
        height: 3.5rem
    }

    .is-header-fixed .is-header-v8 .header-fixed .header__logo {
        margin: 0 5rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: var(--theme-primary-color);
        color: #fff;
        min-height: 13.5rem
    }

    .header__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative
    }

    .header__row:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 160vw;
        margin: 0 0 0 -80vw;
        background: inherit;
        z-index: -1
    }

    .header__logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 4.6rem;
        padding: 0 0.4rem;
        color: inherit;
        text-decoration: none;
        -ms-flex: 0 0 210px;
        flex: 0 0 21rem;
        margin: 0 2rem 0 0;
        font-weight: 500;
        font-size: 2.8rem
    }

    .header__logo img,
    .header__logo svg {
        display: block;
        max-height: 100%;
        max-width: 100%
    }

    .header__logo:hover {
        color: inherit;
        text-decoration: none
    }

    .header__catalog {
        position: relative;
        z-index: 100;
        -ms-flex: 0 0 210px;
        flex: 0 0 21rem;
        margin: 0 2rem 0 0
    }

    .header__catalog.is-open > .header__catalog-btn {
        background: #fff;
        border-color: #fff;
        color: #343434
    }

    .header__catalog.is-open > .header__catalog-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .header__catalog--fullwidth .header__catalog-offcanvas {
        width: auto;
        display: -ms-flexbox;
        display: flex
    }

    .header__catalog--fullwidth .header__catalog-aside {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 27.8rem
    }

    .header__catalog--fullwidth .header__catalog-main {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 0;
        position: relative;
        margin: -1rem 0
    }

    .header__catalog--fullwidth .header__catalog-link.is-active {
        color: var(--theme-primary-color)
    }

    .header__catalog--fullwidth .header__catalog-dropdown.is-active {
        opacity: 1;
        visibility: visible;
    }

    .header__catalog--fullwidth .header__catalog-dropdown--fullwidth {
        position: absolute;
        top: 0;
        left: 0;
        transform: none;
        padding: 3rem 4rem;
        border-left: 1px solid #EBECF4;
        width: 78.2rem;
        min-height: 100%;
        margin: 0;
        box-shadow: none;
        border-radius: 0 5px 5px 0;
        transform: none
    }

    .header__catalog--fullwidth .header__catalog-dropdown--fullwidth .header__catalog-menu > li {
        margin: 0 0 1rem
    }

    .header__catalog--fullwidth .header__catalog-dropdown--fullwidth .header__catalog-link {
        padding: 0
    }

    .header__catalog--fullwidth .header__catalog-dropdown--fullwidth.is-active {
        opacity: 1;
        visibility: visible;
        position: relative
    }

    .header__catalog-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        border: 1px solid var(--theme-secondary-color);
        color: #fff;
        border-radius: 5px;
        padding: 0 1.6rem;
        height: 3.5rem;
        transition: color 0.25s, background 0.25s, border-color 0.25s
    }

    .header__catalog-btn svg {
        display: block;
        margin: 0 0.8rem 0 0
    }

    .header__catalog-btn:hover {
        background: #fff;
        border-color: #fff;
        color: #343434
    }

    .header__catalog-offcanvas {
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0.5rem 0 0 0;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__catalog-offcanvas:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 0.5rem
    }

    .header__catalog-quick {
        margin: 0 -1.2rem 3rem;
        padding: 0;
        list-style: none;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__catalog-quick > li {
        padding: 0 1.2rem;
        position: relative
    }

    .header__catalog-quick > li:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: -0.2rem;
        margin: -0.2rem 0 0 0;
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        background: #BDC2D3
    }

    .header__catalog-quick > li:last-child:after {
        display: none
    }

    .header__catalog-quick-link {
        text-decoration: none;
        color: var(--theme-primary-color);
        transition: opacity 0.25s
    }

    .header__catalog-quick-link:hover {
        text-decoration: none;
        color: var(--theme-primary-color);
        opacity: 0.8
    }

    .header__catalog-menu {
        margin: 0 0 3rem;
        padding: 0;
        list-style: none;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400
    }

    .header__catalog-menu:last-child {
        margin: 0
    }

    .header__catalog-menu > li {
        position: relative;
        margin: 0 0 0.5rem
    }

    .header__catalog-menu > li:last-child {
        margin: 0
    }

    .header__catalog-menu > li.is-open > .header__catalog-link {
        color: var(--theme-primary-color)
    }

    .header__catalog-menu > li.is-open > .header__catalog-dropdown {
        opacity: 1;
        visibility: visible
    }

    .header__catalog-title {
        display: block;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 500;
        margin: 0 0 1.5rem
    }

    .header__catalog-title:last-child {
        margin: 0
    }

    .header__catalog-dropdown {
        position: absolute;
        top: -1rem;
        left: 100%;
        margin: 0 0.5rem;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__catalog-dropdown:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 0.5rem;
        height: 100%
    }

    .header__catalog-link {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.5rem 3rem 0.5rem 2rem;
        text-decoration: none;
        color: #343434;
        transition: color 0.25s
    }

    .header__catalog-link:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__catalog-link--more {
        font-weight: 500
    }

    .header__catalog-link-icon {
        width: 2rem;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 1rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__catalog-link-icon svg {
        fill: currentColor
    }

    .header__catalog-link-text {
        display: block;
        -ms-flex: 1;
        flex: 1
    }

    .header__catalog-link-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 2rem;
        height: 2rem;
        margin: -1rem 0 0 0
    }

    .header__catalog-link-arrow svg {
        display: block;
        width: 0.6rem;
        height: 1.1rem
    }

    .header__info {
        margin: 0 auto 0 0;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__info-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__info-menu > li {
        margin: 0 2.5rem 0 0;
        position: relative
    }

    .header__info-menu > li.is-open > .header__info-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .header__info-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 3.5rem;
        text-decoration: none;
        color: inherit;
        transition: color 0.25s
    }

    .header__info-link:hover {
        text-decoration: none;
        color: inherit
    }

    .header__info-link svg {
        display: block;
        margin: 0 0.8rem 0 0;
        max-width: 1.5rem;
        max-height: 1.5rem
    }

    .header__info-offcanvas {
        position: absolute;
        top: 100%;
        left: 0;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .header__info-offcanvas:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        width: 0.5rem;
        height: 100%
    }

    .header__info-submenu {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.5rem;
        line-height: 2.1rem;
        font-weight: 400
    }

    .header__info-submenu > li {
        position: relative;
        margin: 0 0 0.5rem
    }

    .header__info-submenu > li:last-child {
        margin: 0
    }

    .header__info-sublink {
        display: block;
        padding: 0.5rem 2rem;
        text-decoration: none;
        transition: color 0.25s;
        color: #343434
    }

    .header__info-sublink:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__search {
        position: relative;
        -ms-flex: 1;
        flex: 1;
        max-width: 80rem;
        margin: 0 auto 1rem 0
    }

    .header__search-input {
        display: block;
        width: 100%;
        border: 1px solid transparent;
        background: var(--theme-secondary-color);
        border-radius: 5px;
        padding: 1rem 10rem 1rem 2rem;
        font-size: 1.3rem;
        line-height: 2.4rem;
        font-weight: 400;
        height: 4.6rem;
        color: #fff;
        transition: background 0.25s, border-color 0.25s
    }

    .header__search-input::-webkit-search-cancel-button,
    .header__search-input::-webkit-search-results-button,
    .header__search-input::-webkit-search-results-decoration {
        position: relative;
        right: 1rem;
        width: 1.2rem;
        height: 1.2rem;
        display: block;
        background: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.67545 4.49998L0.171021 0.995448C-0.0570411 0.767493 -0.0570411 0.398921 0.171021 0.170966C0.398977 -0.0569888 0.767549 -0.0569888 0.995505 0.170966L4.50004 3.67549L8.00447 0.170966C8.23253 -0.0569888 8.601 -0.0569888 8.82895 0.170966C9.05702 0.398921 9.05702 0.767493 8.82895 0.995448L5.32452 4.49998L8.82895 8.0045C9.05702 8.23246 9.05702 8.60103 8.82895 8.82899C8.71535 8.9427 8.56598 8.99982 8.41671 8.99982C8.26745 8.99982 8.11818 8.9427 8.00447 8.82899L4.50004 5.32446L0.995505 8.82899C0.881794 8.9427 0.732529 8.99982 0.583263 8.99982C0.433998 8.99982 0.284732 8.9427 0.171021 8.82899C-0.0570411 8.60103 -0.0570411 8.23246 0.171021 8.0045L3.67545 4.49998Z' fill='%23fff'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
        background-size: contain;
        cursor: pointer
    }

    .header__search-input:-ms-input-placeholder {
        color: #fff;
        opacity: 0.3;
        transition: opacity 0.25s
    }

    .header__search-input::placeholder {
        color: #fff;
        opacity: 0.3;
        transition: opacity 0.25s
    }

    .header__search-input:focus:-ms-input-placeholder {
        opacity: 0
    }

    .header__search-input:focus::placeholder {
        opacity: 0
    }

    .header__search-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 9rem;
        height: 3.8rem;
        position: absolute;
        top: 50%;
        right: 0.4rem;
        margin: -1.9rem 0 0;
        border-radius: 5px;
        background: var(--theme-primary-color);
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 500;
        cursor: pointer;
        transition: background 0.25s, color 0.25s
    }

    .header__search-btn:hover {
        background: #fff;
        color: #343434
    }

    .header__search-autocomplete {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 0.5rem 0 0;
        background: #fff;
        color: #343434;
        border-radius: 10px;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s, visibility 0.25s;
        box-shadow: 0px 0px 20px rgb(170 189 206 / 25%)
    }

    .header__search-autocomplete.is-open {
        opacity: 1;
        visibility: visible
    }

    .header__search-category {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 2rem 3rem;
        min-height: 7rem;
        color: #343434;
        text-decoration: none;
        transition: color 0.25s
    }

    .header__search-category:hover {
        color: var(--theme-primary-color);
        text-decoration: none
    }

    .header__search-category-icon {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 1rem 0 0;
        color: #C6C8CC
    }

    .header__search-category-title {
        display: block;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 0 1rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__search-category-mark {
        display: block;
        font-size: 1.2rem;
        line-height: 2.4rem;
        font-weight: 400;
        padding: 0 0.8rem;
        color: #343434;
        background: #E5E8F3;
        border-radius: 4px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__search-more {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        padding: 1rem 0;
        min-height: 4.4rem
    }

    .header__search-menu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__search-menu > li {
        border-bottom: 1px solid #EAF0F8
    }

    .header__search-menu > li:last-child {
        border-bottom: none
    }

    .header__search-menu > li.is-open .header__search-item {
        text-decoration: none;
        color: var(--theme-primary-color);
        padding: 1rem 7rem 1rem 3rem
    }

    .header__search-menu > li.is-open .header__search-item .header__search-item-arrow {
        opacity: 1
    }

    .header__search-menu > li.is-open .header__search-dropdown {
        opacity: 1;
        visibility: visible
    }

    .header__search-item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        padding: 1rem 3rem;
        min-height: 7rem;
        color: #343434;
        text-decoration: none;
        transition: color 0.25s, padding 0.25s
    }

    .header__search-item:hover {
        text-decoration: none;
        color: var(--theme-primary-color);
        padding: 1rem 7rem 1rem 3rem
    }

    .header__search-item:hover .header__search-item-arrow {
        opacity: 1
    }

    .header__search-item-image {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 2rem 0 0;
        width: 3.4rem;
        height: 3.4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header__search-item-image img {
        display: block
    }

    .header__search-item-desc {
        -ms-flex: 1;
        flex: 1;
        margin: 0 2rem 0 0
    }

    .header__search-item-title {
        display: block;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 0 0 0.5rem
    }

    .header__search-item-id {
        display: block;
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        color: #BDC2D3
    }

    .header__search-item-price {
        display: block;
        font-size: 1.6rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 0;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #343434
    }

    .header__search-item-price mark {
        display: block;
        font-size: 1.4rem;
        line-height: 2.8rem;
        font-weight: 500;
        padding: 0 0.9rem;
        background: #F53C3C;
        border-radius: 4px;
        color: #fff;
        margin: 0
    }

    .header__search-item-price ins {
        text-decoration: none;
        margin: 0 1rem 0 0
    }

    .header__search-item-price del {
        display: block;
        margin: 0 2rem 0 0;
        padding: 0 0.2rem;
        position: relative;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__search-item-price del:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 0.2rem;
        background: #F45656;
        margin: -1px 0 0
    }

    .header__search-item-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        pointer-events: none;
        position: absolute;
        top: 50%;
        right: 3rem;
        margin: -1rem 0 0 0;
        transition: opacity 0.25s;
        opacity: 0
    }

    .header__search-dropdown {
        position: absolute;
        top: 0;
        left: 100%;
        width: 34rem;
        margin: 0 0 0 1rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s, visibility 0.25s
    }

    .header__search-dropdown:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 1rem
    }

    .header__search-dropdown .products__item .products__item-in:before {
        opacity: 1;
        box-shadow: 0px 0px 20px rgb(170 189 206 / 25%);
    }

    .header__tags {
        -ms-flex: 1;
        flex: 1
    }

    .header__tags-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .header__tags-menu > li {
        margin: 0 1rem 0 0;
        position: relative
    }

    .header__tags-menu > li:nth-child(5) ~ li {
        display: none
    }

    .header__tags-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 3.5rem;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 500;
        padding: 0 1.5rem;
        border: 1px solid var(--theme-secondary-color);
        border-radius: 5px;
        color: #fff;
        transition: border-color 0.25s;
        text-decoration: none
    }

    .header__tags-btn svg {
        display: block;
        margin: 0 0.6rem 0 0;
        max-height: 2rem;
        max-width: 2rem
    }

    .header__tags-btn:hover {
        border-color: #fff;
        color: #fff;
        text-decoration: none
    }

    .header__acc,
    .header__call,
    .header__currency,
    .header__language {
        position: relative;
        white-space: nowrap
    }

    .header__acc.is-open > .header__acc-offcanvas,
    .header__acc.is-open > .header__call-offcanvas,
    .header__acc.is-open > .header__currency-offcanvas,
    .header__acc.is-open > .header__language-offcanvas,
    .header__call.is-open > .header__acc-offcanvas,
    .header__call.is-open > .header__call-offcanvas,
    .header__call.is-open > .header__currency-offcanvas,
    .header__call.is-open > .header__language-offcanvas,
    .header__currency.is-open > .header__acc-offcanvas,
    .header__currency.is-open > .header__call-offcanvas,
    .header__currency.is-open > .header__currency-offcanvas,
    .header__currency.is-open > .header__language-offcanvas,
    .header__language.is-open > .header__acc-offcanvas,
    .header__language.is-open > .header__call-offcanvas,
    .header__language.is-open > .header__currency-offcanvas,
    .header__language.is-open > .header__language-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .header__call-btn,
    .header__currency-btn,
    .header__language-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 500;
        height: 3.5rem
    }

    .header__call-btn mark,
    .header__currency-btn mark,
    .header__language-btn mark {
        background: none;
        padding: 0;
        margin: 0 0.6rem 0 0;
        color: inherit;
        opacity: 0.4
    }

    .header__call-btn svg,
    .header__currency-btn svg,
    .header__language-btn svg {
        margin: 0 0.4rem
    }

    .header__acc-offcanvas,
    .header__call-offcanvas,
    .header__currency-offcanvas,
    .header__language-offcanvas {
        position: absolute;
        top: 100%;
        right: 0;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        padding: 1rem 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .header__acc-offcanvas:before,
    .header__call-offcanvas:before,
    .header__currency-offcanvas:before,
    .header__language-offcanvas:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        width: 0.5rem;
        height: 100%
    }

    .header__acc-menu,
    .header__call-menu,
    .header__currency-menu,
    .header__language-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.5rem;
        line-height: 2.1rem;
        font-weight: 400
    }

    .header__acc-menu > li,
    .header__call-menu > li,
    .header__currency-menu > li,
    .header__language-menu > li {
        position: relative;
        margin: 0 0 0.5rem
    }

    .header__acc-menu > li:last-child,
    .header__call-menu > li:last-child,
    .header__currency-menu > li:last-child,
    .header__language-menu > li:last-child {
        margin: 0
    }

    .header__acc-link,
    .header__call-link,
    .header__currency-link,
    .header__language-link {
        display: block;
        padding: 0.5rem 2rem;
        text-decoration: none;
        transition: color 0.25s;
        color: #343434
    }

    .header__acc-link:hover,
    .header__call-link:hover,
    .header__currency-link:hover,
    .header__language-link:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__currency-link--close,
    .header__language-link--close {
        display: none;
    }

    .header__acc-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.4rem;
        height: 4.6rem;
        border: 1px solid var(--theme-secondary-color);
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        transition: border-color 0.25s
    }

    .header__acc-btn:hover {
        text-decoration: none;
        color: #fff;
        border-color: #fff
    }

    .header__acc-offcanvas {
        margin: 0.5rem 0 0 0
    }

    .header__search-compact-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.4rem;
        height: 4.6rem;
        border: 1px solid var(--theme-secondary-color);
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        transition: border-color 0.25s
    }

    .header__search-compact-btn:hover {
        text-decoration: none;
        color: #fff;
        border-color: #fff
    }

    .header__action {
        border: 1px solid var(--theme-secondary-color);
        border-radius: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        transition: border-color 0.25s;
        height: 4.6rem
    }

    .header__action:hover {
        border-color: #fff
    }

    .header__action-btn {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 5.4rem;
        height: 4.6rem;
        padding: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-decoration: none;
        color: #fff
    }

    .header__action-btn:hover {
        color: #fff;
        text-decoration: none
    }

    .header__action-counter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        background: none;
        color: inherit;
        opacity: 0.4;
        font-size: 1.2rem;
        line-height: 1.2;
        font-weight: 500;
        position: absolute;
        top: 0.8rem;
        right: 0.8rem
    }

    .header__action-line {
        display: block;
        width: 0.2rem;
        height: 3.4rem;
        background: var(--theme-secondary-color)
    }

    .header__cart-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0.5rem 2rem 0.5rem 1.5rem;
        width: auto;
        height: 4.6rem;
        border: 1px solid var(--theme-secondary-color);
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        white-space: nowrap;
        transition: border-color 0.25s
    }

    .header__cart-btn svg {
        margin: 0 1rem 0 0;
        display: block
    }

    .header__cart-btn:hover {
        border-color: #fff;
        color: #fff;
        text-decoration: none
    }

    .header__cart-total {
        display: block;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 500;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__cart-total mark {
        display: block;
        padding: 0;
        background: none;
        color: inherit;
        font-size: 1.3rem;
        opacity: 0.4;
        margin: 0 0 0.2rem
    }

    .header__cart-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 900;
        background: rgba(0, 0, 0, 0.6);
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__cart-offcanvas {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        height: 100%;
        width: 52.8rem;
        max-width: 100%;
        background: #F7F7FB;
        color: #343434;
        transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden;
        transform: translate(100%, 0)
    }

    .header__cart-scrollbar {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 4rem 2.5rem
    }

    .header__cart-scrollbar::-webkit-scrollbar {
        display: none
    }

    .header__cart-sticky {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px 5px 0 0;
        padding: 2rem 2.5rem;
        transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
        transform: translate(0, 100%);
        opacity: 0;
        visibility: hidden
    }

    .is-cart-sticky .header__cart-sticky {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0)
    }

    .header__cart-close {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        margin: 0 0 4rem;
        color: #343434;
        transition: color 0.25s;
        cursor: pointer
    }

    .header__cart-close svg {
        display: block
    }

    .header__cart-close:hover {
        color: var(--theme-primary-color)
    }

    .header__cart-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 2rem
    }

    .header__cart-title {
        margin: 0 2rem 0 0;
        display: block;
        -ms-flex: 1;
        flex: 1;
        font-size: 2.5rem;
        line-height: 1.2;
        font-weight: 500
    }

    .header__cart-clear {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        color: #4791FF;
        transition: color 0.25s
    }

    .header__cart-clear:hover {
        color: #F0164A
    }

    .header__cart-clear svg.icon-clear {
        margin: 0 0.5rem 0 0;
        color: #F0164A
    }

    .header__cart-list {
        margin: 0 0 1rem;
        padding: 0;
        list-style: none
    }

    .header__cart-list > li {
        margin: 0 0 1rem
    }

    .header__cart-list > li:last-child {
        margin: 0
    }

    .header__cart-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 2rem 2rem 9rem 2rem;
        background: #FFFFFF;
        border-radius: 10px
    }

    .header__cart-item-image {
        width: 9rem;
        height: 9rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 2rem 0 0;
        background: #FFFFFF;
        border: 1px solid #EDEDF9;
        border-radius: 5px
    }

    .header__cart-item-image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto
    }

    .header__cart-item-desc {
        -ms-flex: 1;
        flex: 1
    }

    .header__cart-item-id {
        display: block;
        margin: 0 0 0.5rem;
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 400;
        color: #BDC2D3
    }

    .header__cart-item-title {
        display: block;
        margin: 0 0 0.5rem;
        font-size: 1.5rem;
        line-height: 1.35;
        font-weight: 500;
        color: #343434
    }

    .header__cart-item-text {
        display: block;
        font-size: 1.5rem;
        line-height: 1.35;
        font-weight: 400;
        margin: 0
    }

    .header__cart-item-number {
        position: absolute;
        left: 2rem;
        bottom: 2rem;
        width: 25rem
    }

    .header__cart-item-number .ui-number {
        margin: 0
    }

    .header__cart-item-price {
        display: block;
        margin: 0;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 400;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        min-height: 5rem;
        position: absolute;
        left: 29rem;
        right: 0;
        bottom: 2rem
    }

    .header__cart-item-price ins {
        text-decoration: none;
        margin: 0 0.7rem 0 0
    }

    .header__cart-item-price del {
        display: block;
        padding: 0 0.2rem;
        position: relative;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 0 0.7rem 0 0
    }

    .header__cart-item-price del:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 0.2rem;
        background: #F45656;
        margin: -1px 0 0
    }

    .header__cart-item-price small {
        font-size: 1.3rem;
        color: #BDC2D3;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .header__cart-item-price-current {
        margin: 0 0.7rem 0 0
    }

    .header__cart-item-action {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100
    }

    .header__cart-item-action.is-open .header__cart-item-action-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .header__cart-item-action-toggle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 2rem;
        cursor: pointer;
        color: #343434;
        transition: color 0.25s
    }

    .header__cart-item-action-toggle:hover {
        color: var(--theme-primary-color)
    }

    .header__cart-item-action-offcanvas {
        position: absolute;
        top: 100%;
        right: 0;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        padding: 1.5rem;
        min-width: 22.8rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s, visibility 0.25s
    }

    .header__cart-item-action-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400;
        white-space: nowrap
    }

    .header__cart-item-action-menu > li {
        padding: 0 0 1.5rem;
        margin: 0 0 1.5rem;
        border-bottom: 1px solid #EFF3F4
    }

    .header__cart-item-action-menu > li:last-child {
        padding: 0;
        margin: 0;
        border: none
    }

    .header__cart-item-action-link {
        text-decoration: none;
        color: #343434;
        transition: color 0.25s;
        display: block
    }

    .header__cart-item-action-link:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__cart-data {
        background: #fff;
        border-radius: 10px;
        padding: 4rem 4rem 2.5rem
    }

    .header__cart-data-title {
        display: block;
        font-size: 2.2rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 3rem
    }

    .header__cart-data-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 0 3rem;
        font-size: 1.5rem;
        line-height: 1.35;
        font-weight: 400
    }

    .header__cart-data-table th,
    .header__cart-data-table td {
        padding: 0.5rem
    }

    .header__cart-data-table th:first-child,
    .header__cart-data-table td:first-child {
        padding-left: 0
    }

    .header__cart-data-table th:last-child,
    .header__cart-data-table td:last-child {
        padding-right: 0
    }

    .header__cart-data-table tbody tr:first-child th,
    .header__cart-data-table tbody tr:first-child td {
        padding-top: 0
    }

    .header__cart-data-table tfoot tr:last-child th,
    .header__cart-data-table tfoot tr:last-child td {
        padding-bottom: 0
    }

    .header__cart-data-table tfoot {
        font-size: 1.8rem;
        font-weight: 500
    }

    .header__cart-data-table .text-right {
        font-weight: 500
    }

    .header__cart-data-action {
        margin: 0 0 3rem
    }

    .header__cart-data-quick {
        padding: 2rem 0 0;
        border-top: 1px solid #E8EBF4
    }

    .header__cart-data-quick-action {
        margin: 0 0 1.5rem
    }

    .header__cart-data-quick-text {
        display: block;
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        color: #BDC2D3
    }

    .header__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .header__group--info_call {
        margin: 0 auto 0 23rem;
        -ms-flex: 1;
        flex: 1;
        max-width: 80rem
    }

    .header__group--currency_language > * {
        margin: 0 0 0 2rem
    }

    .header__group--acc_action_cart > * {
        margin: 0 0.5rem 0 0
    }

    .header__group--acc_action_cart > *:last-child {
        margin: 0
    }

    .header__nav {
        padding: 1rem 0 0;
        -ms-flex: 1;
        flex: 1
    }

    .header__nav-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400
    }

    .header__nav-menu > li {
        margin: 0 3rem 0 0;
        position: relative
    }

    .header__nav-menu > li:last-child {
        margin: 0
    }

    .header__nav-menu > li.is-open > .header__nav-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .header__nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        height: 3.5rem;
        color: inherit;
        white-space: nowrap;
        transition: color 0.25s
    }

    .header__nav-link svg.icon-arrow-down {
        position: relative;
        top: 1px;
        width: 0.7rem;
        height: 0.7rem;
        margin: 0 0 0 0.4rem;
        display: block
    }

    .header__nav-link:hover {
        text-decoration: none;
        color: inherit
    }

    .header__nav-offcanvas {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 3rem 4rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 78.2rem;
        margin: 0;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__nav-offcanvas .header__catalog-menu > li {
        margin: 0 0 1rem
    }

    .header__nav-offcanvas .header__catalog-link {
        padding: 0
    }

    .header__spacer-40 {
        display: block;
        height: 4rem
    }

    .header__banner {
        position: relative;
        width: 100%;
        height: 7rem;
        display: block;
        text-decoration: none;
        transition: transform 0.25s
    }

    .header__banner:hover {
        text-decoration: none;
        transform: scale(1.05)
    }

    .header__banner-image {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .header__banner-image img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .is-open > .header__nav-dropdown {
        opacity: 1;
        visibility: visible
    }

    .header__nav-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        margin: 0.5rem 0 0 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .header__nav-dropdown:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 0.5rem
    }

    .header__nav-dropdown .header__nav-dropdown {
        top: -1rem;
        left: 100%;
        margin: 0 0.5rem
    }

    .header__nav-dropdown .header__nav-dropdown:before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 100%;
        height: auto;
        width: 0.5rem
    }

    .header__nav-dropdown .header__nav-dropdown.is-reverse {
        left: auto;
        right: 100%
    }

    .header__nav-submenu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__nav-submenu > li {
        position: relative
    }

    .header__nav-sublink {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.5rem 3rem 0.5rem 2rem;
        text-decoration: none;
        color: #343434;
        transition: color 0.25s
    }

    .header__nav-sublink:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__nav-sublink-icon {
        width: 2rem;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 1rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__nav-sublink-text {
        display: block;
        -ms-flex: 1;
        flex: 1
    }

    .header__nav-sublink-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 2rem;
        height: 2rem;
        margin: -1rem 0 0 0
    }

    .header__nav-sublink-arrow svg {
        display: block;
        width: 0.6rem;
        height: 1.1rem
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .header__group--info_call {
        width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__group--currency_language {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__info {
        -ms-flex: 1;
        flex: 1
    }

    .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 21rem
    }

    .header__search {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .header__catalog {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 21rem
    }

    .is-header-v1 .header__group--info_call {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v1 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v2 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 14.2rem
    }

    .is-header-v2 .header__catalog {
        width: auto
    }

    .is-header-v3 .header__group--info_call {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v3 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v4 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 14.2rem
    }

    .is-header-v4 .header__catalog {
        width: auto
    }

    .is-header-v5 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 14.2rem
    }

    .is-header-v5 .header__catalog {
        width: auto
    }

    .is-header-v6 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 14.2rem
    }

    .is-header-v6 .header__catalog {
        width: auto
    }

    .is-header-v7 .header__group--info_call {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v7 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-v8 .header__logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .is-header-v8 .header__catalog {
        width: auto
    }

    .app {
        opacity: 0;
        transition: opacity 0.5s
    }

    .is-loaded .app {
        opacity: 1
    }
}

@media (max-width:1199px) {
    .is-header-checkout .header {
        min-height: auto
    }

    .is-header-checkout .header__mobile {
        height: 6rem
    }

    .is-header-checkout .header__logo {
        -ms-flex: 0 0 117px;
        flex: 0 0 11.7rem
    }
}

@media (min-width:1200px) {
    .is-header-checkout .header {
        min-height: auto
    }

    .is-header-checkout .header__desktop {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 6rem;
        -ms-flex: 1;
        flex: 1
    }

    .is-header-checkout .header__logo {
        -ms-flex: 0 0 117px;
        flex: 0 0 11.7rem
    }

    .is-header-checkout .header__call {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .is-header-checkout .header__call-btn {
        padding: 0 1.2rem;
        height: 3.5rem;
        border: 1px solid #7F73FA;
        border-radius: 5px
    }
}

@media (min-width:1200px) {
    .is-page-header-fixed .sku__compact {
        top: 8rem
    }
}

.header__catalog--clone {
    display: none
}

.is-header-fixed .header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: var(--theme-primary-color);
    color: #fff;
    transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    padding: 1.5rem 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 8rem;
    max-width: 147rem;
    margin: 0 auto
}

.is-header-fixed .header-fixed .header__info {
    padding: 0 1.5rem 0 0
}

.is-header-fixed .header-fixed .header__logo {
    margin: 0 2rem 0 0;
    -ms-flex: 0 0 142px;
    flex: 0 0 14.2rem
}

.is-header-fixed .header-fixed .header__catalog {
    margin: 0 1rem 0 0
}

.is-header-fixed .header-fixed .header__catalog--clone {
    display: block
}

.is-header-fixed .header-fixed .header__catalog-btn {
    height: 4.6rem
}

.is-header-fixed .header-fixed .header__search {
    margin: 0 auto 0 0;
    max-width: 70rem
}

@media (max-width:1199px) {
    .header-fixed {
        display: none
    }
}

@media (min-width:1200px) {

    .is-header-v6 .header__search-input::-webkit-search-cancel-button,
    .is-header-v6 .header__search-input::-webkit-search-results-button,
    .is-header-v6 .header__search-input::-webkit-search-results-decoration,
    .is-header-v7 .header__search-input::-webkit-search-cancel-button,
    .is-header-v7 .header__search-input::-webkit-search-results-button,
    .is-header-v7 .header__search-input::-webkit-search-results-decoration,
    .is-header-v8 .header__search-input::-webkit-search-cancel-button,
    .is-header-v8 .header__search-input::-webkit-search-results-button,
    .is-header-v8 .header__search-input::-webkit-search-results-decoration {
        background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.67545 4.49998L0.171021 0.995448C-0.0570411 0.767493 -0.0570411 0.398921 0.171021 0.170966C0.398977 -0.0569888 0.767549 -0.0569888 0.995505 0.170966L4.50004 3.67549L8.00447 0.170966C8.23253 -0.0569888 8.601 -0.0569888 8.82895 0.170966C9.05702 0.398921 9.05702 0.767493 8.82895 0.995448L5.32452 4.49998L8.82895 8.0045C9.05702 8.23246 9.05702 8.60103 8.82895 8.82899C8.71535 8.9427 8.56598 8.99982 8.41671 8.99982C8.26745 8.99982 8.11818 8.9427 8.00447 8.82899L4.50004 5.32446L0.995505 8.82899C0.881794 8.9427 0.732529 8.99982 0.583263 8.99982C0.433998 8.99982 0.284732 8.9427 0.171021 8.82899C-0.0570411 8.60103 -0.0570411 8.23246 0.171021 8.0045L3.67545 4.49998Z' fill='%23000'/%3E%3C/svg%3E%0A")
    }
}

@media (min-width:1200px) {
    .header__priority {
        transition: opacity 0.25s;
        transition-delay: 0.1s;
        opacity: 0
    }

    .is-header-priority .header__priority {
        opacity: 1
    }

    .priority-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 0;
        min-width: 147rem
    }

    .priority-nav > ul {}

    .priority-nav > ul:last-child {
        margin: 0
    }

    .priority-nav > ul > li {
        padding: 0 2rem 0 0;
        margin: 0 !important
    }

    .priority-nav__wrapper {
        position: relative;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .priority-nav__wrapper.is-open .priority-nav__dropdown {
        opacity: 1;
        visibility: visible
    }

    .priority-nav__dropdown-toggle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: 400;
        color: inherit;
        height: 3.5rem
    }

    .priority-nav__dropdown-toggle svg.icon-arrow-down {
        position: relative;
        top: 1px;
        width: 0.7rem;
        height: 0.7rem;
        margin: 0 0 0 0.4rem;
        display: block
    }

    .priority-nav-is-hidden {
        display: none
    }

    .priority-nav__dropdown {
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        margin: 0.5rem 0 0 0;
        list-style: none;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .priority-nav__dropdown:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 0.5rem
    }

    .priority-nav__dropdown > li {
        position: relative
    }

    .priority-nav__dropdown .header__nav-link {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0.5rem 3rem 0.5rem 2rem;
        text-decoration: none;
        color: #343434;
        transition: color 0.25s
    }

    .priority-nav__dropdown .header__nav-link:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .priority-nav__dropdown .header__nav-link svg.icon-arrow-down {
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: rotate(-90deg);
        margin: -0.6rem 0 0;
        width: 1.2rem;
        height: 1.2rem
    }

    .priority-nav__dropdown .header__nav-dropdown {
        top: -1rem;
        left: auto;
        right: 100%;
        margin: 0 0.5rem
    }

    .priority-nav__dropdown .header__nav-dropdown:before {
        top: 0;
        bottom: 0;
        left: 100%;
        right: auto;
        height: auto;
        width: 0.5rem
    }

    .priority-nav__dropdown .header__nav-dropdown.is-reverse {
        background: blue
    }

    .priority-nav__dropdown li.is-open > .header__nav-offcanvas {
        opacity: 1;
        visibility: visible
    }

    .priority-nav__dropdown li > .header__nav-offcanvas {
        top: -1rem;
        left: auto !important;
        right: 100%;
        margin: 0 0.5rem
    }

    .priority-nav__dropdown li > .header__nav-offcanvas:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -0.5rem;
        width: 0.5rem;
        height: 100%
    }
}

.is-header-sticky .header__sticky {
    transform: translate(0, 100%)
}

.is-header-sticky-open .header__sticky {
    transform: translate(0, 0%)
}

.header__sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    z-index: 1090;
    background: var(--theme-primary-color);
    color: #fff;
    padding: 0 0 var(--safe-area-inset-bottom);
    transition: transform 0.25s
}

.header__sticky:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%
}

.header__sticky .icon-catalog {
    width: 1.8rem;
    height: 1.8rem
}

@media (min-width:1200px) {
    .header__sticky {
        display: none
    }
}

.header__sticky-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 6.5rem;
    text-decoration: none;
    color: inherit;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    white-space: nowrap
}

.header__sticky-btn:hover {
    text-decoration: none;
    color: inherit
}

.header__sticky-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: 0 0 0.5rem
}

.header__sticky-text {
    display: block;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 400
}

.header__sticky-counter {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 1.5rem;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 50%
}

.header__sticky-counter .cart-total-text,
.header__sticky-counter mark.cart-empty,
.header__cart-counter .cart-total-text {
    display: none
}

.header__sticky-counter mark {
    padding: 0;
    background: inherit;
    color: inherit
}

@media (min-width:1200px) {
    .is-open > .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) {
        opacity: 1;
        visibility: visible
    }

    .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        margin: 0.5rem 0 0 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth):before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 0.5rem
    }

    .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) {
        top: -1rem;
        left: 100%;
        margin: 0 0.5rem
    }

    .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth):before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 100%;
        height: auto;
        width: 0.5rem
    }

    .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth).is-reverse {
        left: auto;
        right: 100%
    }

    .header__tags-submenu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__tags-submenu > li {
        position: relative
    }

    .header__tags-link {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.5rem 3rem 0.5rem 2rem;
        text-decoration: none;
        color: #343434;
        transition: color 0.25s
    }

    .header__tags-link:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__tags-link-icon {
        width: 2rem;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 1rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__tags-link-text {
        display: block;
        -ms-flex: 1;
        flex: 1
    }

    .header__tags-link-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 2rem;
        height: 2rem;
        margin: -1rem 0 0 0
    }

    .header__tags-link-arrow svg {
        display: block;
        width: 0.6rem;
        height: 1.1rem
    }

    .is-open > .header__tags-offcanvas--fullwidth {
        opacity: 1;
        visibility: visible
    }

    .header__tags-offcanvas--fullwidth {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 3rem 4rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 78.2rem;
        margin: 0.5rem 0 0 0;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__tags-offcanvas--fullwidth:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 0.5rem
    }

    .header__tags-offcanvas--fullwidth .header__catalog-menu > li {
        margin: 0 0 1rem
    }

    .header__tags-offcanvas--fullwidth .header__catalog-link {
        padding: 0
    }
}

@media (min-width:1200px) {
    .is-open > .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) {
        opacity: 1;
        visibility: visible
    }

    .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 27.8rem;
        padding: 1rem 0;
        margin: 0.5rem 0 0 0;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .header__info-offcanvas:not(.header__info-offcanvas--fullwidth):before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 0.5rem
    }

    .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) {
        top: -1rem;
        left: 100%;
        margin: 0 0.5rem
    }

    .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) .header__info-offcanvas:not(.header__info-offcanvas--fullwidth):before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 100%;
        height: auto;
        width: 0.5rem
    }

    .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) .header__info-offcanvas:not(.header__info-offcanvas--fullwidth).is-reverse {
        left: auto;
        right: 100%
    }

    .header__info-submenu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header__info-submenu > li {
        position: relative
    }

    .header__info-sublink {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.5rem 3rem 0.5rem 2rem;
        text-decoration: none;
        color: #343434;
        transition: color 0.25s
    }

    .header__info-sublink:hover {
        text-decoration: none;
        color: var(--theme-primary-color)
    }

    .header__info-sublink-icon {
        width: 2rem;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 1rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header__info-sublink-text {
        display: block;
        -ms-flex: 1;
        flex: 1
    }

    .header__info-sublink-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 2rem;
        height: 2rem;
        margin: -1rem 0 0 0
    }

    .header__info-sublink-arrow svg {
        display: block;
        width: 0.6rem;
        height: 1.1rem
    }

    .is-open > .header__info-offcanvas--fullwidth {
        opacity: 1;
        visibility: visible
    }

    .header__info-offcanvas--fullwidth {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 3rem 4rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
        border-radius: 5px;
        width: 78.2rem;
        margin: 0.5rem 0 0 0;
        transition: opacity 0.25s, visibility 0.25s;
        opacity: 0;
        visibility: hidden
    }

    .header__info-offcanvas--fullwidth:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 0.5rem
    }

    .header__info-offcanvas--fullwidth .header__catalog-menu > li {
        margin: 0 0 1rem
    }

    .header__info-offcanvas--fullwidth .header__catalog-link {
        padding: 0
    }
}

@media (min-width:1200px) {

    .header__catalog--fullwidth .header__catalog-dropdown--fullwidth.header__catalog-dropdown--w1142,
    .header__tags-offcanvas--fullwidth.header__tags-offcanvas--w1142 {
        width: 114.2rem
    }

    .is-header-fixed .header__catalog--fullwidth .header__catalog-dropdown--fullwidth.header__catalog-dropdown--w1142 {
        max-width: calc(100vw - 55.4rem)
    }
}

.header__additional {
    color: #343434
}

.header__additional .products__item {
    box-shadow: inset 0 0 0 1px #F7F7FB
}

.header__additional .products__item-title {
    min-height: 4rem
}

.header__additional .brands-featured__item {
    background: #fff;
    border-color: #fff
}

.header__additional .brands-featured__item-image {
    padding: 0
}

.header__additional-title {
    display: block;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 2rem
}

.header__additional-multiple {
    margin: 0 -0.5rem -1rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__additional-multiple > li {
    padding: 0 0.5rem 1rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.header__additional-brands {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2rem
}

.header__additional-brands > li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem
}

.header__additional-brands .brands-featured__item {
    border: 0
}

@media (min-width:1200px) {
    .header-fixed .header__catalog-offcanvas {
        padding: 0
    }

    .header-fixed .header__catalog-menu {
        max-height: calc(100vh - 10rem);
        overflow-x: hidden;
        overflow-y: auto;
        padding: 1rem 0
    }

    .header-fixed .header__catalog-menu::-webkit-scrollbar {
        display: none
    }

    .header-fixed .header__catalog-menu > li {
        position: static
    }

    .header-fixed .header__catalog-menu .header__catalog-menu {
        max-height: calc(100vh - 10rem)
    }

    .header-fixed .header__catalog-dropdown:not(.header__catalog-dropdown--fullwidth) {
        padding: 0
    }

    .header-fixed .header__catalog-dropdown:not(.header__catalog-dropdown--fullwidth) > .header__catalog-menu {
        padding: 1rem 0
    }

    .header-fixed .header__catalog-dropdown {
        position: absolute;
        top: 0;
        left: 100%;
        transition: opacity 0.25s, visibility 0.25s
    }

    .header-fixed .header__catalog-dropdown--fullwidth {
        position: absolute;
        top: 0;
        left: 0;
        max-width: calc(100vw - 55.4rem);
        max-height: calc(100vh - 10rem);
        overflow-x: hidden;
        overflow-y: auto
    }

    .header-fixed .header__catalog-dropdown--fullwidth::-webkit-scrollbar {
        display: none
    }

    .header-fixed .header__catalog-main {
        margin: 0
    }
}

.main {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.is-footer-v1 .footer {
    color: #343434
}

@media (max-width:1199px) {
    .is-footer-v1 .footer {
        border-top: 1px solid #E4E7F1
    }

    .is-footer-v1 .footer__desc {
        padding: 3rem 0 4rem
    }

    .is-footer-v1 .footer__logo {
        margin: 0 0 2rem
    }

    .is-footer-v1 .footer__copyright {
        margin: 0
    }

    .is-footer-v1 .footer__nav {
        padding: 0
    }

    .is-footer-v1 .footer__support {
        margin: 0 0 3rem
    }

    .is-footer-v1 .footer__bottom {
        padding: 1.5rem 0;
        min-height: auto;
        border: none
    }

    .is-footer-v1 .footer__bottom:before {
        border-top: 1px solid #E4E7F1
    }
}

.is-footer-v2 .footer {
    background: var(--theme-primary-color);
    color: #fff
}

.is-footer-v2 .footer__bottom {
    border-top: 1px solid rgba(223, 232, 239, 0.1)
}

.is-footer-v2 .footer__payments,
.is-footer-v2 .footer__support {
    min-width: 19rem
}

.is-footer-v2 .footer__nav-link:hover,
.is-footer-v2 .footer__support-link:hover {
    color: #fff
}

.is-footer-v2 .chat__toggle {
    box-shadow: 0 0 0 0.2rem var(--body-bg)
}

@media (max-width:1199px) {
    .is-footer-v2 .footer__desc {
        padding: 3rem 0 4rem
    }

    .is-footer-v2 .footer__logo {
        margin: 0 0 2rem
    }

    .is-footer-v2 .footer__copyright {
        margin: 0
    }

    .is-footer-v2 .footer__nav {
        padding: 0
    }

    .is-footer-v2 .footer__support {
        margin: 0 0 3rem
    }

    .is-footer-v2 .footer__bottom {
        padding: 1.5rem 0;
        min-height: auto;
        border: none
    }

    .is-footer-v2 .footer__bottom:before {
        border-top: 1px solid rgba(223, 232, 239, 0.1)
    }
}

.is-footer-v3 .footer {
    color: #343434
}

.is-footer-v3 .footer__bottom {
    background: #302F36;
    color: #fff;
    min-height: 10rem;
    border: none
}

.is-footer-v3 .footer__payments {
    color: inherit
}

.is-footer-v3 .footer__payments > li {
    background: #4A494F
}

@media (max-width:1199px) {
    .is-footer-v3 {
        border-top: 1px solid #E4E7F1
    }

    .is-footer-v3 footer .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .is-footer-v3 .footer__desc {
        padding: 3rem 0 4rem
    }

    .is-footer-v3 .footer__logo {
        margin: 0 0 2rem
    }

    .is-footer-v3 .footer__copyright {
        margin: 0
    }

    .is-footer-v3 .footer__nav {
        padding: 0;
        -ms-flex-order: 1;
        order: 1
    }

    .is-footer-v3 .footer__support {
        margin: 0 0 3rem
    }

    .is-footer-v3 .footer__bottom {
        -ms-flex-order: 2;
        order: 2
    }

    .is-footer-v3 .footer__subsc {
        -ms-flex-order: 3;
        order: 3
    }

    .is-footer-v3 .footer__bottom {
        background: none;
        border: none;
        min-height: auto;
        padding: 1.5rem 0
    }

    .is-footer-v3 .footer__bottom:before {
        border-top: 1px solid #E4E7F1
    }

    .is-footer-v3 .footer__payments > li {
        background: #E8ECF2;
        color: #343434
    }
}

.is-footer-v4 .footer {
    background: #18171B;
    color: #fff
}

.is-footer-v4 .footer__desc {
    padding: 3rem 0 0 0
}

.is-footer-v4 .footer__subsc {
    background: none
}

.is-footer-v4 .footer__subsc-form .ui-subsc .ui-input,
.is-footer-v4 .footer__subsc-form .ui-subsc .ui-textarea,
.is-footer-v4 .footer__subsc-form .ui-subsc .ui-range__input {
    background: #2B2931;
    border-color: #2B2931;
    color: #fff
}

.is-footer-v4 .footer__subsc-form .ui-subsc .ui-input:-ms-input-placeholder,
.is-footer-v4 .footer__subsc-form .ui-subsc .ui-textarea:-ms-input-placeholder,
.is-footer-v4 .footer__subsc-form .ui-subsc .ui-range__input:-ms-input-placeholder {
    color: #63606C
}

.is-footer-v4 .footer__subsc-form .ui-subsc .ui-input::placeholder,
.is-footer-v4 .footer__subsc-form .ui-subsc .ui-textarea::placeholder,
.is-footer-v4 .footer__subsc-form .ui-subsc .ui-range__input::placeholder {
    color: #63606C
}

.is-footer-v4 .footer__subsc-form .ui-subsc .ui-check__checkbox {
    background: #2B2931;
    border-color: #2B2931
}

.is-footer-v4 .footer__subsc-form .ui-subsc .ui-check__text {
    color: #BDC2D3
}

.is-footer-v4 .footer__bottom {
    min-height: 10rem;
    border: none
}

.is-footer-v4 .footer__bottom:before {
    border: none
}

.is-footer-v4 .footer__payments {
    width: auto
}

.is-footer-v5 .footer {
    background: #18171B;
    color: #fff
}

.is-footer-v5 .footer__logo {
    max-width: 11.4rem;
    margin: 0 0 2.5rem
}

.is-footer-v5 .footer__subsc {
    background: none;
    padding: 0
}

.is-footer-v5 .footer__subsc-form .ui-subsc .ui-input,
.is-footer-v5 .footer__subsc-form .ui-subsc .ui-textarea,
.is-footer-v5 .footer__subsc-form .ui-subsc .ui-range__input {
    background: #2B2931;
    border-color: #2B2931;
    color: #fff
}

.is-footer-v5 .footer__subsc-form .ui-subsc .ui-input:-ms-input-placeholder,
.is-footer-v5 .footer__subsc-form .ui-subsc .ui-textarea:-ms-input-placeholder,
.is-footer-v5 .footer__subsc-form .ui-subsc .ui-range__input:-ms-input-placeholder {
    color: #63606C
}

.is-footer-v5 .footer__subsc-form .ui-subsc .ui-input::placeholder,
.is-footer-v5 .footer__subsc-form .ui-subsc .ui-textarea::placeholder,
.is-footer-v5 .footer__subsc-form .ui-subsc .ui-range__input::placeholder {
    color: #63606C
}

.is-footer-v5 .footer__subsc-form .ui-subsc .ui-check__checkbox {
    background: #2B2931;
    border-color: #2B2931
}

.is-footer-v5 .footer__subsc-form .ui-subsc .ui-check__text {
    color: #BDC2D3
}

.is-footer-v5 .footer__bottom {
    border-top: 1px solid rgba(223, 232, 239, 0.1)
}

.is-footer-v5 .footer__support {
    width: auto
}

.is-footer-v5 .footer__support .row {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.is-footer-v5 .footer__support .row > [class^=col-] {
    max-width: 21rem
}

.is-footer-v5 .footer__payments {
    min-width: 19rem
}

@media (max-width:1199px) {
    .is-footer-v5 .footer__middle {
        padding: 0
    }

    .is-footer-v5 .footer__caption {
        margin: 0
    }

    .is-footer-v5 .footer__subsc {
        padding: 3rem 0 2.5rem;
        margin: 0 0 4rem
    }

    .is-footer-v5 .footer__support {
        width: auto;
        margin: 0 0 3rem
    }

    .is-footer-v5 .footer__support .row {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .is-footer-v5 .footer__support .row > [class^=col-] {
        max-width: none
    }

    .is-footer-v5 .footer__bottom {
        border-top: 1px solid #27252B;
        padding: 2.5rem 0
    }

    .is-footer-v5 .footer__bottom:before {
        border: none
    }

    .is-footer-v5 .footer__logo {
        max-width: 9rem;
        margin: 0 0 1.2rem
    }
}

.is-footer-v6 .footer {
    background: #18171B;
    color: #fff
}

.is-footer-v6 .footer__bottom {
    border: none;
    min-height: 10rem
}

.is-footer-v6 .footer__payments {
    color: inherit;
    margin: 0 0 0 5rem;
    width: auto
}

.is-footer-v6 .footer__payments > li {
    background: #4A494F
}

.is-footer-v6 .footer__call-btn {
    white-space: nowrap
}

@media (max-width:1199px) {
    .is-footer-v6 .footer__support {
        padding: 4rem 0 3rem
    }

    .is-footer-v6 .footer__bottom {
        border-top: 1px solid #27252B;
        display: block;
        padding: 3rem 0
    }

    .is-footer-v6 .footer__bottom:before {
        border: none
    }

    .is-footer-v6 .footer__logo {
        margin: 0 0 1.2rem
    }

    .is-footer-v6 .footer__copyright {
        margin: 0 0 2rem
    }

    .is-footer-v6 .footer__payments {
        width: auto;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0
    }
}

.is-footer-v7 .footer__payments {
    min-width: 19rem
}

@media (max-width:1199px) {
    .is-footer-v7 {
        border-top: 1px solid #E4E7F1
    }

    .is-footer-v7 .footer__desc {
        padding: 3rem 0 4rem
    }

    .is-footer-v7 .footer__logo {
        margin: 0 0 2rem
    }

    .is-footer-v7 .footer__copyright {
        margin: 0
    }

    .is-footer-v7 .footer__nav {
        padding: 0
    }

    .is-footer-v7 .footer__support {
        margin: 0 0 3rem
    }

    .is-footer-v7 .footer__bottom {
        padding: 1.5rem 0;
        border: none;
        min-height: auto
    }

    .is-footer-v7 .footer__bottom:before {
        border-top: 1px solid #E4E7F1
    }
}

.footer {
    position: relative;
    border-top: 1px solid #E4E7F1;
    padding: 0 0 calc(6.5rem + var(--safe-area-inset-bottom))
}

@media (min-width:1200px) {
    .footer {
        padding: 0;
        border: none
    }
}

.footer__nav {
    padding: 4rem 0;
    position: relative
}

.footer__nav:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 120vw;
    margin: 0 0 0 -60vw;
    z-index: -1;
    background: inherit
}

.footer__nav .row {
    margin: 0 -1rem -6rem
}

.footer__nav .row > [class^=col] {
    padding: 0 1rem 6rem
}

@media (min-width:1200px) {
    .footer__nav {
        padding: 5rem 0
    }
}

.footer__nav-title {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.footer__nav-menu {
    margin: 0 -1.5rem -1.5rem;
    padding: 0;
    list-style: none;
    font-size: 1.4rem;
    line-height: 1.25;
    font-weight: 400
}

.footer__nav-menu > li {
    padding: 0 1.5rem 1.5rem
}

.footer__nav-menu > li:last-child {
    margin: 0
}

.footer__nav-link {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.25s, color 0.25s
}

.footer__nav-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.footer__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1.2rem;
    color: inherit;
    text-decoration: none;
    max-width: 9rem
}

.footer__logo img,
.footer__logo svg {
    display: block;
    width: 100%
}

.footer__logo:hover {
    color: inherit;
    text-decoration: none
}

@media (min-width:1200px) {
    .footer__logo {
        margin: 0 11rem 0 0
    }
}

.footer__copyright {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 0 2rem;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 400;
    opacity: 0.4;
    max-width: 50rem
}

@media (min-width:1200px) {
    .footer__copyright {
        margin: 0 2rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.footer__payments {
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #343434;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.footer__payments > li {
    margin: 0 0.3rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 3.4rem;
    height: 2.4rem;
    background: #E8ECF2;
    border-radius: 4px;
    padding: 0.4rem
}

.footer__payments > li:last-child {
    margin: 0
}

.footer__payments img,
.footer__payments svg {
    display: block;
    width: auto;
    height: auto;
    max-height: 1.4rem
}

@media (min-width:1200px) {
    .footer__payments {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.footer__subsc {
    padding: 2.4rem 0;
    background: #ECF2F9;
    min-height: 17.5rem;
    position: relative
}

.footer__subsc .row {
    -ms-flex-align: center;
    align-items: center
}

.footer__subsc:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 120vw;
    margin: 0 0 0 -60vw;
    z-index: -1;
    background: inherit
}

@media (min-width:1200px) {
    .footer__subsc {
        padding: 3.5rem 0 2.5rem
    }
}

.footer__subsc-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -3.5rem 0
}

.footer__subsc-form {
    -ms-flex: 1;
    flex: 1
}

.footer__subsc-form .ui-subsc .ui-label {
    font-size: 1.6rem;
    margin: 0 0 1rem
}

.footer__subsc-form .ui-subsc .ui-group {
    margin: 0 0 1rem
}

@media (min-width:1200px) {
    .footer__subsc-form .ui-subsc .ui-check__text {
        font-size: 1.3rem
    }

    .footer__subsc-form {
        max-width: 57rem;
        margin: 0 auto
    }
}

.footer__caption {
    display: block;
    margin: 0 0 4rem;
    font-size: 1.5rem;
    line-height: 1.67;
    font-weight: 400;
    max-width: 36rem;
    opacity: 0.5
}

.footer__call {
    position: relative
}

.footer__call.is-open > .footer__call-offcanvas {
    opacity: 1;
    visibility: visible
}

.footer__call {
    margin: 0 0 0 auto;
    position: relative
}

.footer__call-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 500;
    height: 3.5rem
}

.footer__call-btn:hover {
    text-decoration: none
}

.footer__call-btn mark {
    background: none;
    padding: 0;
    margin: 0 0.6rem 0 0;
    color: #fff;
    opacity: 0.4
}

.footer__call-btn svg {
    margin: 0 0 0 0.4rem
}

.footer__call-offcanvas {
    position: absolute;
    bottom: 100%;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    border-radius: 5px;
    padding: 1rem 0;
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
    opacity: 0;
    visibility: hidden;
    z-index: 100
}

.footer__call-offcanvas:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 0.5rem;
    height: 100%
}

.footer__call-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-weight: 400
}

.footer__call-menu > li {
    position: relative;
    margin: 0 0 0.5rem
}

.footer__call-menu > li:last-child {
    margin: 0
}

.footer__call-link {
    display: block;
    padding: 0.5rem 2rem;
    text-decoration: none;
    transition: color 0.25s;
    color: #343434
}

.footer__call-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

@media (min-width:1200px) {
    .footer__support {
        width: 19rem
    }
}

.footer__support-title {
    display: block;
    margin: 0 2.5rem 1.5rem 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500
}

.footer__support-phones {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500
}

.footer__support-phones > li {
    margin: 0
}

.footer__support-worktime {
    display: block;
    margin: 0 0 2rem;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 500;
    opacity: 0.4
}

.footer__support-dl {
    display: block;
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 400
}

.footer__support-dl dt {
    display: block;
    font-weight: 500;
    margin: 0 0 1rem
}

.footer__support-dl dd {
    margin: 0 0 2rem
}

.footer__support-dl dd:last-child {
    margin: 0
}

.footer__support-social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer__support-social > li {
    margin: 0 1rem 0 0
}

.footer__support-social > li:last-child {
    margin: 0
}

.footer__support-link {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.25s, color 0.25s
}

.footer__support-link--callback {
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 400
}

.footer__support-link svg {
    display: block;
    transition: transform 0.25s;
    will-change: transform
}

.footer__support-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.footer__support-link:hover svg {
    transform: scale(1.2)
}

.footer__middle {
    padding: 4.5rem 0 2.5rem
}

.footer__bottom {
    position: relative;
    padding: 2.5rem 0
}

.footer__bottom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 120vw;
    z-index: -1;
    margin: 0 0 0 -60vw;
    background: inherit;
    border-top: 1px solid #DFE8EF
}

@media (min-width:1200px) {
    .footer__bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 6rem;
        padding: 1.5rem 0;
        border-top: 1px solid #DFE8EF
    }

    .footer__bottom:before {
        border: none
    }

    .footer__bottom--left {
        margin-left: 5rem
    }

    .footer__bottom--right {
        margin-right: 5rem
    }
}

@media (max-width:1199px) {

    .footer__support-worktime,
    .footer__copyright,
    .footer__support-dl,
    .footer__support-link--callback {
        font-size: 1.4rem
    }

    .is-footer-checkout .footer {
        background: #EBEEF3
    }

    .is-footer-checkout .footer__checkout {
        padding: 3rem 0
    }

    .is-footer-checkout .footer__support {
        margin: 0 0 3rem
    }

    .is-footer-checkout .footer__copyright {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        opacity: 1
    }

    .is-footer-checkout .footer__copyright > li {
        margin: 0 0 1rem
    }

    .is-footer-checkout .footer__copyright > li:last-child {
        margin: 0
    }

    .is-footer-checkout .footer__copyright-link {
        text-decoration: none;
        color: #4791FF
    }

    .is-footer-checkout .footer__copyright-link:hover {
        text-decoration: none;
        color: #4791FF
    }
}

@media (min-width:1200px) {
    .is-footer-checkout .footer {
        background: #EBEEF3;
        color: #343434
    }

    .is-footer-checkout .footer__checkout {
        padding: 1.2rem 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex: 1;
        flex: 1
    }

    .is-footer-checkout .footer__copyright {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        opacity: 1;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400
    }

    .is-footer-checkout .footer__copyright > li {
        margin: 0 3rem 0 0
    }

    .is-footer-checkout .footer__copyright-link {
        text-decoration: none;
        color: #4791FF
    }

    .is-footer-checkout .footer__copyright-link:hover {
        text-decoration: none;
        color: #4791FF
    }

    .is-footer-checkout .footer__call-btn {
        color: #343434;
        padding: 0 1.2rem;
        height: 3.5rem;
        border: 1px solid #D5D9DF;
        border-radius: 5px
    }

    .is-footer-checkout .footer__call-btn mark {
        color: inherit
    }
}

.text-red {
    color: #F45656 !important
}

.row-gutter-120 {
    margin: 0 -6rem
}

.row-gutter-120 > [class^=col-] {
    padding: 0 6rem
}

.row-gutter-10 {
    margin: 0 -0.5rem -1rem
}

.row-gutter-10 > [class^=col] {
    padding: 0 0.5rem 1rem
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.is-hidden {
    display: none !important
}

@media (max-width:575px) {
    .is-sm-visible {
        display: none !important
    }
}

@media (max-width:767px) {
    .is-md-visible {
        display: none !important
    }
}

@media (max-width:991px) {
    .is-lg-visible {
        display: none !important
    }
}

@media (max-width:1199px) {
    .is-xl-visible {
        display: none !important
    }
}

@media (min-width:768px) {
    .is-md-hidden {
        display: none !important
    }
}

@media (min-width:992px) {
    .is-lg-hidden {
        display: none !important
    }
}

@media (min-width:1200px) {
    .is-xl-hidden {
        display: none !important
    }
}

.ui-label.required:before,
div.required .control-label:before {
    content: '*';
    color: #E92C2C;
    padding-right: .3rem
}

.ui-error,
.text-danger {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #E92C2C;
    margin: -1.5rem 0 2rem;
    animation: fadeIn .25s
}

@keyframes alertpopupShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes alertPopupHide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.alert--opacity {
    animation: alertpopupShow 0.5s forwards
}

.alert--opacity.is-hide {
    animation: alertPopupHide 0.5s forwards
}

.popup__link {
    margin: -1.5rem 0 2.5rem
}

.basic-captcha__img {
    margin: -1rem 0 2rem
}

.header__cart-item-title:hover {
    text-decoration: none
}

.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500
}

@media (min-width:768px) {
    .pagination {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 4rem;
    height: 4rem;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s, background 0.25s;
    border-radius: 4px;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    line-height: initial
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus {
    text-decoration: none;
    color: var(--theme-primary-color);
    background: none
}

.pagination > .active > span,
.pagination > .active > span:hover {
    background: var(--theme-primary-color);
    color: #fff
}

.article__body--blog blockquote {
    border: none;
    margin: 0 0 4rem 3rem;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
    position: absolute;
    left: 100%;
    width: 37%
}

.article__body--blog blockquote img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 2.5rem -2.5rem
}

.article__body--blog blockquote p {
    margin: 0
}

.article__body .note-video-clip {
    margin: -6rem 0 -4rem;
    display: block
}

.ui-video__figure svg.icon-video {
    display: block !important
}

.footer__social-social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__social-social > li {
    margin: 0 1rem 1rem 0
}

.footer__social-link {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.25s, color 0.25s
}

.footer__social-link img {
    display: block;
    transition: transform 0.25s;
    will-change: transform;
    width: 2.4rem;
    height: 2.4rem
}

.footer__social-link:hover {
    text-decoration: none;
    color: var(--theme-primary-color)
}

.footer__social-link:hover img {
    transform: scale(1.2)
}

.form-group {
    margin: 0
}

.form-group .col-sm-2,
.form-group .col-sm-10 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    padding: 0;
    float: none;
    color: initial
}

.has-error .form-control,
.has-error .form-control:focus {
    box-shadow: none;
    border: 0
}

.ui-btn--file {
    margin: 0 0 2rem
}

.glyphicon-chevron-up:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E")
}

.glyphicon-chevron-down:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

.glyphicon-time:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E")
}

.glyphicon-calendar:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar3' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E")
}

.page {
    padding: 0 0 4rem
}

.page .container-pagination {
    margin: 0 0 6rem
}

@media (min-width:1200px) {
    .page {
        padding: 0 0 8rem 0
    }

    .page__action {
        margin: 0 0 2rem
    }

    .personal__wrapper .settings {
        margin: 0
    }
}

.page__body {
    margin: 0 0 6rem
}

.page__body--addresses {
    margin: 0 0 4rem
}

.table-responsive .ui-table,
.ui-wysiwyg table:not([class]) {
    margin: 0
}

.table-responsive {
    margin: 0 0 4rem
}

.products-amount {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(170 189 206 / 25%);
    border-radius: 5px;
    padding: 2.5rem 3rem;
    margin-top: -1.5rem;
    margin-left: -0.5rem;
    transition: transform 0.25s;
    z-index: 50;
    left: 100%
}

#column-right .products-amount {
    left: unset;
    right: 100%
}

.products-amount__amount {
    white-space: nowrap;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}

@media (max-width:1199px) {

    .swiper-shops,
    .swiper-blog,
    .swiper-news,
    .swiper-benefits,
    .swiper-reviews,
    .swiper-brands-featured,
    .swiper-categories,
    .swiper-stories-features,
    .swiper-partners {
        overflow-y: auto;
        margin: 0 -2.5rem -1rem -2.5rem
    }

    .swiper-shops > .swiper-wrapper,
    .swiper-blog > .swiper-wrapper,
    .swiper-news > .swiper-wrapper,
    .swiper-benefits > .swiper-wrapper,
    .swiper-reviews > .swiper-wrapper,
    .swiper-brands-featured > .swiper-wrapper,
    .swiper-partners > .swiper-wrapper,
    .swiper-categories > .swiper-wrapper,
    .swiper-stories-features > .swiper-wrapper {
        padding: 0 2.5rem 3rem 2.5rem;
        overflow-y: hidden
    }

    .swiper-shops > .swiper-wrapper::-webkit-scrollbar,
    .swiper-blog > .swiper-wrapper::-webkit-scrollbar,
    .swiper-news > .swiper-wrapper::-webkit-scrollbar,
    .swiper-benefits > .swiper-wrapper::-webkit-scrollbar,
    .swiper-reviews > .swiper-wrapper::-webkit-scrollbar,
    .swiper-brands-featured > .swiper-wrapper::-webkit-scrollbar,
    .swiper-partners > .swiper-wrapper::-webkit-scrollbar,
    .swiper-categories > .swiper-wrapper::-webkit-scrollbar,
    .swiper-stories-features > .swiper-wrapper::-webkit-scrollbar {
        width: 0.3rem;
        height: 0.3rem;
        background: none;
        border-radius: 3px
    }

    .swiper-shops > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-blog > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-news > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-benefits > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-reviews > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-brands-featured > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-partners > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-categories > .swiper-wrapper::-webkit-scrollbar-thumb,
    .swiper-stories-features > .swiper-wrapper::-webkit-scrollbar-thumb {
        background: var(--theme-primary-color)
    }

    .swiper-shops > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-blog > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-news > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-benefits > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-reviews > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-brands-featured > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-partners > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-categories > .swiper-wrapper::-webkit-scrollbar-track-piece,
    .swiper-stories-features > .swiper-wrapper::-webkit-scrollbar-track-piece {
        background: #EEF0F3;
        margin: 0 2.5rem;
        cursor: pointer
    }

    .swiper-reviews .swiper-scrollbar,
    .swiper-stories-features .swiper-scrollbar {
        display: none
    }
}

.search-page {
    padding: 2.5rem;
    background: #fff;
    border-radius: 10px;
    display: block;
    margin-bottom: 4rem
}

.manufacturer-page {
    margin-bottom: 4rem
}

input[type=checkbox][disabled] ~ span,
input[type=radio][disabled] ~ span {
    opacity: 0.5;
    cursor: default
}

input[type=button] {
    cursor: pointer
}

#collapse-checkout-confirm .pull-right {
    float: none !important;
    padding: 2rem 0 0 0
}

.agree {
    color: #4791FF;
    text-decoration: none;
    transition: opacity 0.25s, color 0.25s
}

.agree b {
    font-weight: normal
}

.agree:hover {
    opacity: 0.7;
    text-decoration: none
}

.is-header-checkout .breadcrumbs__menu {
    display: none
}

.is-header-checkout .breadcrumbs__title {
    margin: 0
}

.app--v6 .header--checkout,
.app--v7 .header--checkout,
.app--v8 .header--checkout {
    background: #fff;
    color: #343434
}

.app--v6 .header--checkout .header__call-btn,
.app--v7 .header--checkout .header__call-btn,
.app--v8 .header--checkout .header__call-btn {
    border-color: rgba(52, 52, 52, 0.1);
    color: #343434
}

.app--v6 .header--checkout .header__call-btn:hover,
.app--v7 .header--checkout .header__call-btn:hover,
.app--v8 .header--checkout .header__call-btn:hover {
    color: #343434;
    border-color: #343434
}

.calculate_ship {
    font-weight: normal;
    margin-left: 0.5rem
}

.loading {
    display: inline-block;
    clip-path: inset(0 1ch 0 0);
    animation: loading 1s steps(4) infinite
}

@keyframes loading {
    to {
        clip-path: inset(0 -1ch 0 0)
    }
}

#popupprod .bootstrap-datetimepicker-widget {
    position: absolute !important;
    inset: unset !important;
    top: 7.3rem !important
}

#popupprod .ui-found,
#popupprod .ui-btn--fullwidth,
#popupprod .popup__title,
#popupprod .order-xl-3,
#popupprod .order-xl-8,
#popupprod .order-xl-6 {
    display: none
}

#popupprod .sku__rating {
    pointer-events: none
}

.popup--prod .fancybox-close {
    display: none
}

.fancybox-popupprod .fancybox-close {
    display: block !important
}

.popup--option-required .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%
}

.popup--option-required .ui-btn--fullwidth,
.popup--option-required .popup__title {
    display: block !important
}

.popup--option-required .sku__desc,
.popup--option-required .sku__group {
    padding: 0;
    border: 0
}

.popup--option-required .ui-select,
.popup--option-required .ui-input,
.popup--option-required .ui-textarea {
    max-width: 100%
}

.popup--option-required .js-sku-view > img {
    margin: 0 auto;
    display: block;
    padding-bottom: 2rem
}

.scroll-to-top {
    position: fixed;
    bottom: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #343434;
    text-align: center;
    z-index: 1099;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s
}

.scroll-to-top.active {
    opacity: 1;
    visibility: visible
}

.scroll-to-top .icon-arrow-toggle {
    transform: rotate(180deg);
    margin: 1.5rem 0;
    color: #fff
}

.chat .scroll-to-top {
    position: absolute;
    top: -5rem;
    left: 1rem
}

.scroll-to-top--left {
    left: 2rem
}

.scroll-to-top--right {
    right: 2rem
}

img.loader {
    margin: 0 auto;
    display: block
}

.addthis_inline_share_toolbox[data-url] + img.loader {
    display: none
}

.tooltip-inner {
    background: #fff;
    color: #343434;
    box-shadow: 0px 0px 20px rgb(170 189 206 / 25%);
    border-radius: 5px;
    padding: 2rem;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff
}

.tooltip.right .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #fff
}

.tooltip.left .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #fff
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #fff
}

#column-left .container-fluid,
#column-right .container-fluid {
    max-width: unset;
    padding: 0
}

.cookieagry {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%
}

.cookieagry-alert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6rem;
    pointer-events: auto;
    padding: 1rem 2rem 1rem 2rem;
    margin: 0 0 1rem;
    position: relative;
    border-radius: 10px;
    animation: alertpopupShow 0.5s forwards;
    background: #343434;
    color: #fff;
    max-width: 109rem;
    margin: 0 auto 2rem auto
}

.cookieagry__text {
    margin: 0 3rem 0 0
}

.cookieagry-alert .agree {
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 60%)
}

@media (max-width:1199px) {
    .cookieagry-alert {
        margin: 2.5rem;
        padding: 2.5rem
    }
}

@media (max-width:767px) {
    .cookieagry-alert {
        flex-wrap: wrap
    }

    .cookieagry__text {
        margin: 0 0 2rem 0
    }

    .cookieagry__action {
        width: 100%
    }

    .cookieagry__action .ui-btn {
        width: 100%;
        height: 4.8rem
    }
}

.personal-data {
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 400;
    color: #BDC2D3;
    margin: 2rem 0 0
}

.personal-data a {
    color: #BDC2D3;
    text-decoration: none;
    border-bottom: 1px solid currentColor
}

.daterangepicker {
    z-index: 99999 !important
}

.hide {
    display: none
}

.editor .intro {
    margin: 0 0 1.5rem;
    padding: unset;
    background: unset;
    box-shadow: none
}

.product-thumb {
    border: 1px solid #E7ECF2;
    margin-bottom: 2rem;
    overflow: auto;
    padding: 2rem;
    border-radius: 10px;
    background: #fff
}

.product-thumb .image img {
    margin: 0 auto
}

@media (min-width:767px) {
    .product-list .product-thumb .image {
        float: left;
        margin-right: 2rem
    }
}

input[type=checkbox]:not([class]),
input[type=radio]:not([class]) {
    width: unset;
    height: unset;
    appearance: auto;
    display: inline;
    margin: inherit
}

input[type=checkbox]:not([class]):focus,
input[type=radio]:not([class]):focus {
    box-shadow: none;
    outline: unset
}

.buttons {
    margin: 2rem 0
}

.btn.active,
.btn:active {
    box-shadow: none
}

@media (max-width:1199px) {

    .col-xl-3 + .col-sm-9,
    .col-xl-3 + .col-sm-6,
    .col-sm-6 + .col-xl-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color)
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: var(--theme-primary-color);
    background-color: #fff
}

.list-group-item {
    border: 1px solid #fff
}


.ui-btn.ui-btn--compare,
.products__item-badges {
    display: none;
}

.products-featured {
    background-color: #fff;
}

.products__item-status,
.products__item-id,
.ui-btn--view {
    display: none;
}

.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button {
    background-color: #D03971;
    justify-content: center;
        border-radius: 5px;
}

.ui-add-to-cart svg {
    /* display: none; */
}

.ui-add-to-cart button.ui-btn {
    justify-content: center;
    text-transform: uppercase;
}

.header__info li{
    align-items: center;
}

.header__info ul{
    gap: 30px;
}

.header__info a, .header__info{
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.header__cart-btn{
    background: #C04670;
    border-radius: 0px;
}

.header__info{
    margin-top: 6px;
}

#cart-total{
    display: flex;
    align-items: center;
    margin-left: 14px;
    gap: 10px;
    color: #fff;
}

#cart-total mark{
    color: #fff;
    opacity: 1;
    margin-top: 3px;
}

.header__row{
    background: #F9F6F6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__logo{
    margin-top: 23px !important;
    margin-bottom: 23px !important;
}

.header__search{
    margin-left: 91px !important;
}

.header__search input{
    background: #fff !important;
}

.header__search-btn{
    background: none !important;
    color: #000;
}

.header__group__account{
    display: flex;
    gap: 10px;
}

.header__group--text--icon{
    display: flex;
    align-items: center;
    gap: 12px;
}

.header__icons{
    margin-right: 91px;
    display: flex;
    gap: 18px;
}

.header__one--top .header__group{
    display: flex;
    align-items: center;
}

.header__row::before{
    background: #F9F6F6;
}

.header__nav--menu{
    background: #fff;
    display: flex;
    align-items: center;
}

.header__catalog--button {
    position: relative;
    width: 308px;
    height: 45px;
  }
  
  .header__catalog--button button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background: #D03971;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    border-radius: 0;
}
  
.header__catalog--button .catalog-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}

.header__catalog--button:hover .catalog-text{
    color: #000;
}
  
.header__catalog--button .burger {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 18px;
    width: 22px;
}
  
.header__catalog--button .burger span {
    display: block;
    height: 1px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
}

.header__catalog--button:hover .burger span{
    background: #000;
}

.header__nav__menu--row{
    display: flex;
    align-items: center;
    gap: 60px;
    margin-left: 64px;
}

.header__nav__menu--row a{
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
}

.products__item{
    width: 307px;
}

.products__item-in{
    padding: 18px 22px !important;
}

.rating{
    display: flex;
    gap: 10px;
}

.rating span{
    width: 20px;
    height: 20px;
}

.products__item-title{
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.sci {
    background: none !important;
    border: none !important;
}

.sc-image img{
    width: 80px;
    height: 80px;
}

.sc-title{
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 400 !important;
    background-color: #fff !important;
}

.sc-content{
    max-width: 1296px;
    margin: 0px auto !important;
}

.sc-content a{
    display: flex;
    justify-content: end;
    margin-bottom: 52px;
    color: #3B3B3B;
    font-size: 14px;
}

.sc-content a span{
    margin-left: 7px;
}

.products-featured__title, .categories__title{
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 40px;
}

.products-featured, .categories{
    padding-top: 100px;
}

.categories__item-back, .categories__item-image, .categories__item  {
    width: 307px;
    height: 410px;
}

.categories__swiper a{
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    padding-top: 42px;
}

.seo__wrapper{
    display: flex;
    justify-content: space-between;
  
}

.seo__title{
    width: 100%;
    font-size: 32px;
    font-weight: 400;
}

.seo__text{
    font-size: 14px;
    margin-top: 20px;
}

.seo__bottom--image img{
    width: 100%;
}

.seo{
    margin-bottom: 80px;
}

.media{
    display: flex;
    gap: 35px;
}

.media-left{
    display: flex;
    width: 60px !important;
}

.media-left img{
    width: 60px;
    height: 60px;
}

.media-body{
    width: 192px;
}

.blog-featured{
    margin-top: 120px;
}

.blog-featured__title{
    font-size: 32px;
    font-weight: 400;
}

.blog-featured__all a{
    color: #000;
    font-weight: 400;
}

.blog-featured__item-image{
    height: 322px;
}

.blog-featured__swiper{
    margin-top: 50px;
}

.blog-featured__item{
    background: #FAF6F6;
}

.blog-featured__item-title{
    margin-left: 11px !important;
    margin-right: 11px !important;
    margin-top: 10px !important;
    font-size: 16px;
    font-weight: 400;
}

.blog-featured__item-date{
    margin-top: 20px !important;
    margin-left: 11px !important;
    margin-right: 11px !important;
    margin-bottom: 27px !important;
    font-size: 14px;
    color: #000;
    opacity: 0.7;
}

.blog-featured__item{
    height: 466px;
    border-radius: 15px;
    
        overflow: hidden;
}

.page-header{
    display: none;
}

.media-heading{
    font-size: 16px;
}

.media-body p{
    font-size: 14px ;
}

.products-categories__grid, .settings{
    display: none;
}

.is-header-v6 .header__info-link:hover, .is-header-v6 .header__nav-link:hover{
    color: #000 !important;
}

.header__search-autocomplete{
    z-index: 9999 !important;
}

.header__catalog-link{
    color: #000 !important;
}

.blog-featured__item:hover .blog-featured__item-title{
    color: #000 !important;
}

.ui-add-to-cart button.ui-btn:hover{
    background: #A43C60;
    opacity: 0.7;
}

.header__search-control{
    margin-right: 20px !important;
}

.breadcrumbs__menu, .breadcrumbs__link{
    font-size: 12px;
    color: #000;
}

.sku__slide{
    border: 0px;
}

.sku__horizontal-control{
    border-top: none;
}

.sku__horizontal{
    border-bottom: none;
}

.sku__horizontal-thumbs .swiper-horizontal-thumbs .swiper-slide{
    border-left: none;
}

.sku__view-body > .row > [class^=col]{
    border-right: none;
}

.sku__desc .modelfx{
       font-size: 20px;
    color: #000;
    font-weight: 600;
}

.sku__desc h1{
    margin: 0 !important;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 4px; 
    padding-top: 4px;
}

.sku__addto-btn-text{
    display: none;
}

.sku__addto-btn{
    width: 100%;
    justify-content: end;
    text-align: right;
    margin-top: 10px;
    color: #D03971;
}

.sku__desc{
    max-width: 80%;
}

.sku__desc .rating{
    height: 10px;
}

.sku__desc .row:nth-child(0){
    border-bottom: 1px solid #000;
}

.details__accordion-collapse{
    padding: 0px 22px;
}

.details__accordion-toggle{
    padding: 0;
}

.product-sku{
    width: 97%;
    display: flex;
    justify-content: end;
    margin-top: 13px;
    margin-bottom: 15px;
    font-size: 12px;
}

.sku__price{
    font-size: 24px;
    font-weight: 600;
    width: 100px;
}

.sku__availability{

}

.sku__availability:before{
    width: 0;
    height: 0;
}

.ui-add-to-cart button.ui-btn{
    margin-left: 10px;
    margin-bottom: 10px;
}

.details__accordion-title{
    font-size: 16px;
    font-weight: 700;
}

.details__accordion-toggle{
    min-height: 0;
    padding: 21px 0px;
    margin-bottom: 17px;
    border-bottom: 1px solid #EAEAEA;
}

.details__accordion-toggle:hover{
    color: #000;
}

.details__comments{
    display: block;
}

.details__txt p{
    font-size: 14px;
}

.product__hr{
    width: 100%;
    height: 1px;
    background: #EAEAEA;
    margin-top: 10px;
}

.ui-add-to-cart button.ui-btn .icon-cart{
    display: none;
}

.products-featured__title, .categories__title{
   font-size: 32px;
    font-weight: 400;
}

.footer{
       background: #FAF6F6 !important;
}

.footer__support-title, .footer__support-link, .footer__copyright{
    color: #000;
    text-decoration: none;
}

.catalog__content .seo{
    display: none !important;
}

.catalog .banners{
    display: none;
}

.categories-aside__link{
    background: inherit;
    padding: 0;
}

.categories-aside__menu .is-open .categories-aside__link{
    font-weight: 600;
}

.categories-aside__title{
    display: none;
}

.categories-aside{
    padding: 0;
}

.breadcrumbs__link, .breadcrumbs__link:hover{
    color: #3B3B3B;
}

.breadcrumbs__counter{
    display: none;
}

.breadcrumbs__title{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
}

.intro{
    margin: 0;
    padding: 0;
}

.icon-favorites {
    fill: rgb(255 255 255 / 25%);
    stroke: #f45656;
    stroke-width: 2;
}

.ui-btn--compare, .ui-btn--favorite {
    padding: 0;
    width: 2.6rem;
    height: 2.6rem;
    color: #f45656;
}

.products__item .ui-btn--favorite {
    display: none;
}

.products__item:hover .ui-btn--favorite {
    display: block;
}
.fa-stack-2x {
    font-size: 20px;
}


.products__item-model{
    
font-size: 13px;
    line-height: 15px;
    display: block;
    margin-top: 20px;
}

@media (min-width:1200px){
.ui-add-to-cart {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.ui-add-to-cart button.ui-btn {
    margin-left: 10px;
    margin-bottom: 0px;
}
.ui-add-to-cart .ui-number {
    order: -1;            /* Перемещает блок количества перед кнопкой */
}

/* Если нужно поменять местами и кнопку быстрого просмотра */
.ui-add-to-cart .ui-btn--view {
    order: 1;             /* Кнопка просмотра будет справа */
}
    .ui-add-to-cart .ui-number {
    width: 8.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
}
    
    .sku__desc .ui-add-to-cart {
            display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-left: 10px;
    }
    .sku__desc .sku__price{
           font-size: 24px;
    font-weight: 600;
    width: 100px;
    float: left;
    margin-right: 42px;
    margin-top: 30px;
    margin-bottom: 30px;
    }
     .sku__desc .sku__availability {
            margin-top: 35px;
    }
        .header__search-autocomplete {
        position: absolute;
        top: 100%;
        left: 60px;
    }
}

.bannslid{
    width: 100%;
}

.nambanna{
        font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 15px;
}

.brands-featured__item1{
    color: #000;
    text-decoration: none;
}

.brands-featured__item1:hover{
    text-decoration: none;
}

.header__search-btn{
    text-transform: uppercase;
    margin-right: 15px;
}

.brands-featured__item-image1{
    text-align: center;
}

.brands-featured__item-image1 img{
    width: 100%;
}

.is-footer-v5 .footer {
  color: #000;
}

.newspis{
    list-style: none;
    margin-right: 30px;
}
.newspis li{
    font-size: 14px;
  line-height: 35px;
}

.newspis a{
    color: #000;
}
.newspis a:hover{
    color: #D03971;
}


.header__search-btn:hover{
  background: none !important;
  color: #D03971 !important;
}

.spiscontactn a{
    color: #000;
}
.spiscontactn a{
    color: #000;
}
.spiscontactn{
      list-style: none;
    padding: 0;
}

.spiscontactn li{
    font-size: 14px;
    line-height: 45px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.spiscontactn li svg{
    margin-right: 10px;
}

.header__acc-btn1{
    color: #000;
    display: contents;
}
.header__acc-btn1:hover{
    color: #D03971;
}

.header__acc-btn1:hover path{
    fill:#D03971;
}

.wishicon{
    color: #000;
}
.wishicon:hover{
    color: #D03971;
    text-decoration: none;
}
.wishicon svg path{
    fill:#000;
}
.wishicon:hover svg path{
     fill:#D03971;
}


.header__sticky-btn {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 6.5rem;
    text-decoration: none;
    color: #000000;
    
}


.sc-grid .img-top:hover img{
    max-width: 70px;
    transition: 0.2s;
}


.header__nav__menu--row a:hover{
  text-decoration: underline;  
} 

.products__item:hover {
    border-radius: 15px;
}

.js-swiper-products-scrollbar{
    display: none;
}



#column-left > #column-left{
        width: 100% !important;
    max-width: 100%;
}

.simpleregister-button-block{
    overflow: hidden!important;
}

.simpleregister-button-block input[type="checkbox"]{
        margin-left: -20px;
    margin-top: 3px;
}

.header__cart-btn:hover {
    background-color: #D03971;
}


.categories-aside__link:hover {
    text-decoration: none;
    color: #d03971;
}

.ui-btn--primary:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.focus, .btn-primary:focus, .comments__form-btn:hover, .brands__search-btn:hover, .details__comments-form-btn:hover, .reviews__form-btn:hover, .button-group button:hover {
    background: #D03971;
    color: #fff;
    border-color: transparent;
    box-shadow: none;
}

.ui-add-to-cart.is-active .ui-btn--primary, .ui-add-to-cart.is-active .comments__form-btn, .ui-add-to-cart.is-active .brands__search-btn, .ui-add-to-cart.is-active .details__comments-form-btn, .ui-add-to-cart.is-active .reviews__form-btn {
    background: #323131;
    font-size: 1.4rem;
    padding-left: 15px;
    padding-right: 15px;
    width: 13.2rem;
}

.ui-btn--grey:hover, .ui-code__btn:hover, .btn-default:hover {
    background: var(--theme-primary-color);
    color: #000000;
}
.categories-aside__sublink:hover {
    text-decoration: none;
    color: #d03971;
}

.ui-add-to-cart button.ui-btn:hover {
    background: #D03971;
    opacity: 1;
}

.cart__delivery{
    
 display: none;
}

.cart__data {
    background: #FAF6F6;
}
.ui-check__input:checked ~ .ui-check__btn .ui-check__btn-radio {
    background: #d03971;
    border-color: #d03971;
}

.ui-check__btn-radio {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid #b8b8b8;
    background: #fff;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem 0 0;
    position: relative;
    transition: border-color 0.25s, background 0.25s;
}


.personal__wrapper .personal__card{
        background: #faf6f6;
    border-radius: 10px;
}
.ui-btn--grey, .ui-code__btn, .btn-default {
    background: #d03971;
    color: #ffffff;
     border-radius: 5px;
}
.ui-btn--grey:hover, .ui-code__btn:hover, .btn-default:hover {
    background: #E64C85;
    color: #ffffff;
}
.ui-btn--red, .btn-danger {
    background: #ffffff;
    color: #D03971;
    border-radius: 5px;
    border: 1px  #D03971 solid;
}
.btn-danger:hover{
    
}

.simplecheckout-block .cart__content .cart__list{
    display: none;
}
.simplecheckout-block:not(#simplecheckout_cart) {
    clear: both;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 1rem;
    padding: 4rem;
    padding-bottom: 0px!important;
}
.simplecheckout-block:not(#simplecheckout_cart) {
    clear: both;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 1rem;
    padding: 4rem;
    padding-bottom: 0px;
    padding-top: 0px!important;
}


#agreement_checkbox  input[type="checkbox"] {
    margin-left: -20px!important;
    margin-top: 3px!important;
}

@media (max-width:768px){
.seo__wrapper {
    display: flex
;
    justify-content: space-between;
    flex-direction: column;
}
.seo__title {
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    margin-right: 15px;
}
    
    .blog-featured {
    margin-top: 20px;
}
    
    .blog-featured__swiper {
    margin-top: 5px; 
}
    
    .products-featured, .categories {
    padding-top: 20px;
}
    
    .swiper-brands-featured .swiper-slide {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s;
}
    .swiper-brands-featured .swiper-button-prev{
        display: none;
    }
    .swiper-brands-featured .swiper-button-next{
         display: none;
    }
    .footer {
        padding-bottom: 30px;
    }
    
    .sku__view-body .col-xl-6{
            padding-left: 25px;
    }
    .sku__view-body .sku__desc .modelfx {
        margin-top: 20px;
    }
    .sku__view-body .sku__price {
    
    margin-top: 30px;
}
    
    .sku__availability {
        padding-left: 0px;
    }
    
    .details {
    margin: 0 0 1rem;
}
    .products-featured .ui-add-to-cart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: flex-start;
    white-space: nowrap;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
    
    .header__mobile {
        display: -ms-flexbox;
        display: flex
;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: flex-end;
        height: 7.5rem;
        flex-wrap: nowrap;
    }
    #column-left #yum-1{
        display: none;
    }
    }


.sc-grid .sci:hover, .sc-list > .sci:hover {
    box-shadow: none!important;
}
@media (max-width: 768px) {
    .intro__item {
        min-height: 40rem!important;
    }
}


.cardSelectionLink {
    padding: 10px;
    background: #d03971!important;
}

.cardSelectionLink:hover{
    background: #D03971!important;
    text-decoration: none;
}

[name="kbgc_delivery_option"]{
       
    min-width: 300px;
}

#form-gift-card-submit{
    margin-top: 30px;
}


.giftSectionOneBody #mySectionOneTab li.active a, .giftSectionTwoBody #mySectionTwoTab li.active a {
    background: #d03971!important;
    color: #fff;
    margin: 0;
    border: 0;
}

.giftSectionOneBody #mySectionOneTab, .giftSectionTwoBody #mySectionTwoTab {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: relative;
    border-bottom: 3px solid #d03971!important;
    margin-bottom: 0;
}

.giftcardDetails h4 {
    background: #efefef;
    padding: 10px;
    border-left: 5px solid #d03971!important;
    font-size: 16px;
    margin-bottom: 20px;
}

#gift_card_atc_button {
    background: #d03971!important;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}


#gift_card_atc_button:hover {
        background:#d03971!important;
    opacity: 0.8;
}


.giftSectionOneBody #mySectionOneTab, .giftSectionTwoBody #mySectionTwoTab {
    background: rgb(255 255 255 / 50%)!important;
}



.cardSelectionLink:hover {
    
        background: #d03971!important;
    opacity: 0.8;
}

#drop_amount{
        font-size: 20px;
    font-weight: 600;
    color: #d03971;
}


.swiper-button-next:hover, .swiper-button-prev:hover{
        box-shadow: 1px 0px 10px #333;
    transition: 0.2s;
}
.CardDetails {
    background: #ffff;
    max-width: 285px;
    margin: 0 auto 30px;
    transition: 0.75s ease;
    border-radius: 10px;
}

.CardDetails:hover {
    box-shadow: none!important;
}

a:not([class]):hover, .ui-link--blue:hover, .article__body a:hover:not([class]), .contacts__data-address a:hover, .contacts__shops-item-title a:hover, .contacts__info-item-address a:hover, .details__comments-item-answer-body a:hover, .details__comments-item-readmore + .ui-link:hover, .details__txt-readmore + .ui-link:hover, .details__txt a:hover, .seo__readmore-link:hover, .seo__desc a:hover, .reviews__answer-body a:hover, .reviews__item-link:hover, .reviews__item-body a:hover, .reviews__item-details-btn:hover, .ui-wysiwyg a:hover:not([class]), .ui-check__btn-text a:hover {
    color: #d03971;
    opacity: 0.7;
}

a, .ui-link--blue, .article__body a:not([class]), .contacts__data-address a, .contacts__shops-item-title a, .contacts__info-item-address a, .details__comments-item-answer-body a, .details__comments-item-readmore + .ui-link, .contacts__data-address .details__comments-item-readmore + a, .contacts__shops-item-title .details__comments-item-readmore + a, .contacts__info-item-address .details__comments-item-readmore + a, .details__comments-item-answer-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-details-btn, .reviews__item-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-link, .reviews__answer-body .details__comments-item-readmore + a, .seo__desc .details__comments-item-readmore + a, .details__comments-item-readmore + .seo__readmore-link, .details__txt .details__comments-item-readmore + a, .details__txt-readmore + .ui-link, .contacts__data-address .details__txt-readmore + a, .contacts__shops-item-title .details__txt-readmore + a, .contacts__info-item-address .details__txt-readmore + a, .details__comments-item-answer-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-details-btn, .reviews__item-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-link, .reviews__answer-body .details__txt-readmore + a, .seo__desc .details__txt-readmore + a, .details__txt-readmore + .seo__readmore-link, .details__txt .details__txt-readmore + a, .details__txt a, .seo__readmore-link, .seo__desc a, .reviews__answer-body a, .reviews__item-link, .reviews__item-body a, .reviews__item-details-btn, .ui-wysiwyg a:not([class]), .ui-check__btn-text a {
    color: #d03971;
    border-bottom:0px;
}

@media (max-width: 767px) {
    .products__item--responsive .products__item-action .ui-btn--primary {
        margin-bottom: 1rem;
        width: unset;
        max-width: 15rem;
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        font-size: 12px;
        margin: 0;
        margin-bottom: 10px;
    }
}


.ratfixx{
    min-height: 20px;
}