@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: #F7F7FB;
    --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);
}

/* ==========================================================================   Utilites   ========================================================================== */
.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: 1199px) {
    .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;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document   ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections ========================================================================== */
/*** Remove the margin in all browsers.*/
body {
    margin: 0;
}

/*** Render the `main` element consistently in IE.*/
main {
    display: block;
}

/*** Correct the font size and margin on `h1` elements within `section` and* `article` contexts in Chrome, Firefox, and Safari.*/
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content ========================================================================== */
/*** 1. Add the correct box sizing in Firefox.* 2. Show the overflow in Edge and IE.*/
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/*** 1. Correct the inheritance and scaling of font size in all browsers.* 2. Correct the odd `em` font sizing in all browsers.*/
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics ========================================================================== */
/*** Remove the gray background on active links in IE 10.*/
a {
    background-color: transparent;
}

/*** 1. Remove the bottom border in Chrome 57-* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.*/
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/*** Add the correct font weight in Chrome, Edge, and Safari.*/
b,strong {
    font-weight: bolder;
}

/*** 1. Correct the inheritance and scaling of font size in all browsers.* 2. Correct the odd `em` font sizing in all browsers.*/
code,kbd,samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/*** Add the correct font size in all browsers.*/
small {
    font-size: 80%;
}

/*** Prevent `sub` and `sup` elements from affecting the line height in* all browsers.*/
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content ========================================================================== */
/*** Remove the border on images inside links in IE 10.*/
img {
    border-style: none;
}

/* Forms ========================================================================== */
/*** 1. Change the font styles in all browsers.* 2. Remove the margin in Firefox and Safari.*/
button,input,optgroup,select,textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/*** Show the overflow in IE.* 1. Show the overflow in Edge.*/
button,input {
    /* 1 */
    overflow: visible;
}

/*** Remove the inheritance of text transform in Edge, Firefox, and IE.* 1. Remove the inheritance of text transform in Firefox.*/
button,select {
    /* 1 */
    text-transform: none;
}

/*** Correct the inability to style clickable types in iOS and Safari.*/
button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
}

/*** Remove the inner border and padding in Firefox.*/
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/*** Restore the focus styles unset by the previous rule.*/
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/*** Correct the padding in Firefox.*/
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/*** 1. Correct the text wrapping in Edge and IE.* 2. Correct the color inheritance from `fieldset` elements in IE.* 3. Remove the padding so developers are not caught out when they zero out*    `fieldset` elements in all browsers.*/
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/*** Add the correct vertical alignment in Chrome, Firefox, and Opera.*/
progress {
    vertical-align: baseline;
}

/*** Remove the default vertical scrollbar in IE 10+.*/
textarea {
    overflow: auto;
}

/*** 1. Add the correct box sizing in IE 10.* 2. Remove the padding in IE 10.*/
[type=checkbox],[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/*** Correct the cursor style of increment and decrement buttons in Chrome.*/
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/*** 1. Correct the odd appearance in Chrome and Safari.* 2. Correct the outline style in Safari.*/
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*** Remove the inner padding in Chrome and Safari on macOS.*/
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*** 1. Correct the inability to style clickable types in iOS and Safari.* 2. Change font properties to `inherit` in Safari.*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive ========================================================================== */
/** Add the correct display in Edge, IE 10+, and Firefox.*/
details {
    display: block;
}

/** Add the correct display in all browsers.*/
summary {
    display: list-item;
}

/* Misc ========================================================================== */
/*** Add the correct display in IE 10+.*/
template {
    display: none;
}

/*** Add the correct display in IE 10.*/
[hidden] {
    display: none;
}

/* Defaults ========================================================================== */
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 {
    text-decoration: none;
}

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: 5px;
    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-video-rutube, .article__body a:not([class]) svg.icon-video-rutube, .contacts__data-address a svg.icon-video-rutube, .contacts__shops-item-title a svg.icon-video-rutube, .contacts__info-item-address a svg.icon-video-rutube, .details__comments-item-answer-body a svg.icon-video-rutube, .details__txt a svg.icon-video-rutube, .seo__readmore-link svg.icon-video-rutube, .seo__desc a svg.icon-video-rutube, .reviews__answer-body a svg.icon-video-rutube, .reviews__item-link svg.icon-video-rutube, .reviews__item-body a svg.icon-video-rutube, .reviews__item-details-btn svg.icon-video-rutube, .ui-wysiwyg a:not([class]) svg.icon-video-rutube {
    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 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    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 {
    padding-top: 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: 1199px) {
    .ui-video {
        margin: 7rem 0 10rem;
    }
}

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

.ui-video__figure svg.icon-video, .note-video-clip span.icon-video-span {
    position: absolute!important;
    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: unset;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
}

.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 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    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;
}

/* Auto Height */
.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;
}

/* 3D Effects */
.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));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.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: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -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: "prev";
}

.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: "next";
}

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

/* Common Styles */
/* Bullets */
.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;
}

/* Progress */
.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;
}

/* Scrollbar */
.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;
}

/* Preloader */
.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);
    }
}

/* a11y */
.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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-partners .swiper-slide:nth-of-type(5) {
            grid-area: area_05;
        }

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

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

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

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

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .swiper-brands-featured {
        margin: 0 -1rem;
    }

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

    .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;
    /* Using without prefix would break IE11 */
    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%;
}

/* Fix iOS */
.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;
}

/* Buttons */
.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;
}

/* Fix IE11 */
.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;
}

/* Close button on the top right corner of html content */
.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;
}

/* Navigation arrows */
.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;
}

/* Caption */
.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;
}

/* Loading indicator */
.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);
    }
}

/* Transition effects */
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.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);
}

/* transitionEffect: fade */
.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;
}

/* transitionEffect: zoom-in-out */
.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);
}

/* transitionEffect: rotate */
.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);
}

/* transitionEffect: circular */
.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);
}

/* transitionEffect: tube */
.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);
}

/* Styling for Small-Screen Devices */
/* Share */
.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-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 1rem;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    padding-bottom: 2rem;
    margin: 0 auto;
}

.fancybox-thumbs-x::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
    background: none;
    border-radius: 3px
}

.fancybox-thumbs-x::-webkit-scrollbar-thumb {
    background: var(--theme-primary-color)
}

.fancybox-thumbs-x::-webkit-scrollbar-track-piece {
    background: #EEF0F3;
    margin: 0 2.5rem;
    cursor: pointer;
}

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .fancybox-popupprod .sku__view-head {
        display: none;
    }
}

.fancybox-bg {
    background: #191919;
    opacity: 0;
}

/*.fancybox-is-open .fancybox-bg {opacity: 0.5;}*/
@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;
}

/* Ion.RangeSlider, Flat UI Skin// css version 2.0.3// © Denis Ineshin, 2014    https://github.com/IonDen// ===================================================================================================================*/
/* =====================================================================================================================// Skin details */
.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: 2rem 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: 1199px) {
    .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: 1199px) {
    .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: 37rem;
    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;
}

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

.intro--oc-slideshow .intro__item-cover img {
    height: auto;
}

.intro--oc-slideshow .intro__item {
    min-height: unset;
    padding: 0;
}

.intro--oc-slideshow .intro__item-cover {
    position: relative;
}

.intro--oc-slideshow .intro__item-desc {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.intro__swiper--resizable .intro__item-cover {
    position: relative;
}

.intro__swiper--resizable .intro__item-desc {
    position: absolute;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.intro__swiper--resizable .intro__item:not(.intro__item--vertical) {
    min-height: unset;
    height: auto;
}

.intro__swiper--resizable .intro__item-cover img {
    -o-object-fit: contain;
    object-fit: contain;
}

@media (min-width: 768px) {
    .intro__swiper--resizable .intro__item {
        padding: 0;
    }

    .intro__swiper--resizable .intro__item-info {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.stories-features {
    margin: 0 0 6rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: #fff;
    border-radius: 10px;
}

.products__item:hover, .products__item-in:hover {
    z-index: 20;
}

.products__item:hover .products__item-in:before {
    opacity: 1;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
}

.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: 6rem 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);
    }
}

@media (max-width: 420px) {
    .products__item--responsive .products__item-action .ui-btn--primary {
        letter-spacing: -999rem;
        font-size: 0;
    }

    .products__item--responsive .ui-btn svg.icon-cart {
        margin: 0;
    }
}

.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 2rem;
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    height: 7.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: 2rem;
    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;
}

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

.products__list--grid-6 .products__item-price {
    position: relative;
}

.products__list--grid-6 .products__item-price mark {
    display: none;
}

.products__list--grid-6 .products__item-price del {
    position: absolute;
    top: -1.3rem;
    left: 0;
}

.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__list--grid-5 .products__item-price mark, .products__list--grid-4 .products__item-price mark {
    display: none;
}

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .blog__sorting {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0 0 1.5rem;
    }
}

@media (min-width: 1199px) {
    .blog__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .blog__content {
        -ms-flex: 1;
        flex: 1;
    }
}

.blog__nav {
    margin: 0 -2.5rem 1rem;
}

@media (min-width: 1199px) {
    .blog__nav {
        margin: 0 0 3.5rem;
    }
}

.blog__nav-title {
    display: none;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .blog__list > li.is-fullwidth {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
    width: 0.9rem;
    height: 0.9rem;
    transition: transform 0.25s;
}

.categories-aside__link span {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0;
    transition: transform 0.25s;
    padding: 1.3rem;
    background: #e4ebf1;
    border-radius: 5px;
}

@media (max-width: 1199px) {
    .categories-aside__link span {
        background: transparent;
    }

    .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: 1199px) {
    .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: 500;
}

@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: 3rem;
    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: 1199px) {
    .reviews__wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.reviews__content {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 2rem;
}

@media (min-width: 1199px) {
    .reviews__content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 3rem 0 0;
        padding: 0;
        border-radius: 0;
        background: none;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .reviews__form-close {
        display: none;
    }
}

.reviews__item {
    border-radius: 5px;
    background: #fff;
    padding: 2.5rem 2rem 2rem;
    border: 1px solid #F0F1F6;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .partners__item {
        height: 100%;
        /* min-height: 31.3rem; */
    }
}

.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: 1199px) {
    .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: 1199px) {
    .subsc__wrapper {
        padding: 4rem 10%;
    }
}

.subsc__form {
    max-width: 74rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .seo {
        margin: 0 0 14.5rem;
    }
}

@media (min-width: 1199px) {
    .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: 100%;
    max-width: 34rem;
    text-align: right;
}

.seo__image img {
    display: inline-block;
    width: auto;
    height: 100%;
}

@media (min-width: 1199px) {
    .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 2rem;
}

.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: 1199px) {
    .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: 1199px) {
    .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 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 2rem;
    color: #fff;
}

@media (max-width: 767px) {
    .catalog .container-pagination {
        display: flex;
        flex-wrap: wrap;
    }

    .pagination__action {
        margin: 0 0 2rem 0;
        order: -1;
        width: 100%;
    }

    .pagination__action .ui-btn--40 {
        padding: 1rem 2rem;
        font-size: 1.6rem;
        height: 5rem;
        width: 100%;
        border-radius: 5px;
    }
}

.sku {
    margin: 0 -2.5rem 4rem;
}

@media (min-width: 1199px) {
    .sku {
        margin: 0 0 6rem;
    }
}

.sku__view {
    background: #fff;
    width: 100%;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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;
    }
}

/* Увеличить фото карточки товара */
@media (max-width: 767px) {
    .sku__slide {
        height: auto;
        min-height: 40rem;
    }
}

@media (max-width: 480px) {
    .sku__slide {
        min-height: 100vw;
    }
}

/*.fancybox-container .sku__slide {pointer-events: none;}*/
.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: 1199px) {
    .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: 1199px) {
    .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;
}

.sku__video svg.icon-video-rutube {
    width: 2.4rem;
    height: 2.4rem;
}

.sku__video span.icon-video-span {
    display: inline-block;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    line-height: 1rem;
    margin-right: 0.5rem;
    position: relative;
    background: rgb(0, 161, 231);
    color: #fff;
}

.note-video-clip span.icon-video-span {
    display: inline-block;
    border-radius: 9px;
    width: 50px;
    height: 50px;
    line-height: 1rem;
    margin-right: 0.5rem;
    position: relative;
    background: rgb(0, 161, 231);
    color: #fff;
}

span.icon-video-span:after {
    content: '▶';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
    font-size: 12px;
}

.note-video-clip span.icon-video-span:after {
    font-size: 18px;
}

@media (min-width: 1199px) {
    .sku__video svg.icon-video {
        width: 4.4rem;
        height: 3.2rem;
    }

    .sku__video svg.icon-video-rutube {
        width: 3.2rem;
        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: 1199px) {
    .sku__desc {
        padding: 2.5rem 4rem 3rem;
    }
}

.sku__group {
    padding: 2.5rem;
    border-bottom: 1px solid #EDEDF9;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
    text-decoration: none;
}

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .sku__compact-wrapper {
        padding: 0 3rem;
    }
}

@media (min-width: 1199px) {
    .sku__compact-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 1rem 0rem 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: 1199px) {
    .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: 1199px) {
    .set {
        margin: 0 0 10rem;
    }
}

.set__title {
    margin: 0 0 2rem;
}

.details {
    margin: 0 0 6rem;
}

@media (min-width: 1199px) {
    .details {
        margin: 0 0 8rem;
    }
}

.details__control {
    background: #FFFFFF;
    margin: 0 -2.5rem 0.5rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .details__title {
        font-size: 2.4rem;
    }
}

.details__wrapper {
    position: relative;
}

.details__tabs {
    position: relative;
    background: #fff;
    margin: 0 -2.5rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .details__comments-content,#faq_content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 2rem 0 0;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .details__comments-form {
        background: #FFFFFF;
        border: 1px solid #F0F1F7;
        border-radius: 5px;
        padding: 3rem 3rem 3.5rem;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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, .blog .seo, .brands .seo {
    border-top: 1px solid #EDEDF3;
    padding: 6rem 0 0;
    margin: 0;
}

.catalog .seo--top, .blog .seo--top {
    border-top: 0;
    border-bottom: 1px solid #EDEDF3;
    padding: 0 0 1rem;
    margin-bottom: 4rem;
}

@media (min-width: 1199px) {
    .catalog {
        margin: 0 0 8rem;
    }
}

@media (min-width: 1199px) {
    .catalog__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 1199px) {
    .catalog__sidebar {
        width: 34rem;
        margin: 0 2rem 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

/* @media (min-width: 1199px) {.catalog__content {}} */
@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: 1199px) {
    .filter-aside {
        margin: 0 0 2rem;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 3rem;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
    padding: 1rem 3.5rem 1rem 1.5rem;
}

.settings .ui-select .selectric {
    background: #fff;
}

.settings .ui-select .selectric-items {
    background: #fff;
    white-space: nowrap;
}

@media (min-width: 1199px) {
    .settings .ui-select {
        min-width: 21rem;
    }
}

.cart {
    margin: 0 0 6rem;
}

@media (min-width: 1199px) {
    .cart {
        margin: 0 0 8rem;
    }
}

.cart__title {
    display: none;
}

@media (min-width: 1199px) {
    .cart__title {
        display: block;
        margin: 0 0 2rem;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
    }
}

@media (min-width: 1199px) {
    .cart__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.cart__content {
    margin: 0 0 2rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
}

.cart__item-title:hover {
    color: var(--theme-primary-color);
    text-decoration: none;
}

.cart__item-title--out-of-stock,.cart__item-title--out-of-stock:hover {
    color: #F45656;
}

.cart__item-text {
    display: none;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .checkout {
        margin: 0 0 8rem;
    }
}

.checkout__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .checkout__sidebar {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 46rem;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .checkout__data-arrow {
        display: none;
    }
}

.checkout__data-body {
    display: none;
    padding: 2rem 0 0;
    transition: opacity 0.25s;
    opacity: 0;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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 td:last-child {
    white-space: nowrap;
}

.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: 1199px) {
    .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: 1199px) {
    .brands-featured {
        margin: 0 0 10rem;
    }
}

.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: 1199px) {
    .brands {
        margin: 0 0 8rem;
    }
}

.brands__wrapper {
    max-width: 94rem;
    margin: 0 auto;
}

.col-xl-9 .brands__wrapper,.col-xl-6 .brands__wrapper {
    max-width: unset;
}

.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: 1199px) {
    .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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .contacts__map {
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 5rem;
    }
}

.map_icon img {
    max-width: 4.8rem;
}

.contacts__wrapper {
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1.8rem;
    line-height: 1.15;
    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.4rem;
    line-height: 1.2;
    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: 1199px) {
    .compare {
        margin: 0 0 8rem;
    }
}

.compare__head {
    background: #fff;
    margin: 0 -2.5rem 0.5rem;
    overflow: hidden;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .compare__body {
        padding: 6rem 3rem;
        margin: 0;
        border-radius: 10px;
    }
}

.compare__topbar {
    padding: 3rem 2.5rem 0;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .comments__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 1199px) {
    .comments__content {
        -ms-flex: 1;
        flex: 1;
        margin: 0 2rem 0 0;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .comments__form {
        background: #FFFFFF;
        border: 1px solid #F0F1F7;
        border-radius: 5px;
        padding: 3rem 3rem 3.5rem;
    }
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .stock__wrapper {
        padding: 6.5rem 8rem;
    }
}

.stock__image {
    display: none;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .article {
        margin: 0 0 10rem;
    }
}

.article__head {
    position: relative;
    margin: 0 -2.5rem 4.5rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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 header {
    background: transparent!important;
    color: unset!important;
    min-height: unset!important;
}

.tech__logo {
    margin: 0 0 7rem;
    max-width: 25rem;
}

.tech__logo img, .tech__logo svg {
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
}

/*@media (min-width: 1199px) {.system {  padding: 15.2rem 0 22.3rem;}}*/
.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .alert__text {
        margin: 0 3rem 0 0;
    }
}

.alert__action {
    display: none;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .personal {
        margin: 0 0 16rem;
    }
}

@media (min-width: 1199px) {
    .personal__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 1199px) {
    .personal__sidebar,.col-xl-3.personal__sidebar {
        margin: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: unset;
    }
}

@media (min-width: 1199px) {
    .personal__content {
        -ms-flex: 1;
        flex: 1;
        max-width: calc(100% - 34rem - 2rem);
    }
}

.personal__nav {
    margin: 0 -2.5rem 2rem;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .personal__nav-link {
        background: #F7F7FB;
    }
}

.personal__nav-title {
    display: none;
}

@media (min-width: 1199px) {
    .personal__nav-title {
        display: block;
        font-size: 2rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 2.5rem;
    }
}

@media (min-width: 1199px) {
    .personal__overview {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
    }
}

@media (min-width: 1199px) {
    .personal__overview-sidebar {
        margin: 0 0 0 2rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 34rem;
    }
}

@media (min-width: 1199px) {
    .personal__overview-content {
        -ms-flex: 1;
        flex: 1;
        max-width: calc(100% - 34rem - 2rem);
    }
}

.personal__title {
    display: none;
}

@media (min-width: 1199px) {
    .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: 1199px) {
    .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: #fff;
    border-radius: 5px;
    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: 1199px) {
    .personal__order-head {
        padding: 1.5rem 3rem;
        margin: 0 0 4rem;
    }
}

.personal__order-title {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    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: 1199px) {
    .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: #F7F8FC;
        font-size: 1.4rem;
        font-weight: 500;
    }

    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
    margin-bottom: 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: 1199px) {
    .container {
        max-width: 147rem;
        padding: 0 2.5rem;
    }
}

#content >h1 {
    margin: 2rem 0;
}

#content .form-group {
    margin-bottom: 2rem;
}

#content .panel-heading {
    font-size: unset;
    line-height: unset;
    font-weight: normal;
}

#content fieldset {
    padding: 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: 1199px) {
    .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: 1199px) {
    .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: 1199px) and (max-width: 1470px) {
    html {
        font-size: 0.6802721088vw;
    }
}

body {
    font: 400 1.6rem/1.5 "Roboto", Arial, Helvetica, sans-serif;
    background: #F6F0E1;
    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: 1199px) {
    .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: auto;
        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: 2rem;
        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%;
        height: 100%;
        width: auto;
    }

    .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: 1199px) {
    .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;
    }

    .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-v8 .header__group--currency_language {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
    }

    .is-header-v8 .header__group--currency_language > * {
        margin: 0;
    }

    .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-menu--4lvl {
        width: max-content;
        max-width: 100%;
    }

    .header__catalog-menu--4lvl .header__catalog-link {
        padding-right: 4rem!important;
    }

    .header__catalog-menu--4lvl .header__catalog-dropdown {
        z-index: 11;
    }

    .header-fixed .header__catalog-menu--4lvl .header__catalog-dropdown {
        top: 0!important;
    }

    .header__catalog-menu--4lvl .header__catalog-menu > li {
        margin: 0 0 0.5rem!important;
    }

    .header__catalog-menu--4lvl .header__catalog-menu > li:last-child {
        margin: 0!important;
    }

    .header__catalog-menu--4lvl .header__catalog-dropdown .header__catalog-link {
        padding: 0.5rem 3rem 0.5rem 2rem!important;
    }

    .header-fixed .header__catalog-menu > li.header__catalog-menu--4lvl {
        position: relative;
    }

    .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;
        max-height: 2rem;
        max-width: 2rem;
    }

    .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: 500;
    }

    .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;
        text-decoration: none;
        transition: color 0.25s;
        color: #343434;
    }

    .header__cart-item-title:hover {
        color: var(--theme-primary-color);
        text-decoration: none;
    }

    .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: 1199px) {
    .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 var(--theme-secondary-color);
        border-radius: 5px;
    }
}

@media (min-width: 1199px) {
    .is-page-header-fixed .sku__compact {
        top: 8rem;
    }

    .is-page-header-fixed.is-header-v8 .sku__compact {
        top: 6.6rem;
    }
}

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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-icon svg {
    height: 100%;
    width: 100%;
}

.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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .header-fixed .header__catalog-offcanvas {
        padding: 0;
    }

    .header-fixed .header__catalog-aside .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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: 1199px) {
    .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;
    text-decoration: none;
}

.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: 1199px) {
    .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: 1199px) {
    .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;
        color: #343434;
    }

    .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: 1199px) {
    .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: 1199px) {
    .is-xl-hidden {
        display: none !important;
    }
}

/* additional */
.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;
}

.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--blog.article__body--column blockquote {
    position: relative;
    left: unset;
    width: unset;
}

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

/* svg glyphicon */
.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: 1199px) {
    .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,.swiper-shops .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;
    position: absolute;
    margin-left: -2rem;
}

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

.header__catalog-link-icon svg,.header__catalog-link-icon svg path,.header__tags-btn svg,.header__tags-btn svg path {
    fill: currentColor!important;
}

.input-group-btn>.btn {
    height: 4.6rem;
}

.ui-field .g-recaptcha {
    margin-bottom: 2rem;
}

.js-captcha.is-error +.ui-error {
    margin: 0 0 2rem;
}

.modal-content {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #F0F1F7;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: none;
}

.modal-header {
    padding: 3rem 3rem 0;
    border: 0;
}

.modal-title {
    display: block;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 500;
}

.modal-body {
    padding: 2rem 3rem;
}

.modal-backdrop.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.modal-backdrop {
    background-color: #191919;
}

.modal-header .close span {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7612 9.99893L19.6305 2.14129C19.8657 1.90606 19.9979 1.58701 19.9979 1.25434C19.9979 0.921668 19.8657 0.602622 19.6305 0.367388C19.3953 0.132153 19.0763 0 18.7437 0C18.411 0 18.092 0.132153 17.8568 0.367388L10 8.23752L2.14319 0.367388C1.90799 0.132153 1.58897 2.95361e-07 1.25634 2.97839e-07C0.923701 3.00318e-07 0.604689 0.132153 0.36948 0.367388C0.134271 0.602622 0.00213201 0.921668 0.002132 1.25434C0.002132 1.58701 0.134271 1.90606 0.36948 2.14129L8.23878 9.99893L0.36948 17.8566C0.252404 17.9727 0.159479 18.1109 0.0960643 18.2631C0.0326494 18.4153 0 18.5786 0 18.7435C0 18.9084 0.0326494 19.0717 0.0960643 19.224C0.159479 19.3762 0.252404 19.5143 0.36948 19.6305C0.4856 19.7476 0.623751 19.8405 0.775965 19.9039C0.928178 19.9673 1.09144 20 1.25634 20C1.42123 20 1.5845 19.9673 1.73671 19.9039C1.88892 19.8405 2.02708 19.7476 2.14319 19.6305L10 11.7603L17.8568 19.6305C17.9729 19.7476 18.1111 19.8405 18.2633 19.9039C18.4155 19.9673 18.5788 20 18.7437 20C18.9086 20 19.0718 19.9673 19.224 19.9039C19.3762 19.8405 19.5144 19.7476 19.6305 19.6305C19.7476 19.5143 19.8405 19.3762 19.9039 19.224C19.9674 19.0717 20 18.9084 20 18.7435C20 18.5786 19.9674 18.4153 19.9039 18.2631C19.8405 18.1109 19.7476 17.9727 19.6305 17.8566L11.7612 9.99893Z" fill="currentColor"></path></svg>');
    font-size: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.modal-header .close {
    position: absolute;
    color: #343434;
    right: 0;
    top: 0;
    width: 5rem;
    height: 5rem;
}

.modal-footer {
    padding: 0 3rem 3rem;
    border: 0;
}

/* additional */
/* ocf *@media (min-width: 768px) {.ocf-container,.ocf-page-list-bottom,.ocf-description-bottom {max-width: 90%;padding: 0 2.5rem;margin: 0 auto;}#column-left-grid,#column-right-grid,#column-left,#column-right {z-index: 21!important;}}@media (max-width: 767px) {.ocf-container,.ocf-page-list-bottom,.ocf-description-bottom {padding: 0 2.5rem;}}/* ocf */